@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 );--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right)}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right)}@media only screen and (max-width : 480px){.Toastify__toast-container{width:100vw;padding:0;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}}.Toastify__toast{--y: 0;position:relative;-ms-touch-action:none;touch-action:none;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0;overflow:hidden}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{margin:auto 0;-ms-flex:1 1 auto;flex:1 1 auto;padding:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;-ms-flex:1;flex:1}.Toastify__toast-icon{-webkit-margin-end:10px;margin-inline-end:10px;width:20px;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width : 480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start;z-index:1}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial;border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp{position:absolute;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#cart-product-card{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:5px;margin:10px;border-radius:10px;background-color:#fff;box-shadow:0 2px 4px #00000040;padding-left:0}#cart-product-card .cart-product-row .sideColumnImage{display:flex;justify-content:flex-start;align-items:flex-start;width:100%}#cart-product-card .cart-product-row .sideColumnImage .imageStyleCart{height:5rem;width:5rem;object-fit:cover;margin-right:12px;border-color:#d9d9d9;border-radius:10px;border-width:1px;display:flex;justify-content:flex-start;align-items:flex-start}#cart-product-card .cart-product-row .sideColumnImage .packageCartName{font-size:14px;color:#000;padding:0;margin:0}#cart-product-card .cart-product-row .sideColumnImage .priceText{font-size:14px;color:#333;font-weight:550;padding:0;margin:0}#cart-product-card .product-other-name{font-size:.8rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical}@media (min-width: 760px){#cart-product-card .responsive-product-other-name{font-size:16px!important}}#cart-product-card .product-name{font-size:.75rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical}@media (min-width: 760px){#cart-product-card .responsive-product-name{font-size:16px!important}}@media (min-width: 768px){#cart-product-card .responsive-cartItem{width:initial!important}}@media (min-width: 768px){#cart-product-card .responsive-cartItem .responsive-wrapper-cart{width:initial!important}}#cart-product-card .cartItem{border-color:#ececec;border-radius:6px;position:relative;overflow:hidden;display:flex;justify-content:flex-end;align-items:center;width:"30%"}#cart-product-card .cartItem .wrapper-cart{border-color:#ececec;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;border-radius:6px;position:relative;overflow:hidden;width:100%}#cart-product-card .cartItem #remove-icon,#cart-product-card .cartItem #add-icon{flex:1;width:20%;justify-content:center;align-items:center}#cart-product-card .side{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}#cart-product-card .input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:10rem}#product-card .tagContainer{position:relative}#product-card .tag{background-color:#fec836;padding:2px 10px;border-top-right-radius:45px;border-bottom-right-radius:45px;position:absolute;z-index:4;top:3px;color:#fff;font-size:12px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}#product-card .redirect-detail{cursor:pointer;transition:opacity .3s ease}#product-card .redirect-detail:active{opacity:.7}#product-card .product-other-name{font-size:.8rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}#product-card .product-name{font-size:.75rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:3.3rem}#product-card .imageStyleProdCard{object-fit:cover;border-color:#d9d9d9;border-width:1px;border-style:solid;display:flex;justify-content:flex-start;align-items:flex-start;object-fit:contain;background-color:#fff}#product-card .salePrice{font-size:.75rem;color:#dc1e2d;line-height:1.125rem;text-align:left;text-decoration-line:line-through;height:1.1rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}#product-card .price{font-size:1rem;color:#000;line-height:1.5rem;text-align:left;font-weight:600}#product-card .container-badge-promo-src{height:1.625rem}#product-card .badge-promo-src{width:1.625rem;object-fit:contain}#product-card .text-info-qty{display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:.7rem;line-height:.8125rem;font-weight:500;color:green;text-align:left;height:2.6rem}#product-card .cartItem{border-color:#ececec;border-radius:6px;position:relative;overflow:hidden;display:flex;justify-content:flex-end;align-items:center}#product-card .cartItem .wrapper-cart{border-color:#ececec;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;border-radius:6px;position:relative;overflow:hidden;width:100%}#product-card .cartItem #remove-icon,#product-card .cartItem #add-icon{flex:1;width:20%;justify-content:center;align-items:center}#product-card .container-picker{height:1.6rem}#product-card .text-trunc{font-weight:600;font-size:.8rem;flex:1;color:#333;width:100%;height:auto;display:-webkit-box;text-overflow:ellipsis;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}#product-card .text-trunc-2{flex:1;color:#333;width:100%;height:auto;display:-webkit-box;line-clamp:1;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}@media (min-width: 768px){#cart-page-container .responsive-cart{align-self:center;width:60%!important}}#cart-page-container .productName,#cart-page-container .productOtherName{font-size:12px;color:#000;font-weight:700;margin:0;padding:0}#cart-page-container .productOtherNameSubtitle{color:gray;font-size:10px;margin:0}#cart-page-container .sideColumnImage{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-grow:.94}#cart-page-container .imageStyleCart{height:60px;width:60px;resize:cover;margin-left:12px;border-color:#d9d9d9;border-radius:10px;border-width:1px;border-style:solid;display:flex;justify-content:flex-start;align-items:flex-start;padding:1%}#cart-page-container .sideColumn{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-grow:.9}#cart-page-container .rtl{flex-direction:row-reverse}#cart-page-container .rtl .imageStyle{margin-right:0;margin-left:12px}#cart-page-container .rtl .sideColumn{justify-content:flex-end;align-items:flex-end}#cart-page-container .packageName{font-size:12px;color:#000}#cart-page-container .priceText{font-size:14px;color:#333;line-height:24px;font-weight:700}#cart-page-container .priceText.crossedOut{text-decoration-line:line-through;color:#dc1e2d;font-weight:100}#cart-page-container .priceText.discount{margin-left:8px;font-size:15px}#cart-page-container .cart-product-card{display:flex;justify-content:flex-start;align-content:space-between;align-self:flex-end;padding-right:12px;width:100%}#cart-page-container .cart-product-card .side{justify-content:flex-end;align-items:center;padding-right:10px}#cart-page-container .delete-button{padding:0;margin:0;background-color:transparent;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;opacity:1;transition:opacity .2s ease}#cart-page-container .delete-button.active{opacity:.5}#cart-page-container .cartItem{border-color:#ececec;border-radius:6px;position:relative;overflow:hidden;display:flex;justify-content:flex-end;align-items:center;width:30%}#cart-page-container .cartItem .wrapper-cart{border-color:#ececec;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;border-radius:6px;position:relative;overflow:hidden;width:100%}#cart-page-container .cartItem .button-cart{color:#fff;text-align:center}#cart-page-container .cartItem .button-cart:disabled{background-color:#ccc}#cart-page-container .cartItem #input-cart{text-align:center;padding:0;outline:none;flex:1;width:25px}#cart-page-container .cartItem #remove-icon,#cart-page-container .cartItem #add-icon{flex:1;width:40%;justify-content:center;align-items:center}#cart-page-container .menun{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;position:fixed;bottom:0;left:0;right:0;margin:auto;z-index:1000;border-top:1.5px solid #d9d9d9}@media (max-width: 768px){#cart-page-container .menun.mobile-cart{box-shadow:0 -2px 10px #0000001a;border:none}}#cart-page-container .menunew{display:flex;justify-content:space-between;align-items:center;align-content:center}#cart-page-container .menuTextn{font-size:1rem;color:#000;font-weight:700}#cart-page-container .menuTextnew{font-size:1.3rem;color:#000;font-weight:700}@media (min-width: 992px){#cart-page-container .responsive-button-order{width:30%!important}}@media (min-width: 768px){#cart-page-container .responsive-total-cart-text{font-size:20px!important}#cart-page-container .responsive-total-amount-text{font-size:25px!important}}.container-login,.container-login-ph{background-size:cover;background-repeat:no-repeat;background-position:center}.link-text{font-size:13px;font-weight:500}.text-small{font-size:10px}.image-bude{height:80px}.image-tooltip{top:-19px;right:-135px}.tooltip-text{top:0;left:14px;text-align:center}.right-component-input,.left-component-input{font-weight:500;font-size:13px;border-radius:14px}@media (min-width: 768px){.responsive-login{align-self:center;width:50%!important}}.voucher-text1{margin-left:25px;margin-right:25px;padding-top:3px}.voucher-card{box-sizing:border-box}@media (min-width: 768px){.responsive-voucher{align-self:center;width:60%!important}}.voucher-container{display:grid;grid-template-columns:repeat(2,1fr);width:100%}.bg-src-fullscreen{height:100dvh;width:100dvw}.bg-src-fullscreen .logo-corner{mix-blend-mode:multiply;width:auto;height:30dvh}@media (min-width: 768px){.bg-src-fullscreen .logo-corner{height:50dvh}}#intro-page .slider-container{height:100dvh;width:100dvw;overflow:hidden}#intro-page .slider-container .slider-data{height:100%;overflow:hidden}#intro-page .responsive-image{width:200px}@media (min-width: 768px){#intro-page .responsive-image{width:250px!important}}@media (min-width: 992px){#intro-page .responsive-image{width:330px!important}}#intro-page .icon-prev-next{cursor:pointer;width:auto;height:6dvh}@media (min-width: 768px){#intro-page .icon-prev-next{height:8dvh}}#intro-page .button-swipe-up{z-index:1;bottom:4dvh}#intro-page .step-container{height:100dvh;background-position:center;background-size:cover;background-repeat:no-repeat;position:relative}#intro-page .step-container .caption-container{background-image:linear-gradient(0deg,#ed1c24,#ed1c2480,#ed1c2400)}#intro-page .title-page2-page3{margin-top:8%}#intro-page .responsive-intro{width:100%}@media (min-width: 992px){#intro-page .responsive-intro{width:60%!important}}#intro-page .responsive-page2-content{width:75%}@media (min-width: 768px){#intro-page .responsive-page2-content{width:60%!important}}@media (min-width: 992px){#intro-page .responsive-page2-content{width:50%!important}}@media (min-width: 1200px){#intro-page .responsive-page2-content{width:35%!important}}#intro-page .card-page3-content-odd{padding-right:80px;margin-right:-70px;margin-left:10px}#intro-page .card-page3-content-even{padding-left:80px;margin-left:-70px;margin-right:10px}#intro-page .card-review{width:300px;font-size:12px;border-radius:10px}@media (min-width: 768px){.responsive-voucher-detail{align-self:center;width:60%!important}}#promotion-card-partial .promotion-card{display:flex;justify-content:space-between;border:2px solid #e3e3e3;border-radius:10px;padding:10px;margin:5px 0;overflow:hidden}#promotion-card-partial .promotion-card.selected{border-color:#000}#promotion-card-partial .promotion-card.ineligible{background-color:#999;border-color:#646464}#promotion-card-partial .promotion-card .round-button{border-radius:50%;width:25px;height:25px;display:flex;align-items:center;justify-content:center}#promotion-card-partial .promotion-card .details{flex:1;display:flex;flex-direction:column;justify-content:center}#promotion-card-partial .promotion-card .details .name-price{display:flex;flex-direction:row;margin-bottom:10px}#promotion-card-partial .promotion-card .details .price{display:flex;flex-direction:column}#ws-card-shipping .text-ws-schedule{font-size:.8rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}@media (min-width: 768px){#checkout-page-component .responsive-checkout{align-self:center;width:60%!important}}#checkout-page-component .shippingContainer{background-color:#fff;border-bottom:6px solid #ececec;display:flex;flex-direction:row;justify-content:space-between;align-items:center;align-content:center;padding:15px;cursor:pointer}#checkout-page-component .shippingImageCheckout{width:25px;height:25px;object-fit:contain;cursor:pointer}#checkout-page-component .shippingText,#checkout-page-component .voucherText{flex:1;font-size:13px;font-weight:700;cursor:pointer}#checkout-page-component .shippingTextRight{flex:1;font-size:13px;font-weight:700;cursor:pointer;padding-right:10px;color:red}#checkout-page-component .voucherContainer{background-color:#fff;border-bottom:6px solid #ececec;display:flex;flex-direction:row;justify-content:space-between;align-items:center;align-content:center;padding:15px;cursor:pointer}#checkout-page-component .voucherImage{width:25px;height:25px;object-fit:contain;cursor:pointer}#checkout-page-component .voucherText{flex:1;font-size:13px;font-weight:700;text-align:left;cursor:pointer}#checkout-page-component .voucherTextRight{flex:1;font-size:13px;font-weight:700;text-align:right;cursor:pointer;padding-right:10px;color:red}#checkout-page-component .coinDiscountContainer{background-color:#fff;border-bottom:6px solid #ececec;display:flex;flex-direction:row;justify-content:space-between;align-items:center;align-content:center;padding:15px;gap:3}#checkout-page-component .coinDiscountImageContainer{flex:1;display:flex;flex-direction:row;align-items:center}#checkout-page-component .coinDiscountImage{width:30px;height:30px;object-fit:contain}#checkout-page-component .coinDiscountText{font-size:13px;font-weight:700}#checkout-page-component .coinDiscountAmount{flex:1;display:flex;justify-content:flex-end;font-size:12px;font-weight:700}#checkout-page-component .coinDiscountAmountRed{color:red}#checkout-page-component .coinDiscountAmountBlack{color:#aaa}#checkout-page-component .addressCourierContainer{display:flex;background-color:#fff;flex-direction:column;border-bottom:6px solid #ececec;justify-content:center;align-items:center;align-content:center;padding:15px;width:100%}#checkout-page-component .addressCourierHeader{flex-direction:row;justify-content:center;align-items:center;gap:2}#checkout-page-component .addressCourierImage{width:30px;height:30px;object-fit:contain}#checkout-page-component .addressDetailsContainer{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px}#checkout-page-component .addressDetails{border-radius:10px;padding:20px;font-size:14px;cursor:pointer}#checkout-page-component .noAddressContainer{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 10px}#checkout-page-component .noAddressText{width:100%;font-size:14px;color:#000;font-style:italic;margin-bottom:10px}#checkout-page-component .addressText{flex:1;font-size:13px;font-weight:700}#checkout-page-component .actionButton{border:none;width:90%}#checkout-page-component .noteContainer{background-color:#fff;flex-direction:row;border-bottom:6px solid #ececec;justify-content:center;align-items:center;align-content:center;padding:10px;width:100%;height:70px}#checkout-page-component .noteImage{height:25px;width:25px;margin-left:10px}#checkout-page-component .noteInput{border:none;outline:none;height:50px;margin-left:10px;flex:1;background-color:transparent}#checkout-page-component .noteInput::placeholder{color:gray}#checkout-page-component .orderSummaryContainer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:16px 20px}#checkout-page-component .clickableDiv{flex-direction:row;display:flex;justify-content:center;align-items:center;cursor:pointer}#checkout-page-component .clickableDiv:hover{opacity:1}#checkout-page-component .clickableDiv:active{opacity:.5}#checkout-page-component .orderSummaryTextTitle{cursor:default;font-weight:700;font-size:14px}#checkout-page-component .orderSummaryText,#checkout-page-component .menuText{font-size:14px;font-weight:700;color:#000}#checkout-page-component .iconMargin{margin-left:20px}#checkout-page-component .subMenuTextDiscount{color:#639b22}#checkout-page-component .subMenuText{font-size:14px;color:#000}#checkout-page-component .menun{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;position:fixed;bottom:0;left:0;right:0;margin:auto;z-index:10;border-top:1.5px solid #d9d9d9}@media (max-width: 768px){#checkout-page-component .menun.mobile-checkout{box-shadow:0 -2px 10px #0000001a;border:none}}#checkout-page-component .menunew{display:flex;justify-content:space-between;align-items:center;align-content:center}#checkout-page-component .menuTextn{font-size:1rem;color:#000;font-weight:700;text-align:left}#checkout-page-component .menuTextnew{text-align:left;font-size:1.3rem;color:#000;font-weight:700}#checkout-page-component #modal-from-bottom .modal-dialog{transition:transform .3s ease-out;transform:translateY(100%)}#checkout-page-component #modal-from-bottom.show .modal-dialog{transform:translateY(0)}#checkout-page-component #modal-from-bottom .modal-content{border-radius:.5rem;overflow:hidden}#checkout-page-component .fade .modal-dialog{transition:transform .3s ease-in}#checkout-page-component .custom-modal{position:fixed;bottom:0;margin:0 auto;width:100%}#checkout-page-component #modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0000;display:flex;justify-content:center;align-items:flex-end;animation:fadeIn .5s forwards;z-index:15}#checkout-page-component #modal-backdrop .modal-content-wrapper{width:100%;max-height:45%;display:flex;flex-direction:column;animation:slideIn .5s forwards}@media (min-width: 768px){#checkout-page-component #modal-backdrop .modal-content-wrapper.responsive-modal{width:60%!important}}#checkout-page-component #modal-backdrop .modal-content-wrapper.slide-out{animation:slideOut .5s forwards}#checkout-page-component #modal-backdrop .modal-content{background-color:#fff;padding:20px;border-radius:10px 10px 0 0;width:100%;box-shadow:2px 2px 10px #0000004d;display:flex;flex-direction:column;overflow:hidden}#checkout-page-component #modal-backdrop .modal-header{display:flex;justify-content:flex-end}#checkout-page-component #modal-backdrop .modal-header button{background:none;border:none;font-size:1.5rem;cursor:pointer}#checkout-page-component #modal-backdrop .modal-body{padding:20px 0 0;overflow-y:auto;height:50vh;scrollbar-width:none;-ms-overflow-style:none}#checkout-page-component #modal-backdrop .modal-body::-webkit-scrollbar{width:0px;background:transparent}#checkout-page-component #modal-backdrop .deliveryOption{font-size:1.1rem}#checkout-page-component #modal-backdrop .form-check-label{font-size:.8rem}@media (min-width: 992px){#checkout-page-component .responsive-button-order{width:50%!important;font-size:16px!important}}@media (min-width: 768px){#checkout-page-component .responsive-checkout-text,#checkout-page-component .responsive-checkout-text .form-check-label{font-size:16px!important}#checkout-page-component .responsive-total-checkout-text{font-size:20px!important}#checkout-page-component .responsive-total-amount-text{font-size:25px!important}}@media (min-width: 768px){.responsive-regiter{align-self:center;width:60%!important}}.input-register::placeholder{color:#b2b2b2}.input-register::-moz-placeholder{color:#b2b2b2}.input-register::-webkit-input-placeholder{color:#b2b2b2}.input-register{font-size:9pt!important;letter-spacing:-.2pt}.label-register{font-size:9pt!important}.container-register{min-height:100%}@media (min-width: 768px){#term-condition-page .responsive-term-condition{align-self:center;width:60%!important}}@media (min-width: 768px){#privacy-page .responsive-privacy{align-self:center;width:60%!important}}.action-sheet .sheet-container{border-top-left-radius:10px;border-top-right-radius:10px}@media (min-width: 768px){.action-sheet .sheet-container{left:0;right:0;margin-left:auto;margin-right:auto;width:60%!important}}.action-sheet .sheet-header{border-bottom:1px solid #ddd}.action-sheet .sheet-header .header-content .close-button{cursor:pointer}.action-sheet .sheet-backdrop{left:auto!important}@media (min-width: 1200px){.action-sheet .modal-camera{width:50%!important}}.button-back-bude{top:18px;left:14px}@media (min-width: 768px){.responsive-bude{align-self:center;width:60%}}.responsive-header-bude{width:100%}@media (min-width: 768px){.responsive-header-bude{width:60%}}.responsive-header-bude .responsive-text-bude{justify-content:flex-end;padding-bottom:15px}@media (min-width: 768px){.responsive-header-bude .responsive-text-bude{padding-bottom:0;justify-content:center}}#product-list-card .tagContainer{position:relative}#product-list-card .tag{background-color:#fec836;padding:2px 10px;border-top-right-radius:45px;border-bottom-right-radius:45px;position:absolute;z-index:4;top:3px;color:#fff;font-size:12px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}#product-list-card .redirect-detail{cursor:pointer;transition:opacity .3s ease}#product-list-card .redirect-detail:active{opacity:.7}#product-list-card .product-other-name{font-size:20px;font-weight:600;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:2.3rem}#product-list-card .product-name{font-size:.75rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:2.3rem}#product-list-card .imageStyleProdListCard{display:flex;resize:cover;justify-content:flex-start;align-items:flex-start;object-fit:contain;background-color:transparent}#product-list-card .salePrice{font-size:.75rem;color:#dc1e2d;line-height:1.125rem;text-align:left;text-decoration-line:line-through;height:1.1rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}#product-list-card .price{font-size:1rem;color:#000;line-height:1.5rem;text-align:left;font-weight:600}#product-list-card .container-badge-promo-src{height:1.625rem}#product-list-card .badge-promo-src{width:1.625rem;object-fit:contain}#product-list-card .text-info-qty{display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:.7rem;line-height:.8125rem;font-weight:500;color:green;text-align:left;height:2.6rem}#product-list-card .cartItemList{border-color:#ececec;border-radius:6px;position:relative;overflow:hidden;display:flex;align-items:flex-start}#product-list-card .cartItemList .wrapper-cart-list{border-color:#ececec;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;border-radius:0;position:relative;overflow:hidden;padding-right:10px;width:130px}#product-list-card .cartItem #remove-icon,#product-list-card .cartItem #add-icon{justify-content:center;align-items:center}#product-list-card .container-picker{height:1.6rem}@media (max-width: 768px){.imageStyleProdListCard{object-fit:cover;width:100%;height:100%}}.render-image-style{width:40%}@media (max-width: 768px){.render-image-style{width:60%}}#cart-footer-component .card-badge{background-color:#fff;border:1px solid #d83426;border-radius:50%;display:flex;justify-content:center;align-items:center;min-width:25px;min-height:25px;width:auto;height:auto;position:absolute;top:-5px}#cart-footer-component .card-badge.ltr{right:-15px}#cart-footer-component .card-badge.rtl{left:-15px}#cart-footer-component .cart-text{font-size:16px;color:#fff;margin-left:20px;font-weight:500}#cart-footer-component .amount-text{font-size:14px;color:#d83426}#cart-footer-component .cart-price-text{font-size:16px;color:#fff;margin-right:20px;font-weight:500}.content-loading{flex:1;margin-top:20px;display:flex;justify-content:center;align-items:center}.responsive-product-search .input-search::placeholder{color:#333}@media (min-width: 768px){.responsive-product-search{align-self:center;width:60%!important}}.custom-button{width:430px;height:70px;background:#fff;border:2px solid transparent;border-radius:10px;padding:10px 20px;text-align:left;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 6px #0000001a}.custom-button .d-flex{align-items:center}.custom-button img{height:26px;width:40px;margin-right:20px}.custom-button .fw-bold{font-weight:700}.custom-button .sl-arrow-right{font-size:12px}@media (max-width: 768px){.custom-button{width:95%}}#products-component-container .content-loading{flex:1;margin-top:20px;display:flex;justify-content:center;align-items:center}#products-component-container .scroll-view-container{overflow-y:auto}#products-component-container .responsive-category-product{max-width:100px!important;min-width:100px!important}@media (min-width: 620px){#products-component-container .responsive-category-product{max-width:170px!important;min-width:170px!important}}.option-pack{background-color:transparent;color:#000;border-color:gray;width:100%;text-align:left}@media (min-width: 768px){.responsive-product-detail{align-self:center;width:60%!important}}@media (max-width: 2000px) and (min-width: 1239px){.responsive-image-product{justify-content:center;align-items:center;align-self:center;width:60%!important;margin:20px}}@media (max-width: 1238px) and (min-width: 768px){.responsive-image-product{justify-content:center;align-items:center;align-self:center;width:60%!important;margin:100px 20px}}.responsive-heart-product{bottom:7%}.button-keranjang{padding:11px;font-size:14px}@media (max-width: 777px){.button-keranjang{padding:11px;font-size:12px}}@media (max-width: 380px){.button-keranjang{padding:11px;font-size:10px}}@media (max-width: 2000px) and (min-width: 768px){.responsive-heart-product{bottom:7%;left:120%}}@media (min-width: 768px){.responsive-verify-otp{align-self:center;width:50%;align-items:center}}@media (min-width: 992px){.responsive-timer{justify-content:center}}.container-passcode-validate{background-size:cover;background-repeat:no-repeat;background-position:center}@media (min-width: 768px){.responsive-pass-validate{align-self:center;width:60%;align-items:center}}#profile-page{padding:0;margin:0;background-color:#f8f9fa}@media (min-width: 768px){#profile-page .responsive-profile{align-self:center;width:60%!important}}#profile-page .backgroundImage{background-size:contain;background-repeat:no-repeat;background-position:center;flex-direction:column;justify-content:flex-start;align-items:center;align-self:center;height:250px;margin-bottom:-30px;padding-top:1rem;padding-bottom:1rem}@media (min-width: 768px){#profile-page .backgroundImage{padding-top:0}}#profile-page .profileTitleTop{color:#fff;font-weight:600;font-size:1.5rem}#profile-page .profileTitleBottom{color:#fff;font-size:1.5rem;padding:5px 0 20px}#profile-page .profileImage{height:88px;width:88px;border-radius:100%;border-width:1px;border-color:#fff}#profile-page .profitLabel{height:20px!important;width:60%;border-radius:20px;flex-direction:column;justify-content:center;align-self:center;align-items:center;padding:4px;background-image:linear-gradient(to bottom,red,#b11522);z-index:2;position:relative;top:-10px;color:#fff;text-align:center;font-size:12px;box-shadow:0 2px 4px #0000004d}#profile-page .profitBox{width:80%;height:60px;background-color:#fff;border-radius:36px;border:1px solid #ccc;box-shadow:0 2px 4px #0000004d;flex-direction:row;justify-content:center;align-self:center;align-items:center;z-index:1;position:absolute}#profile-page .profitAmount{font-size:20px;color:#d83426}#profile-page .detailLabel{position:absolute;width:90%;align-items:flex-end;z-index:1;justify-content:flex-end;top:18px;text-align:right;font-size:16px;color:#22b516;cursor:default}#profile-page .detailLabel:active{opacity:.5}#profile-page .footerText{font-weight:550;font-size:14px;text-align:center;margin:0}#profile-page .footerSubText{font-size:12px;text-align:center;margin:0}#profile-page .versionInfo{justify-content:center;align-items:flex-start;padding-left:1rem}#profile-page .versionText{font-size:14px;font-weight:500;text-align:center;color:#333}#profile-page .menu-list-button:active,#profile-page .menu-list-button:focus{background:initial;outline:none;color:initial;text-decoration:none}@media (min-width: 768px){.responsive-pass-input{align-self:center;width:60%;align-items:center}}@media (min-width: 768px){.responsive-align-center{align-items:center}}@media (min-width: 992px){.responsive-button-input{width:70px}}.box-button-input{height:50px}@media (min-width: 992px){.responsive-box-button-input{height:80px;flex:0}}@media (min-width: 992px){.responsive-font-button-input{font-size:1.5rem!important}}.tukarPoint,.riwayatPoint{height:75vh}@media (max-width: 2000px) and (min-width: 787px){.tukarPoint,.riwayatPoint{height:75vh}}@media (max-width: 786px) and (min-width: 699px){.tukarPoint,.riwayatPoint{height:77vh}}@media (max-width: 600px) and (min-width: 430px){.tukarPoint,.riwayatPoint{height:77vh}}@media (max-width: 429px) and (min-width: 414px){.tukarPoint,.riwayatPoint{height:77vh}}@media (max-width: 412px) and (min-width: 399px){.tukarPoint,.riwayatPoint{height:77vh}}@media (max-width: 400px) and (min-width: 370px){.tukarPoint,.riwayatPoint{height:76vh}}@media (max-width: 360px) and (min-width: 300px){.tukarPoint,.riwayatPoint{height:74vh}}.expireDate{flex-direction:column;justify-content:flex-start;align-items:flex-end}.childDate{flex:1;flex-direction:column;justify-content:flex-start;align-items:flex-end;margin:10px;align-self:flex-end}@media (min-width: 768px){.responsive-point-saya{align-self:center;width:60%!important}}.scrollbar-width-none{scrollbar-width:none;-ms-overflow-style:none}.scrollbar-width-none::-webkit-scrollbar{display:none;width:0;height:0}@media (min-width: 768px){#ws-saya-page .responsive-ws-saya{align-self:center;width:60%!important}}#ws-saya-page .topContent{flex:1;background-color:#fff;display:flex;flex-direction:row;align-items:center;padding-left:40px;height:56px;justify-content:space-between;border-width:0;border-radius:2px;border-color:#ccc;border-bottom-width:2px;box-shadow:0 20px #000}#ws-saya-page .topText{font-size:20px;color:#d83426}#ws-saya-page .segmentContent{flex:1}#ws-saya-page .segmentContentText{text-align:center;font-size:14px;color:#333;padding:8px 10px;text-transform:capitalize}#ws-saya-page .segmentContentTextActive{border-bottom:3px solid #d83426;color:#d83426}#ws-saya-page .search{padding:16px;border-bottom:1px solid #ececec}#ws-saya-page .contentList{padding:22px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;height:100%;border-bottom:1px solid #ececec}#ws-saya-page .shopAbout{padding:22px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;height:100%}#ws-saya-page .contentListTitle{color:#4a4a4a;font-size:18px;margin-top:20px}#ws-saya-page .contentListTitle2{color:#4a4a4a;font-size:14px;margin-top:30px}#ws-saya-page .contentPoint{color:#d83426;font-size:24px;margin-top:10px}#ws-saya-page .contentListDescription{margin-top:13px}#ws-saya-page .contentListDescriptionText{font-size:14px;color:#4a4a4a}#ws-saya-page .contentItem{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:22px 32px}#ws-saya-page .imageLogo{height:50px;width:50px;object-fit:contain}#ws-saya-page .contentItemMainTitle,#ws-saya-page .contentItemMainContent{font-size:16px;color:#000}#ws-saya-page .contentItemSecondary{margin-top:13px}#ws-saya-page .contentItemSecondaryContent{color:#4a4a4a;font-size:12px}#ws-saya-page .iconStyle{align-self:center}#ws-saya-page .modalContent{background-color:#fff;padding:22px;justify-content:center;align-items:center;border-radius:4px;border-color:#0000001a}#ws-saya-page .bottomModal{justify-content:flex-end;margin:0}#ws-saya-page .scrollableModal{height:300px}#ws-saya-page .scrollableModalContent1{height:200px;background-color:orange;display:flex;align-items:center;justify-content:center}#ws-saya-page .scrollableModalContent2{height:200px;background-color:#90ee90;display:flex;align-items:center;justify-content:center}#ws-saya-page .nav-tabs .nav-item .nav-link.active{color:#d83426;box-shadow:none}#ws-saya-page .nav-tabs .nav-item .nav-link{border:none}#ws-saya-page .nav-tabs{border-bottom:none}#ws-saya-page .Tab{color:#000}#ws-saya-page .Tab.active{color:#00f}#ws-saya-page .nav-tabs{display:flex}#ws-saya-page .nav-item{flex:1;text-align:center}#ws-saya-page .custom-modal .modal-dialog{max-width:300px}#ws-saya-page .custom-modal .modal-content{max-height:400px}#ws-saya-page .berhentiPelanggan{width:100%;text-align:center;overflow-x:hidden;margin-bottom:30px;margin-top:110px}#ws-saya-page .buttonPelanggan{overflow-y:auto;overflow-x:hidden;width:100%}@media (max-width: 2000px) and (min-width: 787px){#ws-saya-page .berhentiPelanggan{margin-bottom:10px;position:relative}#ws-saya-page .buttonPelanggan{height:89vh}}@media (max-width: 786px) and (min-width: 699px){#ws-saya-page .berhentiPelanggan{margin-bottom:10px;position:relative}}@media (max-width: 600px) and (min-width: 430px){#ws-saya-page .berhentiPelanggan{margin-top:180px;position:relative}}@media (max-width: 429px) and (min-width: 414px){#ws-saya-page .berhentiPelanggan{margin-top:150px;position:relative}}@media (max-width: 412px) and (min-width: 399px){#ws-saya-page .berhentiPelanggan{margin-top:170px;position:relative}}@media (max-width: 400px) and (min-width: 370px){#ws-saya-page .berhentiPelanggan{margin-top:100px;position:relative;height:10vh}}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,.react-datepicker__week-number--keyboard-selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__week-number--keyboard-selected{border-radius:.3rem;background-color:#2a87d0;color:#fff}.react-datepicker__week-number--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:hover,.react-datepicker__month-text--holidays:hover,.react-datepicker__quarter-text--holidays:hover,.react-datepicker__year-text--holidays:hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--in-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__year-text--selected:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--in-range:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:transparent}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}#datepicker-container{display:flex;flex-direction:column;position:relative}#datepicker-container #stack-datepicker div.react-datepicker-wrapper{width:100%}@media (min-width: 768px){#edit-profile-page .responsive-edit-profile{align-self:center;width:60%!important}}#edit-profile-page .stackStyle{flex-direction:row;background-color:#fff;width:100%;padding:0;box-shadow:0 2px 2px #0000001a;z-index:9}#edit-profile-page .buttonStyle{font-size:14px;width:100%;outline:none;border-radius:0;justify-content:center;align-items:center;padding:10px;cursor:pointer;color:#333}#edit-profile-page .button-progress-hightlight:active{opacity:.5}#edit-profile-page .highlight-card{border:none;background:linear-gradient(90deg,#fcdede,#f37678);border-radius:15px}#edit-profile-page .highlight-card .card-body{padding:10px;display:flex;justify-content:center;align-items:center;position:relative;flex:1}#edit-profile-page .highlight-card .card-body .text-align-left{text-align:left}#edit-profile-page .highlight-card .card-body .text-hightlight{color:#333;font-size:12px;font-weight:600}@media (min-width: 768px){#edit-profile-page .highlight-card .card-body .text-hightlight{color:#333;font-size:14px;font-weight:600}}#edit-profile-page .highlight-card .card-body .arrow-container{position:absolute;right:0;top:30}#edit-profile-page .highlight-card .card-body .bg-progress{width:64px;height:64px;resize:cover;object-fit:contain}#edit-profile-page .highlight-card .resize-contain{position:absolute;top:10px;right:0;z-index:0;width:64px;height:64px;object-fit:contain}#edit-profile-page .custom-progress-circle{display:flex;align-items:center;justify-content:center;width:5%;height:5%}#edit-profile-page .custom-progress-circle .custom-progress-circle__svg{position:absolute;transform:rotate(-90deg)}#edit-profile-page .custom-progress-circle .custom-progress-circle__value{position:absolute;font-size:.7rem;color:#333;font-weight:550}#edit-profile-page .profile-image-container{margin:20px 0;align-self:center;position:relative;width:60px;height:60px;border-radius:100%}#edit-profile-page .profile-image-container .image-wrapper{position:relative;width:100%;height:100%;cursor:pointer}#edit-profile-page .profile-image-container .image-wrapper .edit-icon-button{position:absolute;right:0;bottom:0;width:20px;height:20px;padding:4px;border-radius:100%;background-color:#333;display:flex;justify-content:center;align-items:center}#edit-profile-page .profile-image-container .image-wrapper .edit-icon-button svg{color:#fff}#edit-profile-page .foto-ktp-outer-container{margin-top:5px;margin-bottom:14px;padding:0 12px}#edit-profile-page .foto-ktp-outer-container .foto-ktp-inner-container{display:flex;justify-content:flex-start;align-items:center;padding:10px 20px;width:100%;background-color:#fff;border-radius:8px}#edit-profile-page .foto-ktp-outer-container .foto-ktp-inner-container:active{opacity:.5;background-color:#f3f3f3}#edit-profile-page .foto-ktp-outer-container .foto-ktp-inner-container .foto-ktp-image-container{margin-right:16px}#edit-profile-page .foto-ktp-outer-container .foto-ktp-inner-container .foto-ktp-image-container img{width:100%;height:100%}#edit-profile-page .foto-ktp-outer-container .foto-ktp-inner-container .foto-ktp-text-container{flex:1}#edit-profile-page .foto-ktp-outer-container .foto-ktp-inner-container .foto-ktp-text-container p{display:inline;font-size:14px;color:#333;font-weight:700;text-align:left}#edit-profile-page .rowContainer{flex-direction:row;margin-top:5px}#edit-profile-page .innerRowContainer{flex:1;flex-direction:row}#edit-profile-page .paragraphStyle{margin-bottom:5px;font-style:italic;font-weight:700;text-align:left;color:#333}#edit-profile-page .radioRow{display:flex;margin-bottom:7px}#edit-profile-page .radioLabel{font-size:14px}#edit-profile-page .custom-label-container{width:100%;align-items:flex-start;padding-right:12px;margin-top:10px}#edit-profile-page .text-black{color:#333}#edit-profile-page .custom-label-container .form-label{font-weight:500;font-size:13px;color:#333}#edit-profile-page .custom-label-container .form-label .required-asterisk{font-size:13px;color:#dc1e2d}#edit-profile-page .srcBox{width:100%;border-radius:20px;padding:16px;align-self:"stretch";box-shadow:0 2px 4px #00000040}#edit-profile-page .address-detail .text-ellipsis{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-height:4.5em}#edit-profile-page .centeredItem{display:flex;justify-content:center;width:100%}#edit-profile-page .store-images-container{margin-top:15px;margin-bottom:5px;padding:10px;background-color:#fff2d1}#edit-profile-page .store-images-container .text-left{font-weight:700}#edit-profile-page .store-images-container .store-image-button{margin:5px;width:80px;height:80px;display:flex;justify-content:center;align-items:center;border-radius:10px;overflow:hidden;border:1px dashed #aaa}#edit-profile-page .store-images-container .store-image-button img{width:100%;height:100%}#edit-profile-page .store-images-container .store-image-button .add-image-placeholder{width:24px;height:24px}#edit-profile-page .store-images-container .store-images-scroll-row{width:100%;height:90px}#edit-profile-page .store-images-container .store-images-scroll-row .store-images-scroll{display:flex;flex-direction:row}#edit-profile-page .card-review{width:300px;font-size:12px;border-radius:10px}#edit-profile-page .warning-kyc{margin-bottom:10px;padding:15px}#edit-profile-page .warning-kyc .image-container{width:54px}#edit-profile-page .warning-kyc .image-container .image{width:100%;height:54px}#edit-profile-page .warning-kyc .text-title{font-weight:700;font-size:14px;text-align:left;color:#333}#edit-profile-page .warning-kyc .text-description{font-size:12px;text-align:left;color:#333}#edit-profile-page .modal-alert-content-ktp{width:90vw}#edit-profile-page .text-title-add-bank{color:#333;font-size:1rem;font-weight:700}#edit-profile-page .text-add-bank{color:#333;font-size:12px}@media (min-width: 768px){#edit-profile-page .text-add-bank{color:#333;font-size:14px}}#storeSchedules-component #modal-backdrop,#edit-profile-page #modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:flex-end;animation:fadeIn .5s forwards;z-index:15}#storeSchedules-component #modal-backdrop .modal-content-wrapper,#edit-profile-page #modal-backdrop .modal-content-wrapper{width:100%;max-height:55%;display:flex;flex-direction:column;animation:slideIn .5s forwards}@media (min-width: 768px){#storeSchedules-component #modal-backdrop .modal-content-wrapper.responsive-modal,#edit-profile-page #modal-backdrop .modal-content-wrapper.responsive-modal{width:60%!important}}#storeSchedules-component #modal-backdrop .modal-content-wrapper.slide-out,#edit-profile-page #modal-backdrop .modal-content-wrapper.slide-out{animation:slideOut .5s forwards}#storeSchedules-component #modal-backdrop .modal-content,#edit-profile-page #modal-backdrop .modal-content{background-color:#fff;padding:20px;border-radius:10px 10px 0 0;width:100%;box-shadow:2px 2px 10px #0000004d;display:flex;flex-direction:column;overflow:hidden}#storeSchedules-component #modal-backdrop .modal-header,#edit-profile-page #modal-backdrop .modal-header{display:flex;justify-content:flex-end}#storeSchedules-component #modal-backdrop .modal-header button,#edit-profile-page #modal-backdrop .modal-header button{background:none;border:none;font-size:1.5rem;cursor:pointer}#storeSchedules-component #modal-backdrop .modal-body,#edit-profile-page #modal-backdrop .modal-body{overflow-y:auto;height:70vh;scrollbar-width:none;-ms-overflow-style:none}#storeSchedules-component #modal-backdrop .modal-body::-webkit-scrollbar,#edit-profile-page #modal-backdrop .modal-body::-webkit-scrollbar{width:0px;background:transparent}#storeSchedules-component #modal-backdrop .deliveryOption,#edit-profile-page #modal-backdrop .deliveryOption{font-size:1.1rem}#storeSchedules-component #modal-backdrop .form-check-label,#edit-profile-page #modal-backdrop .form-check-label{font-size:.8rem}.modal-container{padding:24px 12px;display:flex;flex-direction:column;gap:12px;align-items:center}.modal-container button{flex:1;width:100%}.badge-notif{background-color:#dc1e2d;position:absolute;top:80px;height:16px;width:16px;right:480px;border-radius:50%;justify-content:center;align-items:center;padding:1px;z-index:2}@media (max-width: 1600px) and (min-width: 1440px){.badge-notif{top:80px;right:350px}}@media (max-width: 1399px) and (min-width: 1024px){.badge-notif{top:80px;right:215px}}@media (max-width: 1023px) and (min-width: 820px){.badge-notif{top:80px;right:135px}}@media (max-width: 819px) and (min-width: 768px){.badge-notif{top:80px;right:115px}}@media (max-width: 600px) and (min-width: 430px){.badge-notif{top:80px;right:95px}}@media (max-width: 429px) and (min-width: 415px){.badge-notif{top:80px;right:90px}}@media (max-width: 414px) and (min-width: 399px){.badge-notif{top:80px;right:80px}}@media (max-width: 400px) and (min-width: 376px){.badge-notif{top:80px;right:60px}}@media (max-width: 375px) and (min-width: 365px){.badge-notif{top:80px;right:45px}}@media (max-width: 360px) and (min-width: 300px){.badge-notif{top:80px;right:30px}}@media (min-width: 768px){#riwayat-belanja-page .responsive-riwayat-belanja{align-self:center;width:60%!important}}@media (min-width: 768px){#geolocation .responsive-geolocation{align-self:center;width:60%!important}}@media (min-width: 768px){#geolocation .responsive-bg-none{background:none!important}}#geolocation .icon-location-pin{background-color:red;padding:11px;position:absolute;z-index:3;bottom:85px;right:13px;border-radius:100px}@media (min-width: 768px){.responsive-transaction-detail{align-self:center;width:60%!important}}.buttonBlock{height:50px;width:100%;border-radius:10px}.buttonBlockT{background-color:transparent;border-width:1;border-color:gray}.buttonStyle{padding:0 10px 10px}.buttonTextWhite{color:#fff;font-size:12px}.buttonTextRed{color:red;font-size:12px}.wrapperLabel{width:50%;margin-left:5;justify-content:"center"}.modalBackground{display:flex;align-items:center;justify-content:center;background-color:#00000080;position:fixed;top:0;left:0;width:100%;height:100%}.modalContainer{display:flex;justify-content:center;align-items:center;margin:20px;background-color:#fff;border-radius:20px;border:1px solid transparent;max-width:calc(100vw - 40px)}.wrapperContent{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;overflow:hidden;width:100%}.bodyContent{background-color:#fff;padding:20px;border-top-left-radius:20px;border-top-right-radius:20px;border:1px solid transparent;display:flex;justify-content:center;align-items:center;text-align:center;flex-wrap:wrap}.footerContent{display:flex;justify-content:center;align-items:center;background-color:#fff;padding:10px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;border:1px solid transparent;width:100%;height:80px}.shippingContainer{background-color:#fff;display:flex;flex-direction:row;justify-content:space-between;align-items:center;align-content:center;padding:15px}.shippingImage{width:25px;height:25px;-o-object-fit:contain;object-fit:contain}.shippingText{flex:1;font-size:13px;font-weight:700;text-align:left;cursor:default}.shippingTextRight{flex:1;font-size:13px;font-weight:700;text-align:right;cursor:default;padding-right:5px;color:gray}.addressCourierContainer{display:flex;background-color:#fff;justify-content:center;align-items:center;align-content:center;padding:15px;width:100%}.addressCourierHeader{flex-direction:row;justify-content:center;align-items:center;gap:2}.addressCourierImage{width:30px;height:30px;-o-object-fit:contain;object-fit:contain}.addressDetailsContainer{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px}.addressDetails{background-color:#fff2d1;border-radius:10px;padding:20px}.noAddressContainer{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px}.noAddressText{width:100%;font-size:20px;color:#000;font-style:italic;text-align:center;align-self:center;margin-bottom:10px}.addressText{flex:1;font-size:13px;font-weight:700;text-align:left;cursor:default}.productContainer{background-color:#fff;border-bottom:6px solid #ececec;display:flex;flex-direction:row;align-items:center;align-content:center;padding:10px}.orderSummaryContainer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-color:#ececec;padding:5px 20px}.clickableDiv{display:flex;justify-content:space-between;align-items:center}.orderSummaryTitleContainer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-color:#ececec;padding:16px 20px 0}.orderSummaryTextTitle{cursor:default;font-weight:700;font-size:13px}.orderSummaryText{font-size:13px;font-weight:700;color:#000}.buttonContainer{background-color:#fff;min-height:300px;border-bottom:#ececec;padding:15px;align-items:center}.menunt{display:flex;align-items:center;justify-content:space-between;position:fixed;left:0;right:0;bottom:0;z-index:10;padding:20px;margin:auto}.toast-body{white-space:nowrap;max-width:100%;padding:.5em 1em;margin:0 auto;text-align:center;position:fixed;top:80%;left:50%;transform:translate(-50%,-50%);z-index:9999;background-color:#000;color:#fff;border-radius:10px}.step-icon{margin-right:8px;margin-bottom:15px}.step-line{border-left:2px solid;height:19px;position:absolute;top:90%;left:50%;transform:translate(-50%)}.step-name{flex-grow:1;margin-bottom:15px;font-size:12px}.step-date{margin-bottom:15px;font-size:12px}.orderStatusContainer{display:flex;justify-content:space-between;align-items:center;border-color:#ececec;padding:16px 20px;margin-top:20px}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fade-out{animation:fadeOut 1s forwards}.colorLabelFinished{color:green}.colorLabelUnFinished{color:red}.menuViewText{background-color:#fff2d1;border-radius:10px;padding:20px;margin-top:10px}.menu{display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-color:#ececec;padding:16px 20px}.menuText{font-size:14px;color:#000}.insideMenu{padding-bottom:10px;padding-left:9px;padding-right:20px;border-bottom-width:1px;border-color:#ececec}.statusCodeBox{background-color:#fed35b;border-color:#fed35b;padding:20px 10px;width:100%}.boxVA{display:flex;flex-direction:column;border-top-width:1px;border-color:#ececec;padding-top:10px;padding-bottom:10px}.titleVA{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-top:5px;padding-bottom:5px}.generalTitle0{flex:.55;font-size:14px;color:#000;padding-top:5px;padding-bottom:5px}.dataTitle0{flex:.45;font-size:14px;color:#000;padding-top:5px;padding-bottom:5px;position:relative;left:10px}.generalTitle1{font-size:14px;color:#000;padding-top:5px;padding-bottom:5px}.dataTitle2{font-size:14px;font-weight:700;color:#000;padding-top:5px;padding-bottom:5px;text-align:right}.successVAPayment{display:flex;flex-direction:row;margin:10px}.dateVAText{font-size:14px;color:#000;padding-left:20px;padding-right:20px}.titleModalText{font-size:16px;color:#000;font-weight:700;padding-left:20px;padding-right:20px}.generalTitle{font-size:14px;color:#000;padding-left:20px;padding-right:20px}.image-step-indicator{width:25px;height:25px}.line-step-indicator{width:25px;height:20px}.modal-fullscreen{max-width:100%;max-height:100%;overflow-y:auto}.menuModalType{display:flex;align-items:center;justify-content:space-between}.titleModalText{flex-grow:1;font-weight:700;font-size:18px}.modal-body-transactionDetail{padding:20px;max-height:80vh;overflow-y:auto}@media (max-width: 768px){.input-group{flex-direction:row;justify-content:space-between;align-items:center}.input-group-prepend{width:29vh!important;padding-right:10px}}@media (max-width: 500px){.input-group{flex-direction:row;justify-content:space-between;align-items:center}.input-group-prepend{width:20vh!important;padding-right:10px}}.poinCoinBelanjaContainernew{height:70px;background-color:#fff;flex-direction:row;justify-content:center;align-self:center;align-items:center;margin-top:10px;flex:1}.badge{display:flex;align-items:center;justify-content:center}.badge-icon{position:relative;padding-top:2px;margin-right:5px}.badge-count{position:absolute;top:2px;right:8px;background-color:#d83426;color:#fff;border-radius:50%;width:15px;height:15px;display:flex;justify-content:center;align-items:center}.badge-label{color:#000}.badge-label h6{margin:0}.badge-label button{margin-top:0;margin-bottom:0}@media (max-width: 768px){.poinCoinBelanjaContainernew{width:100%}.badge{display:flex;align-items:center}}@media (max-width: 470px){.poinCoinBelanjaContainernew{width:100%}.badge{display:flex;align-items:center}}@media (max-width: 370px){.poinCoinBelanjaContainernew{width:100%}.badge{display:flex;align-items:center}}@media (max-width: 340px){.poinCoinBelanjaContainernew{width:100%}.badge{display:flex;align-items:center}}.menuBelanja{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;padding:10px;margin-top:10px;margin-bottom:10px;margin:1}.buttonSelected{border-width:1px;border-radius:6px;height:30px;display:flex;flex-direction:column;margin-left:4px;margin-right:4px;background-color:#dc1e2d;border-color:#dc1e2d;color:#fff;align-self:center;align-items:center;justify-content:center;min-width:220px}@media only screen and (max-width: 600px){.buttonSelected{min-width:200px}}@media only screen and (max-width: 470px){.buttonSelected{min-width:190px}}@media only screen and (max-width: 400px){.buttonSelected{min-width:175px}}@media only screen and (max-width: 370px){.buttonSelected{min-width:165px}}.buttonSelected1{border-width:1px;border-radius:6px;height:30px;display:flex;flex-direction:column;margin-left:4px;margin-right:4px;background-color:#dc1e2d;border-color:#dc1e2d;color:#fff;align-self:center;align-items:center;justify-content:center;min-width:220px}@media only screen and (max-width: 2000px){.buttonSelected1{min-width:450px}}@media only screen and (max-width: 470px){.buttonSelected1{min-width:400px}}@media only screen and (max-width: 400px){.buttonSelected1{min-width:360px}}.buttonSelectedText,.buttonSelectedText1{color:#fff;font-size:12px;font-weight:500;align-self:center;align-items:center;justify-content:center}.buttonDefault{border-width:1px;border-radius:6px;height:30px;display:flex;flex-direction:column;margin-left:4px;margin-right:4px;background-color:transparent;border-color:#dc1e2d;align-self:center;align-items:center;justify-content:center;min-width:220px}@media only screen and (max-width: 700px){.buttonDefault{min-width:200px}}@media only screen and (max-width: 600px){.buttonDefault{min-width:190px}}@media only screen and (max-width: 400px){.buttonDefault{min-width:175px}}@media only screen and (max-width: 370px){.buttonDefault{min-width:165px}}.buttonDefault1{border-width:1px;border-radius:6px;height:30px;display:flex;flex-direction:column;margin-left:4px;margin-right:4px;background-color:transparent;border-color:#dc1e2d;align-self:center;align-items:center;justify-content:center;min-width:220px}@media only screen and (max-width: 200px){.buttonDefault1{min-width:450px}}@media only screen and (max-width: 600px){.buttonDefault1{min-width:190px}}@media only screen and (max-width: 380px){.buttonDefault1{min-width:165px}}.buttonText,.buttonText1{color:#dc1e2d;font-size:12px;font-weight:500;align-self:center;align-items:center;justify-content:center}.menu-histories{display:flex;justify-content:center;gap:20px}@media only screen and (min-width: 380px){.contain-order-histories{flex-wrap:nowrap;overflow-x:auto;width:20%}}.menu-button-dashboard-b2b{width:7vh}.appbar-component .button-back,.appbar-component .button-search{background-color:transparent;border:none}.appbar-component .input-search::placeholder{color:#969696}@media (min-width: 950px){.responsive-shooping{align-self:center;width:60%!important}}@media (max-width: 768px){.font-size,.font-size-promo,.font-size-poin,.font-size-subtext{font-size:12px}}@media (min-width: 768px){.font-size{font-size:16px}.font-size1{font-size:20px}.font-size-promo{font-size:16px;padding-top:6px}.font-size-poin{font-size:18px}.font-size-subtext{font-size:14px}}.order-histories-container{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;width:100%}.buttonWrapper{width:100%;align-items:center;align-self:center;justify-content:center}.font-category{font-size:14px}@media (max-width: 768px){.font-category{font-size:11px}}@media (min-width: 768px){.font-category{font-size:14px;font-weight:500}}@media (max-width: 2000px) and (min-width: 767px){.modal-content{width:100%}.imagePop{width:60vw;height:auto}.modal-overlay{padding-top:60px}.image-icon{width:3vw;height:auto;border-radius:50%}}@media (max-width: 768px) and (min-width: 0px){.modal-content{width:100%}.imagePop{width:90vw;height:auto}.modal-overlay{padding-top:60px}.image-icon{width:5vw;height:auto;border-radius:50%}}@media (max-width: 2000px) and (min-width: 768px){.close-button{top:1vw;right:1vw}}@media (max-width: 767px) and (min-width: 0px){.close-button{top:0vw;right:1vw}}.paguyubanContainer{padding:20px}.paguyubanComponent{padding:60px 0 0}.paguyubanHeader{display:flex;justify-content:"center";align-items:start}.paguyubanHeader:after{content:"";position:absolute;top:0;left:0;right:0;background-image:url(/images/bg-image-paguyuban.png);background-size:100% 100%;height:289px}.paguyubanHeaderTop{position:fixed;top:0;left:0;right:0;background-color:#e40f16;color:#fff;justify-content:space-between;height:60px;z-index:2}.paguyubanBtnBack{position:absolute;left:0;top:0;bottom:0;margin:14px}.paguyubanHeaderTitle{display:flex;justify-content:center;align-items:center;font-size:16px;height:60px;line-height:30px}.paguyubanProfile{align-items:center;justify-content:space-between}.paguyubanProfileContainer{margin:20px 0;display:flex;align-items:center}.paguyubanProfileContainer .paguyubanProfileImg{display:block;height:60px;width:60px;border-radius:100%;margin-left:10px;margin-right:16px}.paguyubanKetuaContainer{width:32px;height:32px;margin-right:10px}.paguyubanKetuaContainer img{display:block;width:100%;height:100%}.paguyubanIcon{height:32px;width:32px}.paguyubanTextLarge{font-size:16px}.paguyubanTextMedium{font-size:14px}.paguyubanTextSmall{font-size:12px}.paguyubanTextExtraSmall{font-size:10px}.paguyubanContainer .accordion-header{background-color:none}.paguyubanContainer .accordion-button{padding:0;border:0;background-color:#fff;box-shadow:none}.paguyubanContainer .accordion-button:focus{box-shadow:none;border-color:#00000020}.paguyubanContainer .accordion-button:before{box-shadow:none}.paguyubanContainer .accordion-button:after{width:16px;height:16px;background-size:100% 100%}.paguyubanContainer .accordion-button.collapsed:after{border-color:#00000020}.paguyubanBtnAdd{padding:20px 0}.paguyubanBtnAdd button{height:40px}.modalContentPaguyuban{width:auto!important}.modalBodyPaguyuban{width:100%;max-width:440px;padding:30px 20px}@media only screen and (min-width: 769px){.modalBodyPaguyuban{padding:30px 40px}}.paguyubanLink{cursor:pointer}.paguyubanProfileItem{justify-content:center}.ppStar{width:14px;height:14px;margin-left:6px}.ppStar img{display:block;width:100%;height:100%}@media (min-width: 992px){.paguyubanComponent{width:60%!important}.paguyubanHeader:after{height:398px}.paguyubanProfile{align-items:center;flex-direction:column}.paguyubanProfileContainer{margin:40px 0 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.paguyubanProfileContainer .paguyubanProfileImg{height:100px;width:100px;margin-left:0;margin-right:0;margin-bottom:20px}.paguyubanKetuaContainer{margin-right:0;margin-bottom:30px}.paguyubanTextLarge{font-size:18px}.paguyubanTextMedium{font-size:16px}.paguyubanTextMedium.header{display:block;margin-top:4px}.paguyubanTextSmall,.paguyubanTextExtraSmall{font-size:14px}.paguyubanBtnAdd{padding:30px 0}.paguyubanBtnAdd button{height:50px}.ppStar{width:18px;height:18px;margin-left:10px}}.paguyubanMember{padding:20px}.paguyubanMemberCard{margin-bottom:10px}.paguyubanMemberContainer{padding:10px 16px;display:flex;align-items:center;justify-content:space-between}.paguyubanMemberContent{display:flex;align-items:center}.pmcImage{width:50px;height:50px;margin-right:10px;object-fit:cover}.pmcStar{width:14px;height:14px;margin-left:6px}.paguyubanMemberTextMedium{font-size:14px}.paguyubanMemberTextSmall{font-size:12px}.paguyubanMemberKetua{width:32px;height:32px}.pmcIcon{display:block;width:100%;height:100%}@media (min-width: 950px){.paguyubanMember{width:60%!important;padding:40px 0 0}.paguyubanMemberContainer{padding:20px}.pmcImage{width:65px;height:65px;margin-right:20px}.paguyubanMemberBtn{width:34px;height:34px}.paguyubanMemberTextMedium{font-size:16px}.paguyubanMemberTextSmall{font-size:14px}.paguyubanMemberKetua{width:50px;height:50px}.pmcStar{width:18px;height:18px;margin-left:10px}}@media (min-width: 768px){#staff-detail-page .responsive-staff-detail{align-self:center;width:60%!important}}#management-staff-page{padding:0;margin:0;background-color:#f8f9fa}#management-staff-page #content-staff-wrapper::-webkit-scrollbar{display:none}@media (min-width: 768px){#management-staff-page .responsive-management-staff{align-self:center;width:60%!important}}#management-staff-page .wrapper-staff-data-list .staff-data-list .menu-list-button:active,#management-staff-page .wrapper-staff-data-list .staff-data-list .menu-list-button:focus{background:initial;outline:none;color:initial;text-decoration:none}#management-staff-page .menu-list-button:active,#management-staff-page .menu-list-button:focus{background:initial;outline:none;color:initial;text-decoration:none}#management-staff-page #modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0000;display:flex;justify-content:center;align-items:flex-end;animation:fadeIn .5s forwards;z-index:15}#management-staff-page #modal-backdrop .modal-content-wrapper{width:100%;max-height:55%;display:flex;flex-direction:column;animation:slideIn .5s forwards}@media (min-width: 768px){#management-staff-page #modal-backdrop .modal-content-wrapper.responsive-modal{width:60%!important}}#management-staff-page #modal-backdrop .modal-content-wrapper.slide-out{animation:slideOut .5s forwards}#management-staff-page #modal-backdrop .modal-content{background-color:#fff;padding:20px;border-radius:10px 10px 0 0;width:100%;box-shadow:2px 2px 10px #0000004d;display:flex;flex-direction:column;overflow:hidden}#management-staff-page #modal-backdrop .modal-header{display:flex;justify-content:flex-end}#management-staff-page #modal-backdrop .modal-header button{background:none;border:none;font-size:1.5rem;cursor:pointer}#management-staff-page #modal-backdrop .modal-body{padding:20px 0 0;overflow-y:auto;height:50vh;scrollbar-width:none;-ms-overflow-style:none}#management-staff-page #modal-backdrop .modal-body::-webkit-scrollbar{width:0px;background:transparent}#management-staff-page #modal-backdrop .deliveryOption{font-size:1.1rem}#management-staff-page #modal-backdrop .form-check-label{font-size:.8rem}@media (min-width: 768px){#medal-badge-page .responsive-checkout,#medal-shimmer-component .responsive-checkout{align-self:center;width:60%!important}}#medal-badge-page .wrapper-medal-box-shimmer .medal-box-shimmer,#medal-shimmer-component .wrapper-medal-box-shimmer .medal-box-shimmer{width:100%;border-radius:15px;background-color:#ddd}#progress-bar-profile{padding:0;margin:0;width:100%;min-height:100%;background-color:#f8f9fa}@media (min-width: 768px){#progress-bar-profile .responsive-progress-bar-profile{align-self:center;width:60%!important}}#progress-bar-profile .backgroundImageProgressBar{background-size:contain;background-repeat:no-repeat;background-position:center;background-color:#cc0f0b;flex-direction:column;justify-content:flex-start;align-items:center;align-self:center}#progress-bar-profile .progressBarRow{background-color:#cc0f0b;flex-direction:column;justify-content:flex-start;align-items:center;position:relative;height:200px}#progress-bar-profile .progressBarContent{padding:10px 20px;align-items:center;margin-top:20px}#progress-bar-profile .progressBarSummaries{display:flex;justify-content:center;align-items:center}#progress-bar-profile .progressBarSummary{display:flex;align-items:center;flex-direction:column;width:100%}#progress-bar-profile .progressBarValue{font-size:30px;font-weight:700;color:#fff}#progress-bar-profile .progressBarName{font-size:.8rem;color:#fff;padding-top:2px;text-align:center}#progress-bar-profile .srcBox{border-radius:16px;padding:12px;align-self:stretch;margin:5px 20px;box-shadow:0 4px 10px #30c1dd99}.progress-list{background-color:transparent;flex:1;flex-direction:column;justify-content:flex-start;align-items:center;margin-top:-50px;width:100%}.progress-list .progress-content{justify-content:space-between;font-size:16px}.src-box{padding:30px 15px 10px;width:90%;border-radius:16px}.item,.item-foto-toko{border-bottom:2px solid #eaeaea}.status-text{color:#fc0}.container-foto-toko{padding-top:16px;padding-bottom:16px;font-size:16px}.icon-container{margin-top:5px}.searchable-dropdown{position:relative;width:100%}.searchable-dropdown .dropdown-list{position:absolute;top:70px;width:100%;max-height:300px;overflow-y:auto;background-color:#fff;border-radius:4px;list-style:none;padding:0;margin:0;z-index:1}.searchable-dropdown .dropdown-list .dropdown-item{padding:10px;cursor:pointer;border-bottom:1px solid #d9d9d9}.searchable-dropdown .dropdown-list .dropdown-item:hover{background-color:#f1f1f1}.searchable-dropdown .dropdown-list .dropdown-item-empty{padding:10px;color:#999;text-align:center}@media (min-width: 768px){#account-bank-page .responsive-account-bank{align-self:center;width:60%!important;padding:20px 0}}#account-bank-page .box-bank{border-radius:10px}#account-bank-page #modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:flex-end;animation:fadeIn .5s forwards;z-index:15}#account-bank-page #modal-backdrop .modal-content-wrapper{width:100%;max-height:75%;display:flex;flex-direction:column;animation:slideIn .5s forwards}@media (min-width: 768px){#account-bank-page #modal-backdrop .modal-content-wrapper.responsive-modal{width:60%!important}}#account-bank-page #modal-backdrop .modal-content-wrapper.slide-out{animation:slideOut .5s forwards}#account-bank-page #modal-backdrop .modal-content{background-color:#fff;padding:20px;border-radius:10px 10px 0 0;width:100%;box-shadow:2px 2px 10px #0000004d;display:flex;flex-direction:column;overflow:hidden}#account-bank-page #modal-backdrop .modal-header{display:flex;justify-content:flex-end}#account-bank-page #modal-backdrop .modal-header button{background:none;border:none;font-size:1.5rem;cursor:pointer}#account-bank-page #modal-backdrop .modal-body{padding:20px 0 0;overflow-y:auto;height:60vh;scrollbar-width:none;-ms-overflow-style:none}#account-bank-page #modal-backdrop .modal-body::-webkit-scrollbar{width:0px;background:transparent}#account-bank-page #modal-backdrop .deliveryOption{font-size:1.1rem}#account-bank-page #modal-backdrop .form-check-label{font-size:.8rem}#rrp-dashboard-belanja .appbar-component .button-back-responsive{position:relative}@media (min-width: 768px){#rrp-dashboard-belanja .appbar-component .button-back-responsive{position:absolute}}#rrp-dashboard-belanja .appbar-component .search-bar-responsive .search-bar-button{width:100%}@media (min-width: 768px){#rrp-dashboard-belanja .appbar-component .search-bar-responsive .search-bar-button{width:60%}}@media (min-width: 768px){#rrp-dashboard-belanja .appbar-component .search-bar-responsive{justify-content:center}}#rrp-dashboard-belanja .appbar-component .button-back,#rrp-dashboard-belanja .appbar-component .button-search{background-color:transparent;border:none}#rrp-dashboard-belanja .appbar-component .input-search::placeholder{color:#969696}#rrp-dashboard-belanja .inner-poin-component .badge-custom{font-size:10px;width:24px;height:24px}#rrp-dashboard-belanja .inner-poin-component .text-1{font-size:12px}#rrp-dashboard-belanja .inner-poin-component .text-2{font-size:11px}#rrp-dashboard-belanja .menu-component .frame-button{width:80px}@media (min-width: 992px){#rrp-dashboard-belanja .menu-component .frame-button{width:90px}}#rrp-dashboard-belanja .menu-component .frame-menu{width:80px;height:80px;border-style:solid}@media (min-width: 992px){#rrp-dashboard-belanja .menu-component .frame-menu{width:90px;height:90px}}#rrp-dashboard-belanja .menu-component .text-menu{font-size:12px}#rrp-dashboard-belanja .credit-limit-component .shimmer-views{height:14dvh}#rrp-dashboard-belanja .carousel-image-full-page{width:100%}#rrp-dashboard-belanja .carousel-inner,#rrp-dashboard-belanja .carousel-item{height:100%}#rrp-dashboard-belanja .carousel-rrp-banner-image{border-radius:10px}#rrp-dashboard-belanja .card-rrp-poin{background-color:#fff}@media (min-width: 768px){#rrp-dashboard-belanja .responsive-dashboard{align-self:center;width:60%}}#product-card-rrp{width:150px}#product-card-rrp .dropdown-item.active,#product-card-rrp .dropdown-item:active{background-color:#d83426}#product-card-rrp .input-count{padding:0!important}.cart-rrp-component{position:relative}.cart-rrp-component .cart-badge{min-width:75%;top:-1px;right:-4px}#rrp-product .appbar-component .button-back-responsive{position:relative}@media (min-width: 768px){#rrp-product .appbar-component .button-back-responsive{position:absolute}}#rrp-product .appbar-component .search-bar-responsive .search-bar-button{width:100%}@media (min-width: 768px){#rrp-product .appbar-component .search-bar-responsive .search-bar-button{width:60%}}@media (min-width: 768px){#rrp-product .appbar-component .search-bar-responsive{justify-content:center}}#rrp-product .appbar-component .button-back,#rrp-product .appbar-component .button-search{background-color:transparent;border:none}#rrp-product .appbar-component .input-search::placeholder{color:#969696}#rrp-product .responsive-category-rrp{max-width:70px!important;min-width:70px!important}@media (min-width: 400px){#rrp-product .responsive-category-rrp{max-width:100px!important;min-width:100px!important}}@media (min-width: 620px){#rrp-product .responsive-category-rrp{max-width:170px!important;min-width:170px!important}}#rrp-product #product-card-rrp{width:47%!important}@media (min-width: 620px){#rrp-product #product-card-rrp{width:150px!important}}@media (min-width: 768px){#benefit-detail-page .responsive-benefit-detail{align-self:center;width:60%!important}}#benefit-detail-page .responsive-benefit-detail .bottom-layer-red{padding:15px 0;background-color:#d83426;border:5px solid #fff}#benefit-detail-page .responsive-benefit-detail .bottom-layer-red .custom-text-truncate{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical}.shimmer-image{min-width:10px!important}@media (min-width: 768px){#rrp-daftar-transaksi .responsive-list-transaksi{align-self:center;width:60%}}.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;-webkit-transition:stroke-dashoffset .5s ease 0s;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}@media (min-width: 768px){#rrp-credit-limit .responsive-credit-limit{align-self:center;width:60%}}#rrp-credit-limit .CircularProgressbar-text{font-weight:700;color:#333;font-size:22px}#rrp-credit-limit .width-chart{width:200px}@media (min-width: 576px){#rrp-credit-limit .width-chart{width:50%}}#rrp-credit-limit .rrp-menungggu-pembayaran-style{border:0;border-top:3px solid lightgray;border-bottom:3px solid lightgray}@media (min-width: 768px){#rrp-credit-limit .rrp-menungggu-pembayaran-style{border:0;border-bottom:3px solid lightgray}}@media (min-width: 768px){#rrp-credit-limit.responsive-credit-limit{align-self:center;width:50%}}#rrp-cart-product-card .dropdown-item.active,#rrp-cart-product-card .dropdown-item:active{background-color:#d83426}#rrp-cart-product-card .input-count{padding:0!important}#rrp-cart-product-card .responsive-counter{max-width:150px}@media (min-width: 400px){#rrp-cart-product-card .responsive-counter{max-width:175px}}@media (min-width: 768px){#rrp-cart .responsive-rrp-cart{align-self:center;width:60%}}#rrp-transaction-detail .image-step-indicator,#rrp-transaction-detail .line-step-indicator{width:20px;height:20px}@media (min-width: 768px){#rrp-transaction-detail .responsive{align-self:center;width:60%}}:root{--react-pdf-annotation-layer: 1;--annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");--input-focus-border-color: Highlight;--input-focus-outline: 1px solid Canvas;--input-unfocused-border-color: transparent;--input-disabled-border-color: transparent;--input-hover-border-color: black;--link-outline: none}@media screen and (forced-colors: active){:root{--input-focus-border-color: CanvasText;--input-unfocused-border-color: ActiveText;--input-disabled-border-color: GrayText;--input-hover-border-color: Highlight;--link-outline: 1.5px solid LinkText}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:invert(100%);backdrop-filter:invert(100%)}}.annotationLayer{position:absolute;top:0;left:0;pointer-events:none;transform-origin:0 0;z-index:3}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translate(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg) translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg) translateY(-100%)}.annotationLayer canvas{position:absolute;width:100%;height:100%}.annotationLayer section{position:absolute;text-align:initial;pointer-events:auto;box-sizing:border-box;margin:0;transform-origin:0 0}.annotationLayer .linkAnnotation{outline:var(--link-outline)}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{position:absolute;font-size:1em;top:0;left:0;width:100%;height:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{opacity:.2;background:#ff0;box-shadow:0 2px 10px #ff0}.annotationLayer .textAnnotation img{position:absolute;cursor:pointer;width:100%;height:100%;top:0;left:0}.annotationLayer .textWidgetAnnotation :is(input,textarea),.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{background-image:var(--annotation-unfocused-field-background);border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px * var(--scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{background:none;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{border:2px solid var(--input-hover-border-color)}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation.checkBox input:hover{border-radius:2px}.annotationLayer .textWidgetAnnotation :is(input,textarea):focus,.annotationLayer .choiceWidgetAnnotation select:focus{background:none;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-image:none;background-color:transparent}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:30%;top:20%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.annotationLayer .popupTriggerArea{height:100%;width:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{position:absolute;font-size:calc(9px * var(--scale-factor));width:100%;min-width:calc(180px * var(--scale-factor));pointer-events:none}.annotationLayer .popup{position:absolute;max-width:calc(180px * var(--scale-factor));background-color:#ff9;box-shadow:0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor)) #888;border-radius:calc(2px * var(--scale-factor));padding:calc(6px * var(--scale-factor));margin-left:calc(5px * var(--scale-factor));cursor:pointer;font:message-box;white-space:normal;word-wrap:break-word;pointer-events:auto}.annotationLayer .popup>*{font-size:calc(9px * var(--scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{display:inline-block;margin-left:calc(5px * var(--scale-factor))}.annotationLayer .popupContent{border-top:1px solid rgba(51,51,51,1);margin-top:calc(2px * var(--scale-factor));padding-top:calc(2px * var(--scale-factor))}.annotationLayer .richText>*{white-space:pre-wrap;font-size:calc(9px * var(--scale-factor))}.annotationLayer .highlightAnnotation,.annotationLayer .underlineAnnotation,.annotationLayer .squigglyAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .lineAnnotation svg line,.annotationLayer .squareAnnotation svg rect,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .caretAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .stampAnnotation,.annotationLayer .fileAttachmentAnnotation{cursor:pointer}.annotationLayer section svg{position:absolute;width:100%;height:100%;top:0;left:0}.annotationLayer .annotationTextContent{position:absolute;width:100%;height:100%;opacity:0;color:transparent;-webkit-user-select:none;user-select:none;pointer-events:none}.annotationLayer .annotationTextContent span{width:100%;display:inline-block}:root{--react-pdf-text-layer: 1;--highlight-bg-color: rgba(180, 0, 170, 1);--highlight-selected-bg-color: rgba(0, 100, 0, 1)}@media screen and (forced-colors: active){:root{--highlight-bg-color: Highlight;--highlight-selected-bg-color: ButtonText}}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translate(-100%)}.textLayer{position:absolute;text-align:initial;top:0;right:0;bottom:0;left:0;overflow:hidden;line-height:1;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;z-index:2}.textLayer :is(span,br){color:transparent;position:absolute;white-space:pre;cursor:text;margin:0;transform-origin:0 0}.textLayer span.markedContent{top:0;height:0}.textLayer .highlight{margin:-1px;padding:1px;background-color:var(--highlight-bg-color);border-radius:4px}.textLayer .highlight.appended{position:initial}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:var(--highlight-selected-bg-color)}.textLayer br::selection{background:transparent}.textLayer .endOfContent{display:block;position:absolute;top:100%;right:0;bottom:0;left:0;z-index:-1;cursor:default;-webkit-user-select:none;user-select:none}.textLayer .endOfContent.active{top:0}@media (max-width: 3000px) and (min-width: 1999px){.image-card{height:118px}.small-font-button{font-size:14px}.title-font{font-size:14px;font-weight:700}.title-body{padding-bottom:18px;font-size:10px}}@media (max-width: 2000px) and (min-width: 787px){.image-card{height:130px}.small-font-button{font-size:14px}.title-font{font-size:14px;font-weight:700}.title-body{padding-bottom:30px;font-size:10px}}@media (max-width: 786px) and (min-width: 699px){.image-card{height:118px}.small-font-button{font-size:14px}.title-font{font-size:12px;font-weight:700}.title-body{padding-bottom:20px;font-size:10px}}@media (max-width: 600px) and (min-width: 430px){.image-card{height:118px}.small-font-button{font-size:12px}.title-font{font-size:12px;font-weight:700}.title-body{padding-bottom:20px;font-size:10px}}@media (max-width: 429px) and (min-width: 414px){.image-card{height:118px}.small-font-button{font-size:12px}.title-font{font-size:12px;font-weight:700}.title-body{padding-bottom:20px;font-size:10px}.font-confirm{font-size:15px}}@media (max-width: 412px) and (min-width: 399px){.image-card{height:118px}.small-font-button{font-size:11px}.title-font{font-size:12px;font-weight:700}.title-body{padding-bottom:20px;font-size:10px}.font-confirm{font-size:15px}}@media (max-width: 400px) and (min-width: 370px){.image-card{height:115px}.small-font-button{font-size:10px}.title-font{font-size:12px;font-weight:700}.title-body{padding-bottom:20px;font-size:10px}.font-confirm{font-size:14px}}@media (max-width: 360px) and (min-width: 300px){.image-card{height:118px}.small-font-button{font-size:9px}.title-font{font-size:12px;font-weight:700}.title-body{padding-bottom:25px;font-size:10px}.font-confirm{font-size:12px}}@media (min-width: 768px){.responsive-ws-nearby{align-self:center;width:60%!important}}@media (min-width: 768px){#rrp-history-payment .responsive{align-self:center;width:60%}}.coinHistoryTab{height:45px;overflow:hidden}.coinHistoryItem{padding:0}.tabTitle{font-size:14px}@media (min-width: 950px){.coinHistoryTab{margin-top:30px;height:50px}.tabTitle{font-size:16px}}.coinComponent{padding:0}.coinDesc{padding:20px;border-radius:10px;margin:20px 20px 10px}.descTitle,.descTitlePopup{font-size:16px}.descSecondary{font-size:14px}.descSmall{font-size:12px}.descImage{width:36px;height:36px}.coinTabHistory{width:100%;overflow:hidden}.coinContent{padding:16px 20px 0}.coinContentExpired{padding:4px 0 12px;border-bottom:1px solid #D9D9D9}.coinContentContainer{padding-bottom:90px}.coinContentItem{flex-wrap:wrap;padding:0 0 16px}.coinContentItem span{min-width:112px}.coinCIStatus{margin-top:4px}.coinMargin{padding:0 16px;margin-top:14px}.coinMarginFilter{padding:0 20px;margin:20px 0 4px;height:50px}.filterButton{height:100%}.filterIcon{position:absolute;top:35%;right:0;width:20px;height:20px}.coinCIContainer{width:100%}.coinCIMargin{margin-top:6px}.textMinWidth{min-width:112px}.coinTitleExpired{font-weight:500}.coinExpiredItem{padding:14px 10px;border-bottom:1px solid #D9D9D9}.coinExpiredItem .coinfontWeight{font-weight:600}.coinExpiredItem .descSmall{margin-top:6px}.coinExpiredItem:nth-child(2n){background-color:#f3f3f3}.floatingButtonGroup{padding:20px}.modalAlertContainer{border-radius:20px;border:1px solid transparent;height:100%;max-width:calc(100vw - 40px)}.modalIcon{width:48px;height:48px}.modalItem{height:72px}.modalContentCoin{width:100%}@media only screen and (min-width: 769px){.modalContentCoin{max-width:440px!important}}.modalBodyCoin{width:100%;padding:20px}.coinBtnHeight{height:40px}.coinModalContent:last-child{padding:20px 0}.coinMissionTitle{padding:12px 0}.cmcTitle{display:block;font-size:16px;font-weight:600}.cmcDesc{font-size:14px}.coinModalRadio{position:absolute;top:50%;right:0;transform:translateY(-50%);margin:0}.coinModalRadio .form-check-input{width:22px;height:22px;margin:0}.coinModalRadio.inputRadio{margin-bottom:0}.coinModalTitle{font-size:16px}.coinModalExchangeItem:not(:last-child){margin-bottom:10px}.coinButtonHeight{height:50px}@media (min-width: 950px){.coinComponent{width:60%}.coinContentContainer{padding:0 0 128px}.coinDesc{padding:30px 40px;border-radius:20px;margin:40px 0 0}.descImage{width:50px;height:50px}.descTitle{font-size:30px;line-height:30px}.descTitlePopup,.descSecondary{font-size:20px;line-height:30px}.descSecondary.smaller{font-size:16px}.descMedium,.descSmall{font-size:18px}.coinContent{padding:20px 0 0;margin-top:14px}.coinContentItem{padding-bottom:20px}.coinMargin{margin-top:30px}.coinMarginFilter{padding:0;margin-top:30px;margin-bottom:10px}.coinCIMargin{margin-top:0}.coinContentExpired{padding:4px 0 12px;border-bottom:none}.coinTitleExpired{font-weight:600}.coinExpiredItem{padding:20px;border-bottom:none}.coinExpiredItem .descSmall{margin-top:0}.coinExpiredItem .coinfontWeight,.coinExpiredItem .coinFontWeightLarge{font-weight:600}.floatingButtonGroup{padding:20px 0}.coinBtnHeight{height:50px}.coinModalTitle{font-size:20px}.coinComponent.coinFloating{width:calc(60% + 2px);padding:40px 0}.coinModalExchangeItem:not(:last-child){margin-bottom:18px}}.modalAlertContainer{font-family:Poppins,Montserrat,Open Sans,Roboto,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;border-radius:20px;border:1px solid transparent;height:100%;max-width:calc(100vw - 40px)}.modal-header{padding:20px 0 14px;margin:0 20px}.modalAlertContent{padding:30px 38px}@media (min-width: 950px){.modalAlertContainer{max-width:60%}}.dateRangePickerContainer{width:100%;display:flex;gap:10px;align-items:center}.dateRangePicker{position:relative;height:55px;display:flex;flex-direction:column;background-color:#f0f0f0;padding:10px 20px;border-radius:10px}.dateRangePicker .react-datepicker-wrapper{width:100%;line-height:0}.dateRangePicker .react-datepicker__input-container input{width:100%;padding:0;border:none;background-color:#f0f0f0;font-size:14px;font-weight:700;border-radius:4px;outline:none;box-sizing:border-box}.dateRangePicker .react-datepicker__input-container input::placeholder{color:#888}.dateRangePicker label{padding:0;font-size:10px;color:#555}.transferDetailComponent{padding:20px;min-height:calc(100vh - 60px)}.transferDetailCard{padding:30px 16px}.transferDcIcon{width:104px;height:104px;margin-bottom:12px}.transferDcTitle{border-bottom:1px dashed;padding-bottom:14px}.transferTextMedium{font-size:14px;line-height:30px}.transferDetailStatus{display:flex;height:50px;align-items:center;justify-content:center;border-radius:100px;padding:10px;margin:20px 34px;font-size:16px;font-weight:600}.transferDetailSummary{display:flex;justify-content:space-between;padding:16px;margin:20px 0}.transferDetailBtn{margin-top:20px;height:50px;font-size:16px}@media (min-width: 992px){.transferDetailComponent{width:60%!important;padding-top:40px}.transferTextMedium{font-size:16px}.transferDetailStatus{margin:30px 40px}.transferDetailSummary{margin:30px 0}.transferDetailBtn{margin-top:30px}}.exchangeCoinComponent{padding:20px}.exchangeDesc{font-size:12px;padding:16px}.exchangeLabel{font-size:14px}.coinExchangeInput{height:50px;font-weight:600}.coinExchangePhone{padding:8px 0}.modalContentCoinExchange{width:100%}@media only screen and (min-width: 769px){.modalContentCoinExchange{max-width:440px!important}}.modalBodyCoinExchange{width:100%;padding:14px 20px}.cointModalTitle{margin-top:12px;font-size:16px}.coinExchangeModalBtn{height:50px}.exchangeCFBtn{height:50px;margin-top:16px}.cointExchangeBtn{height:50px}.exchangeCFTitle{margin:16px 0 6px}@media (min-width: 950px){.exchangeCoinComponent{width:60%!important;padding:40px 0}.exchangeDesc{font-size:16px;padding:20px}.exchangeLabel{font-size:16px}.exchangeCoinComponent.exchangeCoinFloating{padding:40px 0}.exchangeCoinTransfer{display:flex;justify-content:space-between;align-items:center}.exchangeCFBtn{max-width:166px;margin-top:0}.exchangeCFTitle{margin:20px 0 10px}}@media (min-width: 768px){#map-address-delivery-page .responsive-map-address-delivery{align-self:center;width:60%!important}}.container{flex-direction:"column";background-color:"#ffffff";flex:1}@media (min-width: 768px){.responsive-product-crosseling{align-self:center;width:60%!important}}@media (min-width: 768px){#rrp-payment .responsive{align-self:center;width:60%}}#promotion-detail-page .text-image{position:absolute;top:20%;right:8%}#promotion-detail-page .text-image p{font-size:12px}@media (min-width: 600px){#promotion-detail-page .text-image p{font-size:calc(12px + 6px*(100vw - 600px)/392px)}}@media (min-width: 992px){#promotion-detail-page .text-image p{font-size:18px}}@media (min-width: 768px){#promotion-detail-page .responsive{align-self:center;width:60%}}#promotion-detail-page .responsive-image{align-self:center}@media (min-width: 768px){#promotion-detail-page .responsive-image{width:60%}}@media (min-width: 1200px){#promotion-detail-page .responsive-image{width:40%}}@media (min-width: 768px){#pojok-modal-page .responsive-pojok-modal{align-self:center;width:60%!important}}#pojok-modal-page .unwhitelistModal{width:25px;height:25px;object-fit:contain}#pojok-modal-page #modal-backdrop-pojok-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:flex-end;animation:fadeIn .5s forwards;z-index:15}#pojok-modal-page #modal-backdrop-pojok-modal .modal-content-wrapper{width:100%;display:flex;flex-direction:column;animation:slideIn .5s forwards}@media (min-width: 768px){#pojok-modal-page #modal-backdrop-pojok-modal .modal-content-wrapper.responsive-modal{width:60%!important}}#pojok-modal-page #modal-backdrop-pojok-modal .modal-content-wrapper.slide-out{animation:slideOut .5s forwards}#pojok-modal-page #modal-backdrop-pojok-modal .modal-content{background-color:#fff;padding:20px;border-radius:10px 10px 0 0;width:100%;box-shadow:2px 2px 10px #0000004d;display:flex;flex-direction:column;overflow:hidden}#pojok-modal-page #modal-backdrop-pojok-modal .modal-header{display:flex;justify-content:flex-end}#pojok-modal-page #modal-backdrop-pojok-modal .modal-header button{background:none;border:none;font-size:1.5rem;cursor:pointer}#pojok-modal-page #modal-backdrop-pojok-modal .modal-body{padding:20px 0 0;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}#pojok-modal-page #modal-backdrop-pojok-modal .modal-body::-webkit-scrollbar{width:0px;background:transparent}#pojok-modal-page #modal-backdrop-pojok-modal .deliveryOption{font-size:1.1rem}#pojok-modal-page #modal-backdrop-pojok-modal .form-check-label{font-size:.8rem}#pojok-modal-page #step-container{display:flex;align-items:center;position:relative}#pojok-modal-page #step-container .step-indicator{margin-right:20px}#pojok-modal-page #step-container .step-indicator .circle{width:24px;height:24px;background-color:#ed1c24;border-radius:50%;z-index:1}#pojok-modal-page #step-container .step-indicator .line{width:2px;background-color:#ed1c24;align-self:center}#pojok-modal-page #step-container .step-indicator .line-2{width:2px;background-color:#ed1c24;position:absolute;bottom:24px;left:50%;transform:translate(-50%);height:calc(100% + 3rem);flex-grow:1}#pojok-modal-page #step-container .step-content{flex:1}#pojok-modal-page #step-container .step-content .step-title{font-size:14px;font-weight:700;color:#333;padding-bottom:5px}#pojok-modal-page #step-container .step-content .step-body{font-size:10px;font-weight:400;color:#333}@media (min-width: 768px){#rrp-checkout .responsive-checkout{align-self:center;width:60%}}#rrp-checkout #custom-switch{border-color:#aaa;width:3rem;height:1.5rem}#rrp-checkout .form-check-input{margin-top:0}.navBarItemText{color:#fff;font-size:15px;padding-left:30px;margin-top:20px;margin-bottom:10px}.navBarItemTextJO{color:#fff;font-size:15px;padding-right:10px;margin-top:20px;margin-bottom:10px}.navBarStoreText{font-size:12px;padding-left:30px;color:#fff}.navBarStoreTextJO{font-size:12px;padding-right:10px;color:#fff}@media (min-width: 768px){#photoSelfieKtp-component .responsive-photo-selfie-ktp{align-self:center;width:60%!important}}#photoSelfieKtp-component .camera-wrapper{position:relative}#photoSelfieKtp-component .camera-wrapper .webcam-view{display:block}#photoSelfieKtp-component .camera-wrapper .overlay{position:absolute;top:0;left:0;right:0;bottom:0}#photoSelfieKtp-component .camera-wrapper .overlay .guidelines{border:2px solid white;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%}#photoSelfieKtp-component .camera-wrapper .capture-button{position:absolute;bottom:20px;left:50%;transform:translate(-50%);padding:10px 20px;border:2px solid white;border-radius:50%;background-color:transparent;color:#fff;cursor:pointer}#photoSelfieKtp-component .camera-wrapper .capture-button:hover{background-color:#fff;color:#000}#photoSelfieKtp-component .camera-wrapper .capture-button:focus{outline:none}#photoSelfieKtp-component .camera-wrapper #clicked:active{opacity:.5}@media (min-width: 768px){#edit-store-photo-page .responsive-edit-photo-store{align-self:center;width:60%!important}}#edit-store-photo-page .edit-photo-store-content{width:91%}#edit-store-photo-page #photocard-component .image-upload-photo{margin:5px 0;width:82px;height:82px;justify-content:center;align-items:center;background-color:#fff;border:1.5px dashed #aaa;border-radius:10px;display:flex;opacity:1}#edit-store-photo-page #photocard-component .image-upload-photo:active{opacity:.5}#edit-store-photo-page #photocard-component .content-container .content .action-button{display:flex;align-self:stretch;flex-direction:row;width:100%;opacity:1}#edit-store-photo-page #photocard-component .content-container .content .action-button .child-action-button{font-weight:660;text-align:center;color:#fff;font-size:13px;padding:6px 0;height:30px;background-color:#dc1e2d;display:flex;flex-direction:row;justify-content:center;align-self:stretch;border-radius:8px;width:100%}#edit-store-photo-page #photocard-component .content-container .content .action-button:active{opacity:.5}.modal-alert-content-dark{background-color:#000}@media (min-width: 768px){#shimmer-edit-store-photo .responsive-shimmer-edit-photo-store{align-self:center;width:60%!important}}#shimmer-edit-store-photo .shimmer-button{width:100%!important;margin:0!important}@media (min-width: 768px){.responsive-static-page{align-self:center;width:60%!important}}@media (min-width: 768px){#privacySetting-component .wrapper-privacysetting.responsive-privacy-setting{align-self:center;width:60%!important}}#privacySetting-component .wrapper-privacysetting .menu-list-button:active,#privacySetting-component .wrapper-privacysetting .menu-list-button:focus{background:initial;outline:none;color:initial;text-decoration:none}@media (min-width: 768px){#submit-setting-page .responsive-submit-setting{align-self:center;width:60%!important}}#passcode-verify-page{background-size:cover;background-repeat:no-repeat;background-position:center}@media (min-width: 768px){#passcode-verify-page .responsive-passcode-verify{align-self:center;width:60%!important;align-items:center}}@media (min-width: 992px){#passcode-verify-page .responsive-button-input{width:70px}}#passcode-verify-page .box-button-input{height:50px}@media (min-width: 992px){#passcode-verify-page .responsive-box-button-input{height:80px;flex:0}}@media (min-width: 992px){#passcode-verify-page .responsive-font-button-input{font-size:1.5rem!important}}.modal-fullscreen .modal-content{background-color:transparent;border:none}.modalIconClose{width:30px;height:30px}.inputSelectDisabled{background-color:var(--bs-secondary-bg)!important}.inputRadio{margin-bottom:8px}.inputRadio input{border-color:#aaa;width:20px;height:20px}.inputRadioCustom{position:relative;margin-bottom:8px}.inputRadioCustom .form-check-input{width:20px;height:20px;border-color:#aaa}.inputRadioCustom .form-check-input:checked[type=radio]{background-color:transparent!important;background-image:url(/images/svg/input-radio-active.svg)}.inputRadioCustom label{padding-left:16px}.taskInputRadio{justify-content:start;align-items:start;margin-bottom:20px}.inputNumber,.inputDate{border-radius:10px;height:50px}.inputDate.inputDateWhite:active{opacity:.5}.inputRange:focus::-webkit-slider-thumb{box-shadow:0 0 0 .25rem #ffcdcf;background-color:#ed1c24}.inputRange:focus::-moz-range-thumb{background-color:#ed1c24}.inputRange:focus::-ms-thumb{background-color:#ed1c24}.imageInputUPC{position:absolute;top:50%;right:0;transform:translateY(50%)}.imageInputUPC img{width:24px;height:24px}.imagePreview.imagePreviewArray{padding:0}.imagePreview:active{opacity:.5}.imagePreviewRadio{display:flex;justify-content:start;padding:8px}.imagePreviewRadio:active{opacity:.5}.imagePreviewPhotoRadio{display:block;width:120px;height:120px;object-fit:contain}.taskInputDate{width:100%;margin:0;border:none;outline:none;color:#333!important;font-size:14px;font-style:normal;font-weight:400;line-height:30px}.taskInputDate::placeholder,.taskTextButton::placeholder{color:#aaa;font-style:normal;font-weight:400}.taskInputDate::-moz-placeholder,.taskTextButton::-moz-placeholder{color:#aaa;font-style:normal;font-weight:400}.taskInputDate::-webkit-input-placeholder,.taskTextButton::-webkit-input-placeholder{color:#aaa;font-style:normal;font-weight:400}.inputArrayImage{padding:8px}.inputArrayNumeric{height:48px;padding:12px;border-radius:0}.inputTextArea{padding:12px;height:120px;border-radius:10px}.inputTextAreaArray{padding:12px;height:120px;border-radius:0}.inputTextAreaArray.invalidStyle{background-color:#ffe7e7}.taskCardTextLabel{font-size:16px;margin-top:0;margin-bottom:10px}.taskInputContainer{padding:0 14px}.taskContainer .accordion-button:after{width:24px;height:24px;background-image:url(/images/accordion-arrow-bottom.png);background-size:100% 100%}.inputEnabled input,.inputEnabled label{opacity:1!important}.taskSubmission{padding-left:16px}.verificationText{margin-bottom:0}.taskListUPC{margin-bottom:10px}.taskInputDateStyle{border:1px solid #aaa!important;border-radius:10px!important;background:#fff}.taskInputDropdown::placeholder{color:#aaa;font-size:14px;font-style:normal;font-weight:400;line-height:30px}.taskInputDropdown::-moz-placeholder{color:#aaa;font-size:14px;font-style:normal;font-weight:400;line-height:30px}.taskInputDropdown::-webkit-input-placeholder{color:#aaa;font-size:14px;font-style:normal;font-weight:400;line-height:30px}@media (min-width: 992px){.taskInputDropdown{font-size:16px}.taskInputDropdown::placeholder{font-size:16px}.imagePreviewPhotoWithInput{height:216px}.imagePreviewPhotoRadio{width:150px;height:150px}.taskRadioImage{width:25%}.trImage{height:150px;width:150px}.taskTextLarge{font-size:30px}.taskCardTextLabel,.taskTextMedium{font-size:20px}.taskTextMedium.smaller,.taskTextSmall,.taskTextButton{font-size:16px}.inputArray.inputTextAreaInput{height:122px}.inputArray.inputImageAreaInput{height:218px}.taskInputDate{font-size:16px}.taskInputContainer{padding:0 16px}.verificationText{margin-bottom:4px}}.taskContainer{padding:20px}.taskDescription{margin:20px 0 0}.taskDescriptionTitle{margin:0 0 10px}.taskDescriptionItem{margin-bottom:6px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:6;-webkit-box-orient:vertical}.taskDescriptionItem.isExpanded{-webkit-line-clamp:none}.taskFormChallenge{padding-bottom:80px}.taskContent{padding-top:0;padding-bottom:90px}.taskQuestion{padding-bottom:80px}.taskReward{margin-top:20px}.taskRewardContainer{margin-top:5px;-ms-overflow-style:none;scrollbar-width:none;overflow-y:scroll}.taskRewardContainer::-webkit-scrollbar{display:none}.taskRewardItem{padding:16px 20px;margin-right:10px;border-radius:10px}.taskWiContainer{flex-direction:column}.taskWiItem{margin-top:4px}.taskRewardImage{width:50px;height:50px}.taskDescImage{object-fit:cover;height:98px}.buttonShare{height:40px}.buttonHeight{height:50px}.taskImageIcon{height:20px;width:20px}.inputRadio{border-color:#aaa;margin-bottom:8px}.inputRadio input{width:20px;height:20px}.inputRadio label{padding-left:16px}.inputNumber{height:50px}.inputRange::-webkit-slider-runnable-track{width:10px;height:10px;background-color:#d9d9d9}.inputRange::-webkit-slider-thumb{width:20px;height:20px;background:#ed1c24}.inputRange::-moz-range-thumb{background:#ed1c24}.inputRange::-ms-thumb{background:#ed1c24}.imageInputNumber{position:absolute;top:50%;right:0;width:20px;height:20px}.floatingButtonGroup{position:fixed;bottom:0;left:0;right:0}.imagePreview{display:flex;justify-content:center;align-items:center;padding:8px}.imagePreviewPhoto{display:block;width:200px;height:200px;object-fit:contain}.imagePreviewPhotoWithInput{display:block;height:94px;object-fit:contain}.imageUploadPhoto{display:flex;justify-content:center;align-items:center;height:50px!important;border:1px solid #D9D9D9;border-radius:10px;opacity:1}.imageUploadPhoto:active{opacity:.5}.taskRadioImage{width:50%}.trImage{display:block;height:120px;width:120px}.taskFormInput{margin-bottom:20px}.inputArray{height:50px;background-color:#eee}.inputArray:nth-child(2){background-color:#fff}.taskTextStatus{margin-top:20px;font-size:16px}.taskTextLarge{font-size:16px}.taskTextLabel{font-size:16px;margin-top:0;margin-bottom:10px}.taskTextMedium{font-size:14px}.taskTextSmall{font-size:12px}.taskTextButton{font-size:14px}.progress{background-color:#ddd;border-radius:15px}.progress-bar{background-color:#ed1c24;border-radius:15px}.taskImageStepIndicator{width:30px;height:30px;border:2px solid}.taskLineStepIndicator,.taskLineDashedStepIndicator{width:32px;height:32px}.taskContentAccordion{border-radius:0;border-top:1px solid;border-right:none;border-bottom:none;border-left:none}.taskAccordionButton{display:block;height:40px;min-width:104px;padding:0}.taskChallengeButton{margin-top:30px}.taskContainer .accordion-header{background-color:none}.taskContainer .accordion-button{padding:0;border:0;background-color:#fff;box-shadow:none}.taskContainer .accordion-button:focus{box-shadow:none;border-color:#00000020}.taskContainer .accordion-button:before{box-shadow:none}.taskContainer .accordion-button:after{width:24px;height:24px;background-image:url(/images/accordion-arrow-bottom.png);background-size:100% 100%}.taskContainer .accordion-button.collapsed:after{border-color:#00000020}.modalContentTask{width:100%}@media only screen and (min-width: 769px){.modalContentTask{max-width:440px!important}}.modalBodyTask{width:100%;padding:20px}#btnShareMission:hover .taskImageIcon{filter:brightness(0) invert(1)}#btnPopupShareMission .taskImagePopupIcon{width:12px;height:12px}#btnPopupShareMission .taskImagePopupIcon{filter:brightness(0) invert(1)}.taskPopupShareTitle{margin-bottom:10px;font-weight:500}.taskPopupShareContainer{padding-left:20px;padding-right:10px;margin-bottom:10px;display:flex;justify-content:center}.taskPscContent{display:flex;overflow:visible;padding-left:10px}.taskPopupShareIcon{width:50px;height:50px}.taskPopupShareItem{display:block;margin-right:8px}.taskModalTitle{font-size:16px}.taskMCQDesc{font-size:14px;margin-bottom:10px}.taskMCQTitle{font-size:16px;margin-bottom:0}.taskMADesc{font-size:14px}.taskMATitle{font-size:16px;margin-bottom:10px}.taskModalButton{margin-top:20px}.taskMBItem{font-size:14px;height:45px}.taskBtnShareMission{margin-top:16px}.taskButtonClamp{font-size:12px;font-size:500}.taskBude{display:flex;align-items:center;justify-content:center;margin-top:20px;padding:0;height:50px;border:none;background:none}.taskBudeIcon{height:100%}.taskTitleBude{margin-bottom:16px}@media (min-width: 992px){.taskComponent{width:60%}.taskContainer{padding:40px 0 0}.taskFormChallenge{padding-bottom:110px}.taskContent{padding:32px 0 130px}.taskQuestion{padding-bottom:120px}.taskReward{margin-top:30px}.taskRewardContainer{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.taskWiContainer{flex-direction:row;align-items:center}.taskWiItem{margin-top:0;margin-left:20px}.taskDescImage{display:block;height:300px;margin-bottom:20px}.buttonShare{margin-top:24px}.imagePreviewPhotoWithInput{height:200px}.taskRadioImage{width:25%}.trImage{height:150px;width:150px}.taskTextStatus{font-size:18px}.taskTextLarge{font-size:30px}.taskTextLarge.smaller{font-size:18px}.taskTextLabel,.taskTextMedium{font-size:20px}.taskTextMedium.smaller{font-size:18px}.taskTextSmall,.taskTextButton{font-size:16px}.floatingButtonGroup{padding:20px 0}.taskPopupShareTitle,.taskPopupShareContainer{margin-bottom:20px}.taskPopupShareItem:not(:last-child){margin-right:22px}.taskModalTitle{font-size:20px}.taskFloating{padding:40px 0;width:calc(60% + 2px)}.taskModalTitle{font-size:16px}.taskMCQDesc{font-size:16px;margin-bottom:20px}.taskMCQTitle{font-size:18px}.taskMADesc{font-size:16px}.taskMATitle{font-size:18px;margin-bottom:20px}.taskDescriptionContainer{padding:16px 0 0}.taskDescriptionTitle{margin:0 0 10px}.taskDescription,.taskBtnShareMission{margin-top:0}.taskMBItem{font-size:16px;height:50px}.taskDescriptionItem{-webkit-line-clamp:3}.taskDescriptionButton{height:100%;justify-content:space-between}.taskButtonClamp{font-size:16px}.taskBude{margin:0;height:40px}}.guidedCameraWrapper{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px}.webcam-view{width:100%;height:auto;max-width:440px;max-height:440px}.border-frame{position:absolute;top:50%;left:50%;width:100%;height:100%;pointer-events:none;transform:translate(-50%,-50%)}.guidedCameraTitle{position:absolute;top:-15%;transform:translateY(-50%);font-size:14px;text-align:center;margin:0;padding:0 40px}.guidedCameraTitleAfter{font-size:14px;text-align:center;margin-bottom:20px;padding:0 40px}.guidedBtnWrapper{position:absolute;width:100%;bottom:10%;left:50%;transform:translate(-50%)}.guidedBtnCamera{display:flex;justify-content:center;align-items:center;background-color:#fff;width:66px;height:66px;border-radius:66}.guidedBtnPanduan{padding:0;border:none;background:none;position:absolute;top:50%;right:10%;transform:translateY(-50%);max-width:64px;font-size:10px}.guideModalContainer{margin-top:16px}.guideModalContainer:first-child{margin-top:0}.guideModalTitle{font-size:14px}.guideModal{display:flex;flex-direction:column;align-items:center;padding-bottom:16px;width:100%}.guideModal img{width:100%;object-fit:contain}.guideModal span{display:block;font-size:12px;text-align:center}.guideModal .guideModalIcon{margin:6px 0}.guidedModalHeadTitle{font-size:16px}.modalContentGuided{width:100%}.modalContentGuided.guide{overflow-y:scroll;max-height:300px}.modalBodyGuided{width:100%;padding:14px 20px}.guidedMCTitle{font-size:16px;font-weight:700;margin-bottom:20px}.guidedMCDesc{font-size:14px;margin-bottom:20px}.guidedMCInfo{font-size:14px}.guidedMCBtn{gap:10px;margin-top:20px}.guidedBtn,.guidedBtnQuality{height:45px;font-size:14px;padding:8px 0}@media only screen and (min-width: 769px){.guideModalTitle{font-size:16px}.modalContentGuided{max-width:440px}.modalContentGuided.guide{max-height:414px}.guideModal span{display:block;font-size:14px;text-align:center}.guideModal .guideModalIcon{margin:10px 0}}@media (min-width: 950px){#guidedCamera-component{width:60%!important}.modalBodyGuided{width:100%;padding:20px}.guidedBtnPanduan{max-width:90px;font-size:14px}.guideModal{width:100%}.guideModal span{display:block;font-size:14px;text-align:center}.guideModal .guideModalIcon{margin:12px 0}.guidedModalHeadTitle{font-size:20px}.modalContentGuided.guide{max-height:515px;max-width:700px}.guidedBtnQuality{height:50px}.guidedMCTitle{font-size:20px;margin-bottom:30px}.guidedMCDesc{margin-bottom:30px}.guidedMCBtn{gap:20px;margin-top:30px}.guidedBtn,.guidedBtnQuality{height:50px;font-size:16px}}@media (min-width: 768px){#takePhoto-component .responsive-take-photo{align-self:center;width:60%!important}}#takePhoto-component .camera-wrapper{position:relative}#takePhoto-component .camera-wrapper .webcam-view{display:block}#takePhoto-component .camera-wrapper #clicked:active{opacity:.5}.takeBtnFlip{padding:0;border:none;background:none;position:absolute;top:25%;right:12%;transform:translateY(-50%);max-width:64px}.takeBtnIcon{width:24px;height:24px}.takePhotoBtnWrapper{padding:20px}@media only screen and (min-width: 769px){.takeBtnFlip{top:30%}.takeBtnIcon{width:30px;height:30px}}@media (min-width: 950px){.takeBtnFlip{top:35%;right:20%}.takePhotoBtnWrapper{padding:20px 0}}.qr-reader{display:flex;justify-content:center;align-items:center;width:100%;position:relative;background-color:#000;overflow:hidden;padding:24px}.qr-frame{width:100%;height:auto;max-width:340px;object-fit:contain}.xpProgramContainer{padding:20px;max-width:100%;overflow:hidden}.xpProgressBar{margin:110px 0 0 20px;padding-bottom:20px;-ms-overflow-style:none;scrollbar-width:none;overflow-y:scroll}.xpProgressBar.xpMiddle{width:100%;margin-left:0;display:flex;justify-content:center}.xpProgramDesc{position:relative;margin:0 10px;padding:12px 0;height:158px;background:url(/images/curved-background3-1.png);background-size:100% 100%;max-width:100%;overflow:hidden}.xpProgramDescShimmer{height:138px;gap:20px;padding:20px}.xpProgramDescShimmer .xpPDSImage{width:40%}.xpProgramDescShimmer .xpPDSText{width:60%}.xpCarouselItem{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.xpCarouselLocked{margin-top:8px}.xpCiImage{display:flex;align-items:center;justify-content:center;width:40%}.xpCiImage img{max-width:100px;width:100%;object-fit:contain}.xpCiImage.xpCiImageLocked img{max-width:90px}@media only screen and (min-width: 769px){.xpCiImage{width:40%}}.xpCiContent{width:60%;padding:26px 12px 26px 0}.xpCiInformation{display:flex;align-items:center;margin-bottom:6px}.xpCiInformation img{width:30px;height:30px}.xpCiInformation p{margin:0;padding-left:10px}.xpCarousel{padding:0 14px}.xpCarousel .slick-dots{top:75%;left:0;transform:translate(10%)}.xpCarousel .slick-dots li{margin:0;width:12px}.xpHeader{display:flex;justify-content:"center";align-items:start}.xpHeader:after{content:"";position:absolute;top:0;left:0;right:0;background-image:url(/images/bg-image-paguyuban.png);background-size:100% 100%;height:264px}.xpHeaderTop{position:fixed;top:0;left:0;right:0;background-color:#e40f16;color:#fff;justify-content:center;min-height:60px;z-index:2}.xpHeaderBtnBack{position:absolute;left:0;top:0;bottom:0;margin:16px}.xpHeaderTitle{display:flex;justify-content:center;align-items:center;font-size:16px;height:60px;width:calc(100% - 98px);line-height:30px}.xpIcon{height:32px;width:32px}.xpTextLarge{font-size:20px}.xpTextMedium{font-size:14px}.xpTextXtraSmall,.xpTextSmall{font-size:12px}.xpTextExtraSmall{font-size:10px}.modalContentXpProgram{width:100%}.modalContentXpProgram.withMaxHeight{max-height:300px}@media only screen and (min-width: 769px){.modalContentXpProgram{max-width:440px}.modalContentXpProgram.withMaxHeight{max-height:450px;max-width:540px}}.modalBodyXpProgram{width:100%;padding:14px 20px}.modalBodyXpProgram.withMaxHeight{overflow-y:scroll;padding:10px 0 0;margin-bottom:10px}@media only screen and (min-width: 769px){.modalBodyXpProgram.withMaxHeight{max-height:450px;max-width:540px;padding:20px 0 0}}.xpLink{cursor:pointer}.xpProfileItem{justify-content:center}.xpPdRewardContainer{margin-top:30px}.xpPdRewardItem{width:100%;display:flex;flex-direction:column;align-items:center}.xpPdRewardItem .xpPdRewardShimmerImg{height:74px;width:74px}.xpPdRewardImg{display:flex;align-items:center;justify-content:center;height:74px;width:74px;object-fit:contain;padding:12px}.xpPdRewardImg .xpPRILocked{width:100%;max-width:30px;object-fit:contain}.xpPdRewardImg img{width:100%;object-fit:contain}.xpRewardDesc{font-size:10px;text-align:center;padding:0 6px;margin:6px 0 0;width:74px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.xpTncButton{margin-top:30px;height:50px;width:100%}.xpMarginFilter{margin:20px 0 4px}.xpFilterIcon{position:absolute;top:35%;right:0;width:20px;height:20px}.xpContent{padding:16px 0}.xpModalContent:last-child{padding:20px 0}.xpListTitle{padding:12px 0}.xpmTitle{display:block;font-size:16px;font-weight:600}.xpmDesc{font-size:14px}.xpListRadio{position:absolute;top:50%;right:0;transform:translateY(-50%);margin:0}.xpListRadio .form-check-input{width:22px;height:22px;margin:0}.xpListRadio.inputRadio{margin-bottom:0}.xpContentItem{padding-bottom:16px}.textMinWidth{min-width:62px}.xpExpired{padding:14px 10px}.xpContentRewardContainer{padding:0 20px}.xpContentRewardTitle{font-size:14px;font-weight:600}.xpContentRewardDesc{display:flex;flex-wrap:wrap;text-decoration:none;padding:10px 20px 20px;margin:10px 0}.xpModalTitle{font-size:16px}.xpMargin{padding:0 16px;margin-top:10px}.xpCRDImage{width:38px;height:34px;margin-right:16px}.xpCRDImage img{width:100%;height:100%}.xpCRDImageLocked{display:flex;align-items:center;justify-content:center;width:38px;height:34px;margin-right:16px}.xpCRDImageLocked img{width:18px;height:24px}.xpCRDText{font-size:14px;text-align:start;width:calc(100% - 54px)}.xpContentRewardBorder{height:10px;margin-bottom:20px}@media (min-width: 600px){.xpProgressBar{width:100%;padding-bottom:20px;margin-left:0;padding-right:10px;display:flex;justify-content:center}.xpProgramDesc{height:192px;width:550px;margin:20px auto 0}.xpProgramDescShimmer{height:172px;padding:30px}.xpCarouselItem{margin-top:8px}.xpCarouselLocked{margin-top:20px}.xpCiContent{padding:26px 32px 26px 0}.xpCiImage.xpCiImageLocked img{margin-top:12px;max-width:110px}.xpTextSmall{font-size:14px}.xpTextLarge{font-size:22px}.xpRewardContainer{width:550px;margin:30px auto 0}.xpPdRewardImg{height:98px;width:98px;padding:14px}.xpPdRewardImg .xpPRILocked{max-width:40px}.xpRewardDesc{font-size:12px;margin:10px 0 0;width:98px}}@media (min-width: 992px){.xpProgramComponent{width:60%!important}.xpHeader:after{height:350px}.xpTextMedium,.xpTextSmall{font-size:16px}.xpTextXtraSmall,.xpTextExtraSmall{font-size:14px}.xpContentRewardTitle{font-size:16px}.xpModalTitle{font-size:20px}.xpProgramDesc{height:254px;width:550px;margin:20px auto 0}.xpProgramDescShimmer{height:230px;padding:30px}.xpCiImage img{max-width:172px}.xpCiContent{justify-content:center}.xpTextSmall{font-size:14px}.xpTextLarge{font-size:22px}.xpCiImage.xpCiImageLocked img{margin-top:0}.xpCarouselLocked{margin-top:54px}.xpMarginFilter{margin:30px 0 14px}.xpContentRewardContainer{padding:0 30px}.xpContentRewardDesc{margin:30px 0;padding:0 30px}.xpPdRewardImg{height:118px;width:118px;padding:16px}.xpPdRewardImg .xpPRILocked{max-width:50px}.xpRewardDesc{font-size:14px;width:118px}.xpCRDImage{width:78px;height:72px;margin-right:30px}.xpCRDImage img{width:100%;height:100%}.xpCRDImageLocked{width:78px;height:72px;margin-right:30px}.xpCRDImageLocked img{width:32px;height:36px}.xpCRDText{width:calc(100% - 108px)}}.progress-xp-bar{position:relative;width:100%;background-color:#b00001;border-radius:25px;margin:20px;padding:0 10px}.progress-xp-bar .progress{background-color:#fff;height:10px;border-radius:25px;position:relative;width:0%;animation:progress-animation 2s ease-in-out forwards}.progress-xp-bar .progress.isComplete{background-color:#f8b545}.progress-xp-bar .checkpoint{position:absolute;top:-12px;width:30px;height:30px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;transform:translate(-50%);z-index:1}.progress-xp-bar .checkpoint.not-active{background-color:#b00001}.progress-xp-bar .xp-hand-icon{width:16px;height:16px}.progress-xp-bar .xp-not-active{width:16px;height:16px;background-color:#fff;border-radius:50%}.progress-xp-bar .milestones{width:100%;position:absolute;top:30px;left:0;color:#fff;font-size:14px}.progress-xp-bar .milestones span{position:absolute;transform:translate(-50%)}@keyframes progress-animation{0%{width:0%}to{width:var(--progress-width)}}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translateZ(0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-loading .slick-list{background:#fff url(/assets/ajax-loader-BcnMEykj.gif) center center no-repeat}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(data:application/vnd.ms-fontobject;base64,AAgAAGQHAAABAAIAAAAAAAIABQkAAAAAAAABAJABAAAAAExQAQAAgCAAAAAAAAAAAAAAAAEAAAAAAAAATxDE8AAAAAAAAAAAAAAAAAAAAAAAAAoAcwBsAGkAYwBrAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAKAHMAbABpAGMAawAAAAAAAAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=);src:url(data:application/vnd.ms-fontobject;base64,AAgAAGQHAAABAAIAAAAAAAIABQkAAAAAAAABAJABAAAAAExQAQAAgCAAAAAAAAAAAAAAAAEAAAAAAAAATxDE8AAAAAAAAAAAAAAAAAAAAAAAAAoAcwBsAGkAYwBrAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAKAHMAbABpAGMAawAAAAAAAAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=) format("embedded-opentype"),url(data:font/woff;base64,d09GRk9UVE8AAAVkAAsAAAAAB1wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAi4AAAKbH/pWDkZGVE0AAAM4AAAAGgAAABxt0civR0RFRgAAA1QAAAAcAAAAIAAyAARPUy8yAAADcAAAAFIAAABgUBj/rmNtYXAAAAPEAAAAUAAAAWIiC0SwaGVhZAAABBQAAAAuAAAANgABMftoaGVhAAAERAAAABwAAAAkA+UCA2htdHgAAARgAAAADgAAAA4ESgBKbWF4cAAABHAAAAAGAAAABgAFUABuYW1lAAAEeAAAANwAAAFuBSeBwnBvc3QAAAVUAAAAEAAAACAAAwABeJw9ks9vEkEUx2cpWyeUoFYgNkHi2Wt7N3rVm3cTs3UVLC4LxIWEQvi1P3i7O1tYLJDAmlgKGEhQrsajf0j7J3jYTXrQWUrMJG+++b55n5e8NwwKBhHDMLv5kxT3ATEBxKBn3qOAl9zxHgb1MAPhHQgHkyF08Gr/L8B/Eb6zWnmCJ7AJVLubQOheArXvJ1A4EXi6j4I+Zg9F0QFKvsnlBCmXeve+sFEnb/nCptdtQ4QYhVFRAT1HrF8UQK/RL/SbmUbclsvGVFXRZKDHUE38cc4qpkbAAsuwiImvro+ufcfaOIQ6szlrmjRJDaKZKnbjN3GWKIbiIzRFUfCffuxxKOL+3LDlDVvx2TdxN84qZEsnhNBa6pgm2dAsnzbLsETdsmRFxUeHV4e+I2/ptN8TyqV8T3Dt29t7EYOuajVIw2y1Wy3M86w0zg/Fz2IvawmQAUHOVrPVfLkoScVynsqsTG0MGUs4z55nh3mnOJa+li+rl9WpPIcFfDubDeaDC+fLBdYN3QADzLauGfj4B6sZmq6CCpqmtSvF0qlUl2qf5AJIUCSlTqlb7lUG+LRfGzZGzZEyBgccMu6MuqPecNDvD4Y9Kjtj4gD+DsvKVMTcMdtqtZtmkzQstQvYje7Syep0PDSAhSOeHYXYWThEF//A/0YvYV1fSQtpKU5STtrhbQ444OtpKSWJIg3pOg8cBs7maTY1EZf07aq+hjWs7IWzdCYTGhb2CtZ47x+Uhx28AAB4nGNgYGBkAIJz765vANHnCyvqYTQAWnkHswAAeJxjYGRgYOADYgkGEGBiYARCFjAG8RgABHYAN3icY2BmYmCcwMDKwMHow5jGwMDgDqW/MkgytDAwMDGwcjKAQQMDAyOQUmCAgoA01xQGB4ZExUmMD/4/YNBjvP3/NgNEDQPjbbBKBQZGADfLDgsAAHicY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQzMCQqKClOUJz0/z9YHRLv/+L7D+8V3cuHmgAHjGwM6ELUByxUMIOZCmbgAAA5LQ8XeJxjYGRgYABiO68w73h+m68M3EwMIHC+sKIeTqsyqDLeZrwN5HIwgKUB/aYJUgAAeJxjYGRgYLzNwMCgx8QAAkA2IwMqYAIAMGIB7QIAAAACAAAlACUAJQAlAAAAAFAAAAUAAHicbY49asNAEIU/2ZJDfkiRIvXapUFCEqpcptABUrg3ZhEiQoKVfY9UqVLlGDlADpAT5e16IUWysMz3hjfzBrjjjQT/EjKpCy+4YhN5yZoxcirPe+SMWz4jr6S+5UzSa3VuwpTnBfc8RF7yxDZyKs9r5IxHPiKv1P9iZqDnyAvMQ39UecbScVb/gJO03Xk4CFom3XYK1clhMdQUlKo7/d9NF13RkIdfy+MV7TSe2sl11tRFaXYmJKpWTd7kdVnJ8veevZKc+n3I93t9Jnvr5n4aTVWU/0z9AI2qMkV4nGNgZkAGjAxoAAAAjgAF) format("woff"),url(data:font/ttf;base64,AAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=) format("truetype"),url(/assets/slick-BlzDm7g2.svg#slick) format("svg")}.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translateY(-50%);cursor:pointer;color:transparent;border:none;outline:none;background:transparent}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:none;background:transparent}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}.slick-prev:before,.slick-next:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:"←"}[dir=rtl] .slick-prev:before{content:"→"}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:"→"}[dir=rtl] .slick-next:before{content:"←"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent}.slick-dots li button:hover,.slick-dots li button:focus{outline:none}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:"•";text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000}.xpTNCComponent{padding:0}.xpTNCContent{background-color:#fff;padding:20px}.xpTNCTextLarge{font-size:16px;margin-bottom:20px}.xpTNCTextMedium{font-size:14px}@media (min-width: 950px){.xpTNCContainer{background-color:#fff}.xpTNCComponent{width:60%!important;background-color:#fff}.xpTNCContent{padding:40px 0}.xpTNCTextLarge{font-size:20px;margin-bottom:30px}.xpTNCTextMedium{font-size:16px}}.spinnerWrapper{overflow:hidden;width:100%;height:100%;letter-spacing:normal}.spinnerWrapper canvas{width:550px;height:550px}@media only screen and (min-width: 950px){.spinnerWrapper canvas{width:684px!important;height:684px!important}}.spinnerButton{position:absolute;top:50%;left:50%;transform:translate(-50%,-36%);height:65px;width:65px;border-radius:50%;padding:14px;background:transparent;color:#fff;font-size:12px;font-weight:700;border:none}@media only screen and (min-width: 950px){.spinnerButton{transform:translate(-60%,-30%);font-size:16px}}.textLoop{width:265px;height:100%;overflow:hidden;position:relative;background-color:#f8b445;border-radius:50px}.textLoopItem{height:100%;font-size:16px;font-weight:600;color:#fff;text-align:center;padding:14px 20px}@keyframes scroll{0%{transform:translateY(100%)}20%{transform:translateY(0)}50%{transform:translateY(0)}70%{transform:translateY(-100%)}to{transform:translateY(-100%)}}.coinInfoContainer{width:100%;height:69px;position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 10px #0000001a;background-color:#fff;color:#333;padding:14px 20px}.coinInfoContainer .coinImg{width:36px}@media (min-width: 950px){.coinInfoContainer{width:70%;height:125px;margin:30px auto 0;padding:30px 40px;border-radius:20px}.coinInfoContainer .coinImg{width:50px}}.coinInfoContainer .coinTitle{font-size:16px;font-weight:700}@media only screen and (min-width: 950px){.coinInfoContainer .coinTitle{font-size:30px}}.coinInfoContainer .coinInCurreny{font-size:16px;font-weight:700}@media only screen and (min-width: 950px){.coinInfoContainer .coinInCurreny{font-size:24px}}.coinInfoContainer .coinTotal{font-size:14px;font-weight:400}@media only screen and (min-width: 950px){.coinInfoContainer .coinTotal{font-size:24px}}.bgSpinTheWheel{overflow-x:hidden;overflow-y:hidden}.spinnerContainer{width:100%;height:69px;position:sticky;top:100px;display:flex;justify-content:flex-start;align-items:center}@media (min-width: 950px){.spinnerContainer{width:70%;height:125px;position:absolute;top:250px;left:100px;right:100px;margin:auto;border-radius:20px}}.titleProgram{font-size:30px;font-weight:700;text-align:center;margin-bottom:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden;text-overflow:ellipsis;line-height:1.5;max-height:95px}@media only screen and (min-width: 950px){.titleProgram{max-width:60%}}#login-callback .title{font-size:72px;margin-bottom:40px}#login-callback .please-wait-title{font-size:40px;margin-bottom:40px;color:#fff}#login-callback .loader{border:16px solid #f3f3f3;border-radius:50%;border-top:16px solid #F9BD1F!important;width:120px;height:120px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (min-width: 768px){#render-content-video .responsive-help-video{align-self:center;width:60%}}#render-content-video .widthYoutube{width:-webkit-fill-available;margin:5px 0 0}#render-content-video .responsive-bude{width:-webkit-fill-available}@media (max-width: 3000px) and (min-width: 1239px){#render-content-video .responsive-bude{width:-webkit-fill-available;margin:0 150px}#render-content-video .widthYoutube{width:-webkit-fill-available;margin:5px 0 0;height:500px}}.transferCouponBgWrapper{display:flex;flex:auto;width:100%;position:relative;background-color:#fff;margin-top:20px;cursor:pointer}@media only screen and (min-width: 768px){.transferCouponBgWrapper{margin-top:30px}}.transferCouponBgWrapper:before{display:block;content:"";width:100%;padding-top:22.337962963%}.transferCouponBgWrapper>.transferCouponImage{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:10px;padding:20px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}@media only screen and (max-width: 767px){.transferCouponBgWrapper>.transferCouponImage{height:100px}}@media only screen and (min-width: 768px){.transferCouponBgWrapper>.transferCouponImage{padding:20px 30px}}.transferCouponBgWrapper>.transferCouponImage .myCouponLabel{color:#fff;font-size:16px;font-style:normal;font-weight:400}@media only screen and (min-width: 768px){.transferCouponBgWrapper>.transferCouponImage .myCouponLabel{font-size:24px}}.transferCouponBgWrapper>.transferCouponImage .myCouponIcon{width:50px;height:35px}@media only screen and (min-width: 768px){.transferCouponBgWrapper>.transferCouponImage .myCouponIcon{width:120px;height:78px}}.transferCouponBgWrapper>.transferCouponImage .myCouponCounter{color:#fff;text-align:right;font-size:30px;font-style:normal;font-weight:400}@media only screen and (min-width: 768px){.transferCouponBgWrapper>.transferCouponImage .myCouponCounter{font-size:42px}}.historyCouponVoucherCard{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;border-radius:10px;background-color:#f4f9ff;padding:14px 10px;gap:10px;margin-top:10px}@media only screen and (min-width: 768px){.historyCouponVoucherCard{padding:14px 20px;margin-top:20px}}.couponHistoryWrapper{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.couponHistoryWrapper .historyTukarVoucherTitle{color:#333;font-size:16px;font-style:normal;font-weight:600;line-height:30px}.marginContent1{margin:0 0 15px}@media only screen and (min-width: 768px){.marginContent1{margin:0 0 20px}}.marginContent2{margin:40px 0 15px}@media only screen and (min-width: 768px){.marginContent2{margin:20px 0}}.totalSharedWrapper{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:15px;margin-top:20px;border-bottom:1px solid #D9D9D9;cursor:pointer}@media only screen and (min-width: 768px){.totalSharedWrapper{padding-bottom:30px;margin-top:30px}}.totalSharedWrapper .totalSharedLabel{color:#333;font-size:12px;font-style:normal;font-weight:600;line-height:30px}@media only screen and (min-width: 768px){.totalSharedWrapper .totalSharedLabel{font-size:14px}}.totalSharedWrapper .totalSharedCount{font-size:20px;font-weight:600}@media only screen and (min-width: 768px){.totalSharedWrapper .totalSharedCount{font-size:30px}}.missionHeader{background-color:#ed1c24;color:#fff;justify-content:center;min-height:7dvh}.missionHeaderBack{position:absolute;left:0;top:0;bottom:0;margin:16px}.missionHeaderTitle{display:flex;justify-content:center;align-items:center;font-size:16px;height:60px;width:calc(100% - 98px);line-height:30px}.missionCardContainer{-ms-overflow-style:none;scrollbar-width:none;overflow-y:scroll;padding-left:12px;margin:12px 0 20px}.missionCardContainer .card{padding:0}.missionCardContainer .card-body{padding:16px 20px}.missionCardContainer::-webkit-scrollbar{display:none}.missionDescContainer,.missionWrapper{padding:0}.missionDesc{padding:20px 20px 30px}.missionDescIcon{width:50px;height:50px}.missionTitle{font-size:16px}.missionSecondary{font-size:14px}.missionMedium{font-size:16px}.missionSmall{font-size:14px}.missionExtraSmall{display:flex;align-items:center;height:32px;font-size:12px;padding:0 10px}.missionBtnCoin{height:40px;width:120px}.missionPaddingLeft{padding-left:20px}.width-50{width:50px}.height-50{height:50px}.missionCardImage{height:98px;object-fit:cover}.missionCINew{max-height:40px;padding:4px 6px 4px 20px;border-top-left-radius:30px;font-size:12px}.missionCIRevision{max-height:40px;padding:4px 18px 4px 10px;border-top-right-radius:30px;font-size:12px}.missionCIOther{margin:6px;height:32px;padding:0 10px}.linkStyle{padding-bottom:8px;z-index:1}.missionTab{position:sticky;top:0;left:0;right:0;margin-top:6px;padding-left:20px;z-index:2}.missionTab::-webkit-scrollbar{display:none}.missionContent{padding:0 20px}.missionContent:last-child{padding-bottom:20px}.missionContentContainer{display:flex;flex-wrap:wrap;margin-top:20px}.missionContentItem{flex:1}.missionContentCard{display:flex;flex-direction:column;height:100%;border-radius:20px}.missionCard{margin-bottom:20px}.missionCard:active{opacity:.7}.missionCardBody{justify-content:space-between;height:100%;padding:10px 20px}.missionCBTitle{font-size:16px;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.missionCBReward{font-size:14px}.missionCBContainer{display:flex;flex-wrap:wrap}.missionCBItem{flex-basis:calc(50% - 20px);margin:6px 10px 0 0;white-space:nowrap}.mcInformationCard{max-height:60px;margin-top:20px;padding:24px 10px;font-size:10px;border-radius:16px}.missionSort{height:50px;font-size:16px;font-weight:500;border-radius:30px;margin-top:20px}.missionSort:active .missionSortImage,.missionSort:active span{opacity:.8}.missionSortImage{width:18px;height:30px;margin-right:10px}.missionPaguyubanContainer{margin-top:20px}.missionPaguyubanContainer::-webkit-scrollbar{display:none}.missionPaguyuban{border-radius:50px;font-size:14px;height:40px;margin-right:12px;padding:0 24px}.missionPaguyuban.missionPaguyubanActive{font-weight:600}.missionPaguyuban:hover{opacity:.8}.modalContentMission{width:100%}@media only screen and (min-width: 769px){.modalContentMission{max-width:440px!important}}.modalBodyMission{width:100%;padding:0 20px 20px}.missionModalContent{margin-top:10px}.modalMissionTitle{font-size:15px;font-weight:500;padding:14px 0}.modalMissionRadio{margin:0}.modalMissionRadio .form-check-input{width:22px;height:22px;margin:0}.missionModalBtn{height:45px;font-size:16px;margin-top:20px}.missionXP{padding:16px;margin-top:20px;border-radius:20px;background:linear-gradient(88deg,#ffeaaf -6.82%,#ffeab0fc -6.82%,#fff0 45.25%),#fff}.missionXP:active{opacity:.8}.missionXPTitle{font-size:10px;margin-bottom:6px}.missionXPDesc{font-size:10px;margin-top:6px}.missionXPImage,.missionXPIcon{width:32px;height:32px}.missionXPContent{margin:0 10px}.missionXPContent .progress{height:8px;background-color:#ddd;border-radius:15px}.missionXPContent .colorRed .progress-bar{background-color:#ed1c24;border-radius:15px}.missionXPContent .colorYellow .progress-bar{background-color:#f8b545;border-radius:15px}.missionCoutdown{min-width:212px}.missionRewardContainer #missionUpcomingCountdown{margin-top:12px}.missionModalTitle{font-size:16px}@media (min-width: 950px){.missionComponent{width:60%}.missionContentContainer{margin-top:30px}.missionContentCard{border-radius:30px}.missionCard{padding:0 10px 0 12px}.missionCard:nth-child(2n){padding:0 12px 0 10px}.missionCardContainer{padding-left:32px;margin:12px 0 30px}.missionCardContainer .card{padding:0}.missionCardContainer .card-body{padding:16px 20px}.missionWrapper{padding:30px 0 0}.missionDescContainer{border-radius:20px}.missionDesc{padding:30px 40px}.missionBtnCoin{width:132px}.missionPaddingLeft{padding-left:40px}.missionCardImage{height:148px}.missionTitle{font-size:30px}.missionSecondary{font-size:20px}.missionMedium{font-size:18px}.missionSmall{font-size:16px}.missionExtraSmall{height:32px;font-size:14px;padding:0 14px}.missionTab{margin-top:10px;padding:0}.missionContent{max-width:100%;padding:0}.mcInformationCard{font-size:16px;margin-top:30px}.missionXP{font-size:14px;padding:20px 30px;margin-top:30px}.missionXPTitle{font-size:16px}.missionXPDesc{font-size:14px}.missionXPImage{width:50px;height:50px}.missionXPIcon{width:42px;height:42px}.missionXPContent{margin:0 20px}.missionModalTitle{font-size:20px}.missionPaguyuban{font-size:16px;height:44px;margin-right:20px}}@media (min-width: 1154px){.missionCIRevision{padding:10px 20px;font-size:14px}.missionCINew{padding:10px 16px;font-size:14px}.missionCIOther{font-size:14px;margin:10px;height:36px;padding:0 16px}.missionRewardContainer{display:flex;justify-content:space-between;align-items:center}.missionRewardContainer #missionUpcomingCountdown{margin-top:0;padding:0 12px;max-width:132px}}.modalBottomSheetBg{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:999;background-color:#00000080}.modalBottomSheetBg--open{opacity:1}.modalBottomSheetBg--close{opacity:0;pointer-events:none}.modalBottomSheetContainer{width:100%;position:fixed;bottom:0%;left:0;right:0;margin:auto;z-index:999;max-width:767px;transform:translate(-50%);transition:all .2s ease;background-color:#fff}.modalBottomSheetContainer--open{transform:translateY(0);opacity:1}.modalBottomSheetContainer--close{transform:translateY(150%);opacity:0;pointer-events:none}#customer-page{padding:0 20px}.customerComponent{width:100%}@media only screen and (min-width: 950px){.customerComponent{width:60%}}.listMenuContainer{margin:20px 0}@media only screen and (min-width: 768px){.listMenuContainer{margin:40px 0}}.addCustomerContainer{margin-bottom:20px}@media only screen and (min-width: 768px){.addCustomerContainer{margin-bottom:40px}}.cardMenu{width:100%;height:80px;padding:0;margin-bottom:20px;border:none;border-radius:10px;box-shadow:0 0 10px #00000026;cursor:pointer}.cardMenu:hover{transform:scale(1.025);transition:all .1s ease-in}@media only screen and (min-width: 768px){.cardMenu{height:108px}}.totalUnreadCount{display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:50%;color:#fff;background-color:#ed1c24;position:absolute;right:5px;top:-5px;z-index:3}.bodyModalAddCustomer{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:20px}@media only screen and (min-width: 768px){.bodyModalAddCustomer{align-items:center}}.btnAddCustomer{width:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;border:none;border-radius:8px;padding:14px 12px}.btnAddCustomer:hover{transform:scale(1.025);transition:all .1s ease-in}.btnAddCustomer:active{transform:scale(1);transition:all .1s ease-in}.btnAddCustomer .iconAddCustomer{width:18px}.btnAddCustomer .labelBtnAddCustomer{font-size:10px;font-weight:700}@media only screen and (min-width: 375px){.btnAddCustomer{padding:14px}.btnAddCustomer .labelBtnAddCustomer{font-size:12px}}@media only screen and (min-width: 512px){.btnAddCustomer{padding:14px 20px}.btnAddCustomer .labelBtnAddCustomer{font-size:14px}}@media only screen and (min-width: 768px){.btnAddCustomer .iconAddCustomer{width:"22px"}.btnAddCustomer .labelBtnAddCustomer{font-size:16px}}.modalContentAddCustomer{width:440px}.modalBodyAddCustomer{width:100%;padding:30px 20px}@media only screen and (min-width: 769px){.modalBodyAddCustomer{padding:30px 40px}}.inputAddCustomer{width:100%;height:50px;margin:0;border:none;outline:none;color:#333!important;font-size:14px;font-style:normal;font-weight:400;line-height:30px;border:1px solid #aaa;border-radius:10px;background:#fff;padding:10px 20px}.inputAddCustomer::placeholder{color:#aaa;font-size:14px;font-style:normal;font-weight:400;line-height:30px}.inputAddCustomer::-moz-placeholder{color:#aaa;font-size:14px;font-style:normal;font-weight:400;line-height:30px}.inputAddCustomer::-webkit-input-placeholder{color:#aaa;font-size:14px;font-style:normal;font-weight:400;line-height:30px}.customerAddComponent{width:100%;max-width:864px}@media only screen and (max-width: 767px){.customerAddComponent{height:80%;padding:0}}.scanText{font-size:14px}@media (min-width: 992px){.scanQrComponent{width:60%!important}.scanText{font-size:16px}}.cancelButton{width:100%;max-width:864px;padding:20px}@media only screen and (min-width: 768px){.cancelButton{padding:30px 0}}.cancelButton:hover{transform:scale(1.025);transition:all .3s ease}.cancelButton:active{transform:scale(1);transition:all .3s ease}.customerListComponent{width:100%}@media only screen and (min-width: 950px){.customerListComponent{max-width:60%}}.customerListWrapper{margin:20px 0}@media only screen and (min-width: 768px){.customerListWrapper{margin:40px 0}}.customerListTitle{color:#333;font-size:16px;font-style:normal;font-weight:700;line-height:30px}@media only screen and (min-width: 768px){.customerListTitle{font-size:30px}}.totalCustomerLabel{display:flex;justify-content:flex-end;align-items:center;padding:20px 0;border-bottom:1.5px solid #D9D9D9}.customerCol{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:#fff;border-bottom:1px solid #D9D9D9}.customerDetailCol{cursor:pointer}.customerDetailCol:hover{background-color:#f7f3f3;transition:all .3s ease}.customerRow{display:flex;justify-content:flex-start;align-items:center;font-size:14px;font-weight:400;color:#333;padding:10px}@media only screen and (min-width: 768px){.customerRow{font-size:16px;padding:10px 20px}}.customerName{width:100%;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media only screen and (min-width: 768px){.customerName{max-width:250px}}.customerEmptyText{color:#aaa;font-size:14px;font-style:normal;font-weight:400;line-height:30px;margin:15px 0}@media only screen and (min-width: 768px){.customerEmptyText{font-size:16px}}.searchFilterWrapper{display:flex;flex-direction:row;align-items:center;gap:20px;margin-top:15px}@media only screen and (min-width: 768px){.searchFilterWrapper{margin-top:30px}}.inputSearchCustomer{border-radius:10px;box-shadow:none;padding:14px 20px;border:1px solid #aaa}.customerFilterBtn{width:100%;height:100%;display:flex;justify-content:center;align-items:center;gap:10px;background-color:#fff;outline:none;border:1px solid #aaa;border-radius:10px}.customerFilterBtn .customerFilterIcon{color:#000}.customerFilterBtn .customerFilterLabel{display:none}@media screen and (min-width: 768px){.customerFilterBtn .customerFilterLabel{display:block;color:#333;text-align:center;font-size:14px;font-style:normal;font-weight:600;line-height:normal}}.customerFilterBtn:hover{background-color:#ed1c24;transition:all .3s ease}.customerFilterBtn:hover .customerFilterIcon,.customerFilterBtn:hover .customerFilterLabel{color:#fff}.dropdownFilterWrapper{width:100%;max-width:164px;height:100%;display:flex;flex-direction:column;background-color:#fff;border-radius:10px;border:1px solid #D9D9D9}.dropdownFilterContainer{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;border-radius:10px;background-color:#fff;opacity:1!important}.filterItem{width:100%;height:50px;display:flex;justify-content:flex-start;align-items:center;padding:10px 20px;cursor:pointer;background-color:#fff;font-size:14px;color:#333}.filterItem:hover{background-color:#f3f3f3;transition:all .3s}.filterItem:first-child{border-bottom:1px solid #D9D9D9;border-radius:10px 10px 0 0}.filterItem:last-child{border-radius:0 0 10px 10px}.customerPageComponent{width:100%}@media only screen and (min-width: 950px){.customerPageComponent{max-width:60%}}.historyTransferCouponTitle{width:100%;color:#333;font-size:16px;font-style:normal;font-weight:600;line-height:30px;margin-top:15px;cursor:pointer}@media only screen and (min-width: 768px){.historyTransferCouponTitle{margin-top:20px}}.transferCouponBtnWrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;margin-top:30px}.transferCouponBtnWrapper .transferCouponBtn{width:100%;display:flex;justify-content:flex-start;align-items:center;gap:20px;outline:none;border:none;padding:20px;border-radius:10px;background:#fff;box-shadow:0 0 10px #00000026}.transferCouponBtnWrapper .transferCouponBtn:hover{transform:scale(1.025);transition:all .3s ease}.transferCouponBtnWrapper .transferCouponBtn:active{transform:scale(1);transition:all .3s ease;background-color:#fff;color:#333}@media only screen and (max-width: 412px){.transferCouponBtnWrapper .transferCouponBtn{margin-top:15px}}@media only screen and (min-width: 768px){.transferCouponBtnWrapper .transferCouponBtn{padding:20px 30px}}.transferCouponBtnWrapper .transferCouponBtnLabel{color:#333;font-size:16px;font-style:normal;font-weight:700;line-height:30px}.totalSharedCouponWrapper{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:15px 40px;margin-top:20px;border-top:1.5px solid #D9D9D9;border-bottom:1.5px solid #D9D9D9;cursor:pointer}@media only screen and (min-width: 768px){.totalSharedCouponWrapper{padding:30px 40px;margin-top:30px}}.totalSharedCouponWrapper .totalSharedCouponLabel{color:#333;font-size:12px;font-style:normal;font-weight:600;line-height:30px}@media only screen and (min-width: 768px){.totalSharedCouponWrapper .totalSharedCouponLabel{font-size:14px}}.totalSharedCouponWrapper .totalCount{font-size:20px;font-weight:600}@media only screen and (min-width: 768px){.totalSharedCouponWrapper .totalCount{font-size:30px}}.tukarVoucherBtnWrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:15px 0;border-bottom:1px solid #D9D9D9}@media only screen and (min-width: 768px){.tukarVoucherBtnWrapper{padding:30px 0}}.tukarVoucherBtnWrapper .tukarVoucherBtn{width:100%;outline:none;border:none;padding:14px 20px;border-radius:10px;background:#ed1c24;box-shadow:0 0 10px #00000026}.tukarVoucherBtnWrapper .tukarVoucherBtn:hover{transform:scale(1.025);transition:all .3s ease}.tukarVoucherBtnWrapper .tukarVoucherBtn:active{transform:scale(1);transition:all .3s ease;background-color:#ed1c24;color:#fff}.tukarVoucherBtnWrapper .tukarVoucherBtnLabel{color:#fff;text-align:center;font-size:16px;font-style:normal;font-weight:600;line-height:normal}.qr-reader{display:flex;justify-content:center;align-items:center;width:100%;height:100%;position:relative;background-color:#000;overflow:hidden;padding:24px;margin:0 auto}@media only screen and (min-width: 768px){.qr-reader{height:80%;margin:40px auto 0}}.qr-video{width:100%;height:100%;max-height:100%;object-fit:cover;position:absolute;top:0;left:0}.qr-reader .qr-box{left:0!important;top:0!important;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1;opacity:1;transform:none!important}.qr-frame{width:100%;height:100%;max-width:340px}.historyTukarVoucherWrapper{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin:15px 0}@media only screen and (min-width: 768px){.historyTukarVoucherWrapper{margin:20px 0}}.historyTukarVoucherWrapper .historyTukarVoucherTitle{color:#333;font-size:16px;font-style:normal;font-weight:600;line-height:30px}.inputKodeVoucherWrapper{margin:20px 0}@media only screen and (min-width: 768px){.inputKodeVoucherWrapper{margin:30px 0}}.inputKodeVoucherWrapper .inputKodeVoucher{width:100%;margin:0;border:none;outline:none;color:#333!important;font-size:14px;font-style:normal;font-weight:400;line-height:30px;height:50px;border:1px solid #aaa;border-radius:10px;background:#fff;padding:10px 20px}.inputKodeVoucherWrapper .inputKodeVoucher::placeholder{color:#aaa;font-size:14px;font-style:normal;font-weight:400;line-height:30px}.inputKodeVoucherWrapper .inputKodeVoucher::-moz-placeholder{color:#aaa;font-size:14px;font-style:normal;font-weight:400;line-height:30px}.inputKodeVoucherWrapper .inputKodeVoucher::-webkit-input-placeholder{color:#aaa;font-size:14px;font-style:normal;font-weight:400;line-height:30px}.redeemVoucherButton{width:100%}.redeemVoucherButton:hover{transform:scale(1.025);transition:all .3s ease}.redeemVoucherButton:active{transform:scale(1);transition:all .3s ease}.transferCouponInfo{display:flex;justify-content:center;align-items:center;gap:40px;margin:50px 0 40px}@media only screen and (min-width: 768px){.transferCouponInfo{gap:60px;margin:30px 0 60px}}.transferCouponInfo .transferCouponNominal{color:#333;font-size:14px;font-weight:400}@media only screen and (min-width: 768px){.transferCouponInfo .transferCouponNominal{font-size:20px}}.transferCouponInfo .transferCouponReward{color:#333;font-size:14px;font-weight:600}@media only screen and (min-width: 768px){.transferCouponInfo .transferCouponReward{font-size:20px}}.btnActionShareCoupon{width:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;border:none;border-radius:8px;padding:14px 12px}.btnActionShareCoupon:hover{transform:scale(1.025);transition:all .1s ease-in}.btnActionShareCoupon:active{transform:scale(1);transition:all .1s ease-in}.btnActionShareCoupon .iconScanQRWhite{width:18px}.btnActionShareCoupon .labelBtnActionShareCoupon{font-size:10px;font-weight:700}@media only screen and (min-width: 375px){.btnActionShareCoupon{padding:14px}.btnActionShareCoupon .labelBtnActionShareCoupon{font-size:12px}}@media only screen and (min-width: 512px){.btnActionShareCoupon{padding:14px 20px}.btnActionShareCoupon .labelBtnActionShareCoupon{font-size:14px}}@media only screen and (min-width: 768px){.btnActionShareCoupon .iconAddCustomer{width:"22px"}.btnActionShareCoupon .labelBtnActionShareCoupon{font-size:16px}}.bodyModalTransferCoupon{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:20px}.transferCouponEmptyLabel{display:flex;justify-content:center;align-items:center;color:#333;font-size:14px;font-weight:400;margin-top:40px}@media only screen and (min-width: 768px){.transferCouponEmptyLabel{font-size:20px}}.courierContainer{display:flex;background-color:#fff;justify-content:center;padding:15px 20px;width:100%}.containerNote{display:flex;background-color:#fff;padding:15px 20px;width:100%}.orderSummaryContainerSrc{display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-color:#ececec}@media (min-width: 768px){.responsive-detailSrc{align-self:center;width:60%!important}}.coinExchangeDetail{padding:20px}.coinExchangeTitle{font-size:16px;font-weight:600;margin:4px 0}.coinExchangeTnc{padding:0 20px}.coinExchangeItem{font-size:14px}.coinExchangeAgree{display:flex;align-items:start;font-size:14px}.coinEaCheckbox{margin-right:12px}.coinEaCheckbox input{margin:0;height:22px;width:22px;border-width:2px}.coinEaContent{font-size:14px}.coinEaLink{cursor:pointer;text-decoration:none;margin:0 4px}.coinExchangeDetailBtn{height:50px}@media (min-width: 950px){.coinExchangeDetail{max-width:864px;padding:40px 0}.coinExchangeTitle{margin:34px 0 10px}.coinExchangeTnc{padding:0 20px 40px}.coinExchangeItem{font-size:16px;margin-bottom:10px}}.exchangeVoucher{padding-bottom:24px;margin-bottom:20px}.exchangeVoucherContainer{width:100%;height:130px;background:url(/images/bg-voucher-exchange.png);background-size:100% 100%;color:#fff;position:relative;justify-content:center}.exchangeVoucherBody{padding:16px 34px 26px}.exchangeVoucherTitle{display:inline-block;text-align:right;margin-bottom:6px;font-size:14px;font-weight:600}.exchangeVoucherTotal{font-size:16px}.exchangeVoucherDesc{font-size:12px}.exchangeVoucherDate{position:absolute;bottom:14px;right:20px;text-align:right;font-size:12px}.evImageContainer{display:flex;flex-direction:column;padding:16px;min-width:88px;min-height:88px;border-radius:10px}.evImageContainer img{height:46px;object-fit:contain}.evImageContainer span{font-size:8px}.exchangeVoucherBottom{position:absolute;bottom:0;width:100%;padding:8px 16px;justify-content:space-between;border-radius:0 0 10px 10px}.exchangeVoucherImg{width:16px;height:16px;margin:0 6px}.modalContentVoucherKonsumen{width:100%}@media only screen and (min-width: 769px){.modalContentVoucherKonsumen{max-width:440px}}.voucherKonsumenButton{height:40px}.modalBodyVoucherKonsumen{width:100%;padding:14px 20px}@media (min-width: 950px){.exchangeVoucherContainer{height:142px}.exchangeVoucherContainer.detailVoucher{background:url(/images/bg-voucher-exchange-web.png)}.exchangeVoucherBody{padding:16px 44px 26px}.exchangeVoucherTotal{font-size:22px}.exchangeVoucherDesc{font-size:14px}.exchangeVoucherDate{position:absolute;right:30px;font-size:14px}.voucherKonsumenButton{height:50px}}.coinInfoContainerMitra{width:100%;height:69px;position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 10px #0000001a;background-color:#fff;color:#333;padding:14px 20px}.coinInfoContainerMitra .pointIcon{width:36px}@media (min-width: 950px){.coinInfoContainerMitra{width:70%;height:125px;margin:30px auto 0;padding:30px 40px;border-radius:20px}.coinInfoContainerMitra .pointIcon{width:50px}}.coinInfoContainerMitra .pointTitle{font-size:16px;font-weight:700}@media only screen and (min-width: 950px){.coinInfoContainerMitra .pointTitle{font-size:30px}}.coinInfoContainerMitra .pointTotal{font-size:16px;font-weight:700}@media only screen and (min-width: 950px){.coinInfoContainerMitra .pointTotal{font-size:24px}}.bgSpinTheWheelMitra{overflow-x:hidden;overflow-y:hidden}.spinnerMitraContainer{width:100%;height:69px;position:sticky;top:100px;display:flex;justify-content:flex-start;align-items:center}@media (min-width: 950px){.spinnerMitraContainer{width:70%;height:125px;position:absolute;top:250px;left:100px;right:100px;margin:auto;border-radius:20px}}.titleProgramMitra{font-size:30px;font-weight:700;text-align:center;margin-bottom:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden;text-overflow:ellipsis;line-height:1.5;max-height:95px}.modalContentRewards{width:auto!important}.modalBodyRewards{width:320px;padding:30px 20px}@media only screen and (min-width: 950px){.modalBodyRewards{width:440px;padding:30px 40px}}.exchangeCardContainer{width:100%;height:130px;background:url(/images/bg-voucher-shopping.png);background-size:100% 100%;color:#fff;position:relative;justify-content:center}.exchangeCardBody{padding:14px 34px}.exchangeCardTitle{display:inline-block;text-align:left;margin-bottom:6px;padding:4px 10px}.exchangeCardTotal{font-size:14px}.exchangeCardDate{position:absolute;bottom:14px;right:20px;text-align:right;font-size:12px}@media (min-width: 950px){.exchangeCardContainer{height:142px}.exchangeCardBody{padding:14px 40px}.exchangeCardTotal{font-size:16px}.exchangeCardDate{position:absolute;right:30px;font-size:14px}}.pojokBayarComponent{padding:20px}.pojokBayarCard{position:relative;height:120px;background:url(/images/bg-point.png);background-size:100% 100%;justify-content:"center"}.pojokBayarTitle{font-size:18px}.pojokBayarSecondary{font-size:30px}.pojokBayarIcon{width:36px;height:36px}@media (min-width: 950px){.pojokBayarComponent{max-width:864px;padding:40px 0 0}.pojokBayarCard{height:193px}.pojokBayarTitle{font-size:24px}.pojokBayarSecondary{font-size:42px}.pojokBayarIcon{width:68px;height:68px}}.transferBankComponent{padding:20px}.transferBankCard{position:relative;height:120px;background:url(/images/bg-point.png);background-size:100% 100%;justify-content:"center"}.transferBankTitle{font-size:18px}.transferBankSecondary{font-size:30px}.transferBankIcon{width:36px;height:36px}@media (min-width: 950px){.transferBankComponent{max-width:864px;padding:40px 0 0}.transferBankCard{height:193px}.transferBankTitle{font-size:24px}.transferBankSecondary{font-size:42px}.transferBankIcon{width:68px;height:68px}}.undianComponent{padding:0}.undianList{padding:20px}.undianContentContainer{display:flex;flex-wrap:wrap}.undianCard{margin-bottom:20px}.undianCard:active{opacity:.7}.undianContentItem{flex:1}.undianContentCard{display:flex;flex-direction:column;height:100%;border-radius:10px;overflow:hidden}.undianCardImage{height:98px;object-fit:cover}.undianCardBody{justify-content:space-between;height:100%;padding:10px 20px}.undianCBTitle{font-size:14px;margin-bottom:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.undianListDate{font-size:12px}@media (min-width: 768px){.undianListCard{height:100%;padding:0 10px}}@media (min-width: 950px){.undianComponent{width:60%;padding:40px 0 0}.undianList,.undianListContainer{padding:0}.undianContentCard{border-radius:20px}.undianCardImage{height:148px}.undianCardBody{padding:16px 20px}.undianCBTitle{font-size:16px}.undianListDate{font-size:14px}}.undianPemenangContainer{padding:20px}.undianPemenangComponent{padding:60px 0 0}.undianPemenangHeader{display:flex;justify-content:"center";align-items:start}.undianPemenangHeader:after{content:"";position:absolute;top:0;left:0;right:0;height:234px;background:linear-gradient(180deg,#ed1c24,#b50910);background-size:100% 100%;border-radius:0 0 20px 20px}.undianPemenangHeaderTop{position:fixed;top:0;left:0;right:0;background-color:#e40f16;color:#fff;justify-content:space-between;height:60px;z-index:5}.undianPHBtnBack{position:absolute;left:0;top:0;bottom:0;margin:14px}.undianPemenangDesc{padding-bottom:10px;border-bottom:4px solid}.undianPDImgContainer{height:174px;display:flex;align-items:start;justify-content:center}.undianPDImg{display:block;width:175px;height:154px}.upTextLarge{font-size:16px}.upTextMedium{font-size:15px}.upTextSmall{font-size:12px}.undianPemenangContainer .accordion-header{display:flex;align-items:center;height:64px;background-color:none;border-radius:10px;overflow:hidden}.undianPemenangContainer .accordion-button{padding:0;border:0;background-color:#fff;box-shadow:none}.undianPemenangContainer .accordion-button:focus{box-shadow:none;border-color:#00000020}.undianPemenangContainer .accordion-button:before{box-shadow:none}.undianPemenangContainer .accordion-button:after{margin-right:16px;width:20px;height:20px;background-image:url(/images/chevron-bottom.png);background-size:100% 100%}.undianPemenangContainer .accordion-button.collapsed:after{border-color:#00000020}.undianAccordionHeader{padding-left:16px}.undianPemenangSearch{margin:20px;height:50px}.undianPemenangSearch input{padding-left:52px}.undianPemenangItem{margin-bottom:20px}.undianPSLabel{position:absolute;top:25%;left:20px;margin-bottom:0}.undianAccordionBody{padding:6px 0 16px;font-size:14px}.undianAccordionContent{font-weight:600;padding:16px 16px 10px;border-radius:0;border-right:none;border-bottom:none;border-left:none}.undianAccordionItem{padding:8px 16px}.undianAccordionItem:nth-child(2n){background-color:#f3f3f366}@media (min-width: 992px){.undianPemenangContainer{padding:30px 4px}.undianPemenangComponent{width:60%!important}.upTextLarge{font-size:18px}.upTextMedium{font-size:16px}.upTextSmall{font-size:14px}.undianPemenangSearch{margin:30px 4px}.undianPemenangDesc{padding-bottom:0}}.undianDetailContainer{padding:20px}.undianDetailDesc{padding:20px 0}.undianDetailImage{height:98px;object-fit:cover}.iconCard{height:40px;width:40px;margin-right:10px}.iconCard.grayScale{filter:grayscale(1)}.cardButton{height:80px}.cardButton:nth-child(2){margin-top:20px}.udcTitle{font-size:18px}.udcDesc{font-size:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical}.udcSecondary{font-size:14px}.undianDetailModalTitle{font-size:16px}.modalContentUndian{overflow:hidden;width:100%;max-width:440px}.modalBodyUndian{width:100%;max-height:280px;overflow:scroll;margin-bottom:20px;padding:14px 20px 0}.undianDetailBtn{height:50px}.undianDCCoupon{padding-right:6px}.undianDetailTNC{margin-top:20px}@media (min-width: 950px){.undianDetailComponent{width:60%!important;padding:40px 0 0}.undianDetailContainer{padding:0}.udcButtonJoin{padding:30px 0}.undianDetailDesc{padding:0 0 30px}.undianDetailImage{height:300px}.cardButton:nth-child(2){margin-top:30px}.udcTitle{font-size:24px}.udcSecondary{font-size:16px}.undianDetailModalTitle{font-size:20px}.udcContentButton{padding-bottom:40px}.iconCard{margin-right:20px}.undianDCCoupon{padding-right:20px}.undianDetailTNC{margin-top:30px}}.countdownContainer{column-gap:12px;font-size:10px;height:54px;background-color:#f9b546}.countdownContainer span{text-shadow:2px 2px 4px rgba(0,0,0,.3)}@media (min-width: 950px){.countdownContainer{font-size:16px;height:68px}}@media (min-width: 768px){#list-my-mitra-page .responsive-list-my-mitra{align-self:center;width:60%!important}}#list-my-mitra-page .modal-alert-content-option-mitra{border-radius:10px;height:100%;max-width:80dvw;width:fit-content}#list-my-mitra-page .modal-alert-content-mitra{border-radius:10px;height:100%;max-width:60dvw;width:fit-content}@media (min-width: 768px){.responsive-catalogueSrc{align-self:center;width:60%}}@media (min-width: 768px){.responsive-catalogueDetail{align-self:center;width:60%}}#cart-footer-src .cart-badge{background-color:#fff;border:1px solid #d83426;border-radius:50%;display:flex;justify-content:center;align-items:center;min-width:25px;min-height:25px;width:auto;height:auto;position:absolute;top:-5px;right:-5px}#cart-footer-src .cart-text{font-size:16px;color:#fff;margin-left:20px;font-weight:500}#cart-footer-src .amount-text{font-size:14px;color:#d83426}#cart-footer-src .cart-price-text{font-size:16px;color:#fff;margin-right:20px;font-weight:500}#catalog-card .tagContainer{position:relative}#catalog-card .tag{background-color:#fec836;padding:2px 10px;border-top-right-radius:45px;border-bottom-right-radius:45px;position:absolute;z-index:4;top:3px;color:#fff;font-size:12px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}#catalog-card .redirect-detail{cursor:pointer;transition:opacity .3s ease}#catalog-card .redirect-detail:active{opacity:.7}#catalog-card .product-other-name{font-size:.8rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}#catalog-card .product-name{font-size:.75rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:3.3rem}#catalog-card .imageStyleProdCard{resize:cover;border-color:#d9d9d9;border-width:1px;border-style:solid;display:flex;justify-content:flex-start;align-items:flex-start;object-fit:contain;background-color:#fff}#catalog-card .salePrice{font-size:.75rem;color:#dc1e2d;line-height:1.125rem;text-align:left;text-decoration-line:line-through;height:1.1rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}#catalog-card .price{font-size:1rem;color:#000;line-height:1.5rem;text-align:left;font-weight:600}#catalog-card .container-badge-promo-src{height:1.625rem}#catalog-card .badge-promo-src{width:1.625rem;object-fit:contain}#catalog-card .text-info-qty{display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:.7rem;line-height:.8125rem;font-weight:500;color:green;text-align:left;height:2.6rem}#catalog-card .cartItem{border-color:#ececec;border-radius:6px;position:relative;overflow:hidden;display:flex;justify-content:flex-end;align-items:center}#catalog-card .cartItem .wrapper-cart{border-color:#ececec;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;border-radius:6px;position:relative;overflow:hidden;width:100%}#catalog-card .cartItem #remove-icon,#catalog-card .cartItem #add-icon{flex:1;width:20%;justify-content:center;align-items:center}#catalog-card .container-picker{height:1.6rem}#catalog-card .text-trunc{font-weight:600;font-size:.8rem;flex:1;text-align:left;font-size:14px;color:#3b3b3b;width:100%;height:auto;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;padding-bottom:10px}#catalog-list-card .tagContainer{position:relative}#catalog-list-card .tag{background-color:#fec836;padding:2px 10px;border-top-right-radius:45px;border-bottom-right-radius:45px;position:absolute;z-index:4;top:3px;color:#fff;font-size:12px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}#catalog-list-card .redirect-detail{cursor:pointer;transition:opacity .3s ease}#catalog-list-card .redirect-detail:active{opacity:.7}#catalog-list-card .product-other-name{font-size:.8rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}#catalog-list-card .product-name{font-size:.75rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:3.3rem}#catalog-list-card .imageStyleProdCard{resize:cover;border-color:#d9d9d9;border-width:1px;border-style:solid;display:flex;justify-content:flex-start;align-items:flex-start;object-fit:contain;background-color:#fff}#catalog-list-card .salePrice{font-size:.75rem;color:#dc1e2d;line-height:1.125rem;text-align:left;text-decoration-line:line-through;height:1.1rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}#catalog-list-card .price{font-size:1rem;color:#000;line-height:1.5rem;text-align:left;font-weight:600}#catalog-list-card .container-badge-promo-src{height:1.625rem}#catalog-list-card .badge-promo-src{width:1.625rem;object-fit:contain}#catalog-list-card .text-info-qty{display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:.7rem;line-height:.8125rem;font-weight:500;color:green;text-align:left;height:2.6rem}#catalog-list-card .cartItem{border-color:#ececec;border-radius:6px;position:relative;overflow:hidden;display:flex;justify-content:flex-end;align-items:center}#catalog-list-card .cartItem .wrapper-cart{border-color:#ececec;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;border-radius:6px;position:relative;overflow:hidden;width:100%}#catalog-list-card .cartItem #remove-icon,#catalog-list-card .cartItem #add-icon{flex:1;width:20%;justify-content:center;align-items:center}#catalog-list-card .container-picker{height:1.6rem}#catalog-list-card .text-trunc{font-weight:600;font-size:.8rem;flex:1;text-align:left;font-size:14px;color:#3b3b3b;width:100%;height:auto;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;padding-bottom:10px}.container-catalog-cards{display:flex;flex-wrap:wrap}@media (min-width: 768px){.responsive-catalogs{align-self:center;width:60%}}@media (min-width: 768px){#pojok-modal-status-page .responsive-pojok-modal-status{align-self:center;width:60%!important}}@media (min-width: 768px){.responsive-detail-bantuan{align-self:center;width:710px}}@media (min-width: 768px){#pojok-modal-tagihan-page .responsive-pojok-modal-tagihan{align-self:center;width:60%!important}}#pojok-modal-tagihan-page #modal-backdrop-pojok-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:flex-end;animation:fadeIn .5s forwards;z-index:15}#pojok-modal-tagihan-page #modal-backdrop-pojok-modal .modal-content-wrapper{width:100%;max-height:50%;display:flex;flex-direction:column;animation:slideIn .5s forwards}@media (min-width: 768px){#pojok-modal-tagihan-page #modal-backdrop-pojok-modal .modal-content-wrapper.responsive-modal-content{width:60%!important}}#pojok-modal-tagihan-page #modal-backdrop-pojok-modal .modal-content-wrapper.slide-out{animation:slideOut .5s forwards}#pojok-modal-tagihan-page #modal-backdrop-pojok-modal .modal-content{background-color:#fff;padding:20px;border-radius:10px 10px 0 0;width:100%;box-shadow:2px 2px 10px #0000004d;display:flex;flex-direction:column;overflow:hidden}#pojok-modal-tagihan-page #modal-backdrop-pojok-modal .modal-header{display:flex;justify-content:flex-end}#pojok-modal-tagihan-page #modal-backdrop-pojok-modal .modal-header button{background:none;border:none;font-size:1.5rem;cursor:pointer}#pojok-modal-tagihan-page #modal-backdrop-pojok-modal .modal-body{padding:10px 0 0;overflow-y:auto;height:50vh;scrollbar-width:none;-ms-overflow-style:none}#pojok-modal-tagihan-page #modal-backdrop-pojok-modal .modal-body::-webkit-scrollbar{width:0px;background:transparent}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideOut{0%{transform:translateY(0)}to{transform:translateY(100%)}}#pojok-modal-tagihan-page #modal-backdrop-pojok-modal .deliveryOption{font-size:1.1rem}#pojok-modal-tagihan-page #modal-backdrop-pojok-modal .form-check-label{font-size:.8rem}#dashboard-home .appbar-component .button-back-responsive{position:relative}@media (min-width: 768px){#dashboard-home .appbar-component .button-back-responsive{position:absolute}}#dashboard-home .appbar-component .search-bar-responsive{justify-content:center}#dashboard-home .appbar-component .search-bar-responsive .search-bar-button{width:100%}@media (min-width: 768px){#dashboard-home .appbar-component .search-bar-responsive .search-bar-button{width:50%}}@media (min-width: 768px){#dashboard-home .appbar-component .search-bar-responsive{align-items:center}}#dashboard-home .appbar-component .button-back,#dashboard-home .appbar-component .button-search{background-color:transparent;border:none}#dashboard-home .appbar-component .input-search::placeholder{color:#969696}#dashboard-home .appbar-component .responsive-input-search{height:40px}@media (min-width: 600px){#dashboard-home .appbar-component .responsive-input-search{height:100%!important}}#dashboard-home .image-bude{height:40px;width:40px}@media (min-width: 600px){#dashboard-home .image-bude{height:40px;width:40px}}#dashboard-home .logo-img{height:40px;margin-left:auto;margin-right:auto}@media (min-width: 600px){#dashboard-home .logo-img{height:50px}}#dashboard-home .logo-bude{right:10px}#dashboard-home .profile-section{height:149%;background-repeat:no-repeat;background-size:cover;background-position:center;background-color:#cc0f0b}#dashboard-home .benefit-item{overflow:hidden;border:none;background:none}#dashboard-home .benefit-item-icon-text,#dashboard-home .benefit-item-icon-component{width:28px;height:28px;margin-right:5px;margin-left:3px}#dashboard-home .benefit-item-icon-container{width:32px;height:32px;margin-right:5px;display:flex;justify-content:center;align-items:center}#dashboard-home .benefit-item-icon-container-inner{background-color:red;width:24px;height:24px;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff}#dashboard-home .benefit-item-text-container{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}#dashboard-home .benefit-item-title{font-size:13px;line-height:15px;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#dashboard-home .benefit-item-subtitle{font-size:12px;line-height:15px;color:red;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}#dashboard-home .profile-progress{background-repeat:no-repeat;background-position-x:right;background-position-y:bottom;background-size:contain}#dashboard-home .profile-progress .close-profile-progress{top:5px;left:5px}#dashboard-home .profile-progress .circular-progress-bar{width:70px}#dashboard-home .profile-progress .circular-progress-bar .CircularProgressbar-text{font-weight:600}#dashboard-home .profile-progress .font-responsive{font-size:smaller}@media (min-width: 600px){#dashboard-home .profile-progress .font-responsive{font-size:small}}#dashboard-home .profile-progress .btn-redirect-profile{width:90px}@media (min-width: 600px){#dashboard-home .profile-progress .btn-redirect-profile{width:170px}}#dashboard-home .carousel-intro .carousel-indicators{top:117%}#dashboard-home .carousel-intro .carousel-indicators .active{background-color:#dc1e2d}#dashboard-home .carousel-intro-banner .carousel-indicators{top:85%}#dashboard-home .carousel-intro-banner .carousel-indicators .active{background-color:#dc1e2d}#dashboard-home .carousel-intro-banner .carousel-indicators [data-bs-target]{width:13px;height:13px;border-radius:50%;margin:0 10px;background-color:gray}#dashboard-home .carousel-intro-banner .carousel-indicators [data-bs-target] .active{background-color:#dc1e2d}#dashboard-home .mitra-tag .btn-redirect-profile{width:90px}@media (min-width: 600px){#dashboard-home .mitra-tag .btn-redirect-profile{width:170px}}#dashboard-home .button-menu{margin-left:5%;margin-right:5%}#dashboard-home .carousel-intro-banner-ph .carousel-indicators{bottom:0}#dashboard-home .carousel-intro-banner-ph .carousel-indicators [data-bs-target]{background-color:#fff;opacity:1}#dashboard-home .carousel-intro-banner-ph .carousel-indicators .active{background-color:#fca72a}@media (min-width: 768px){#dashboard-home .responsive-dashboard{align-self:center;width:60%}}#dashboard-home .homeXP{padding:16px;border-radius:20px;background:linear-gradient(88deg,#ffeaaf -6.82%,#ffeab0fc -6.82%,#fff0 45.25%),#fff}#dashboard-home .homeXP:active{opacity:.8}@media (min-width: 768px){#dashboard-home .homeXP{font-size:14px;padding:20px 30px}}#dashboard-home .homeXPTitle{font-size:10px;margin-bottom:6px}@media (min-width: 768px){#dashboard-home .homeXPTitle{font-size:16px}}#dashboard-home .homeXPDesc{font-size:10px;margin-top:6px}@media (min-width: 768px){#dashboard-home .homeXPDesc{font-size:14px}}#dashboard-home .homeXPImage{width:32px;height:32px}@media (min-width: 768px){#dashboard-home .homeXPImage{width:50px;height:50px}}#dashboard-home .homeXPIcon{width:32px;height:32px}@media (min-width: 768px){#dashboard-home .homeXPIcon{width:42px;height:42px}}#dashboard-home .homeXPContent{margin:0 10px}#dashboard-home .homeXPContent .progress{height:8px;background-color:#ddd;border-radius:15px}#dashboard-home .homeXPContent .colorRed .progress-bar{background-color:#ed1c24;border-radius:15px}#dashboard-home .homeXPContent .colorYellow .progress-bar{background-color:#f8b545;border-radius:15px}@media (min-width: 768px){#dashboard-home .homeXPContent{margin:0 20px}}#menu-button-3 .card-button-image{width:73px;height:73px;padding:1rem}@media (min-width: 600px){#menu-button-3 .card-button-image{width:78px;height:78px;padding:1rem}}@media (min-width: 768px){#menu-button-3 .card-button-image{width:80px;height:80px;padding:1rem}}@media (min-width: 992px){#menu-button-3 .card-button-image{width:120px;height:120px;padding:1.5rem}}#menu-button-3 .card-button-image .image-new-sign-menu{width:20px;height:20px}@media (min-width: 768px){#menu-button-3 .card-button-image .image-new-sign-menu{width:20px;height:20px}}@media (min-width: 992px){#menu-button-3 .card-button-image .image-new-sign-menu{width:40px;height:40px}}#menu-button-3 .card-button-image .badge-unread{top:-6px;width:22px;font-size:.75rem}@media (min-width: 768px){#menu-button-3 .card-button-image .badge-unread{font-size:.75rem;width:22px}}@media (min-width: 992px){#menu-button-3 .card-button-image .badge-unread{font-size:1rem;width:30px}}.imageStyleSrc{height:150px;margin-right:12px;border-color:#d9d9d9;border-radius:10px;border-width:1px;display:flex;justify-content:flex-start;align-items:flex-start}.border-right-item{border-right:1px solid #ccc}@media (min-width: 768px){.responsive-cartSrc{align-self:center;width:60%}}#voucher-card-partial .voucher-card{display:flex;justify-content:space-between;border:2px solid #e3e3e3;border-radius:10px;padding:10px;margin:5px 0;overflow:hidden}#voucher-card-partial .voucher-card.selected{border-color:#000}#voucher-card-partial .voucher-card.ineligible{background-color:#999;border-color:#646464}#voucher-card-partial .voucher-card .round-button{border-radius:50%;width:25px;height:25px;display:flex;align-items:center;justify-content:center}#voucher-card-partial .voucher-card .details{flex:1;display:flex;flex-direction:column;justify-content:center}#voucher-card-partial .voucher-card .details .name-price{display:flex;flex-direction:row;margin-bottom:10px}#voucher-card-partial .voucher-card .details .price{display:flex;flex-direction:column}.voucher-text{margin-left:10px;margin-right:10px}@media (max-width: 2000px) and (min-width: 786px){.voucher-text{margin-left:40px;margin-right:40px}}.promotionContainer{display:flex;flex-direction:row;justify-content:space-between;position:relative;border-width:2px;border-color:#e3e3e3;border-radius:10px;padding:10px;margin:5px 0;overflow:hidden}.textNormal{font-size:14px}.textBold{font-weight:500;font-size:14px}.textHint{color:#d92f2b;font-size:10px;text-align:right}#catalog-detail-page .modal-fullscreen .modal-dialog{width:100%;max-width:none;height:100%;margin:0;padding:0}#catalog-detail-page .modal-fullscreen .modal-content{height:100%;border:none;border-radius:0;background-color:#000}#catalog-detail-page .modal-fullscreen .modal-body{height:100%;overflow:hidden}#catalog-detail-page .carousel-item{height:100%}#catalog-detail-page .carousel-item img{width:100%;max-height:100%;object-fit:contain}@media (min-width: 768px){#catalog-detail-page .responsive-image-modal{align-self:center;width:60%}}@media (min-width: 768px){#catalog-detail-page .responsive-image-modal1{align-self:center;width:50%;height:100%}}#catalog-detail-page .modal-fullscreen{max-width:100%;background-color:#000}@media (max-width: 600px){#catalog-detail-page .modal-fullscreen{width:90%}}#catalog-detail-page .carousel-control-prev,#catalog-detail-page .carousel-control-next{display:none}#catalog-detail-page .carousel-indicators{bottom:40px}#catalog-detail-page .carousel-indicators .active{background-color:red}#kode-promo-page .promo-list{background-position:center;background-repeat:no-repeat;background-size:cover;background-color:#eeee;padding-left:6%;padding-right:6%;min-height:140px;justify-content:space-around}@media (min-width: 768px){#kode-promo-page .responsive{align-self:center;width:60%}}.infoboardComponent{width:100%}@media only screen and (min-width: 950px){.infoboardComponent{max-width:60%}}.tabText{font-size:11px}@media only screen and (min-width: 375px){.tabText{font-size:13px}}@media only screen and (min-width: 768px){.tabText{font-size:16px}}.cardInfoboard{width:100%;display:flex;justify-content:center;align-items:center;border:none;border-radius:0;border-bottom:1.8px solid #D9D9D9}@media only screen and (min-width: 768px){.cardInfoboard{border-bottom:none}}.cardInfoboardBody{width:100%;height:100%;padding:20px;cursor:pointer}.cardInfoboardFooter{width:100%;display:flex;justify-content:flex-end;align-items:center;background-color:#fff;border:none;padding:0 20px 20px}.cardInfoboardFooter .shareBtn{display:flex;justify-content:center;align-items:center;gap:5px;border:none;border-radius:10px;padding:14px 20px}.infoboardImgWrapper{position:relative;height:100%;width:100%;max-width:442px}.infoboardImgWrapper:before{display:block;content:"";width:100%;padding-top:54.0816326531%}.infoboardImgWrapper>.infoboardImage{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px}.eventConsumentImg{width:100%;height:100%;max-width:320px;border-radius:10px}@media only screen and (min-width: 768px){.eventConsumentImg{max-width:422px}}.pojokUntungComponent{padding:0}.pojokUntungDetailContainer{padding-bottom:90px}.pojokUntungWithCustomHeader{position:relative;padding-top:7dvh}.pojokUntungHeader{position:fixed;top:0;left:0;right:0;z-index:3}.pojokUntungHomeBanner{position:absolute;top:0;left:0;right:0;height:200px;width:100%;z-index:1}.pojokUntungDesc{position:relative;padding-bottom:16px;border-bottom:10px solid;margin-top:120px;z-index:2}.pojokUDCard{margin:0 20px 16px;padding:20px}.pojokContainer{padding:0 20px}.pojokTextExtraLarge{font-size:24px}.pojokTextLarge{font-size:16px}.pojokTextMedium{font-size:14px}.pojokTextSmall{font-size:12px}.pojokTextExtraSmall{font-size:10px}.pojokUDList{padding:0;display:flex;flex-direction:column;align-items:start}.pojokUDList li{list-style-type:none;position:relative;margin-bottom:6px;display:flex;align-items:center}.pojokUDList li:before{content:"";background-color:#ed1c24;width:12px;height:12px;border-radius:50%;margin-right:10px}.pojokPartner{padding:20px;border-bottom:10px solid}.pojokPartner p{margin-bottom:20px}.pojokPartnerTitle{margin-bottom:6px}.pojokPartnerImg{height:72px;width:72px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;padding:12px}.pojokPartnerImg img{width:100%;height:100%}.pojokPartnerItem{display:flex;flex-direction:column;align-items:center}.pojokTestimoni{padding:20px 20px 130px;max-width:100%;overflow:hidden}.pojokTestimoni .slick-slide:focus{outline:none}.pojokTestimoni .slick-dots .slick-active button:before{color:#ed1c24}.pojokTestimoni .slick-dots button{width:12px}.pojokTestimoni .slick-dots li{margin:0;width:12px}.pojokTestimoniItem{width:100%}.pojokTestimoniItem img{width:100%;object-fit:contain}.pojokUntungFloating{position:fixed;bottom:0;left:0;right:0;padding:20px;z-index:2}.pojokUFDashboard{border-top:10px solid}.pojokUFDaftar{width:100%;border-top:4px solid;padding:20px}.pojokUntungBtn{height:50px}.pojokUntungTNC{margin-bottom:20px}.pojokUFTNC{margin-top:4px}.pojokTransaksiSearch{margin:20px 20px 16px;height:50px}.pojokTransaksiSearch input{padding-left:52px}.pojokTransaksiLabel{position:absolute;top:25%;left:20px;margin-bottom:0}.pojokTransaksiMenu{margin-left:24px;padding-right:12px}.pojokTransaksiMenuShimmer{min-width:0;margin-left:24px;padding-right:12px}.pojokTMLink{padding:0 0 10px}.pojokTransaksiContent{height:100%;padding:20px}.pojokTCEmpty{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%)}.pojokTransaksiItem{padding:14px 20px;margin-bottom:10px}.ptcImg{width:50px;height:50px}.ptcDesc{padding-left:16px}.pojokUntungDetail{padding:20px}.pojokUntungDetailDesc{height:100%;margin-top:50px;display:flex;flex-direction:column;justify-content:center;align-items:center}.pojokUDBackground{height:100px}.pojokUDBackground:not(:first-child){top:100px}.pojokDDContent{display:flex;flex-direction:column;align-items:center;z-index:1}.pojokDDImg{width:100px;height:100px;border-radius:10px}.pojokDDImg img{width:100%;height:100%}.pojokDDStatus{font-size:18px;font-weight:700;margin:20px 0 0}.pojokUntungDetailContent{padding-top:20px}.pojokUntungDetailContent.addedPadding{padding-bottom:86px}.puDCItem{display:flex;justify-content:space-between;padding:14px 20px}.puDCItem:not(:last-child){border-bottom:3px solid}.puDCTitle{padding-right:40px}.puDCDesc{display:block;max-width:158px;white-space:normal;overflow-wrap:break-word;word-break:normal}@media only screen and (min-width: 325px){.puDCDesc{max-width:200px}}@media only screen and (min-width: 600px){.puDCDesc{max-width:374px}}.puDCImage{width:100px;height:100px;object-fit:cover}.pojokUntungDetailTab{padding-top:20px}.pojokDTLink{padding:0 0 20px}.pojokDetailItem{border:1px solid;padding:14px 20px;margin-bottom:16px}.pojokItemState{padding:6px 16px;border-radius:100px}.pojokPartnerList{padding:20px}.pojokPartnerItem{padding:14px 20px;margin-bottom:20px}.pojokPIImg{width:40px;height:40px}.pojokPartnerDesc{margin:10px 0}.pojokPartnerLink{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 0;text-decoration:none}.pojokDaftarModalBtn{margin-top:20px;height:45px}.pojokDashboard{margin:120px 0 0;z-index:2}.pojokDashboardCard{border-radius:0;padding:20px;border:none;border-bottom:10px solid;z-index:2}.pojokDashboardItem{display:flex;flex-wrap:wrap;width:100%}.pojokDCImg{padding:4px 2px;width:52px;height:52px}.pojokDCImg img{width:100%;object-fit:contain}.pojokDCIDesc{width:calc(100% - 68px)}.pojokDashboardContent{padding:20px 20px 4px;border-bottom:10px solid}.pojokDCTitle{margin-bottom:4px}.pojokDCItem{width:100%;padding:16px 0;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center}.pojokDCItem:not(:last-child){border-bottom:1px solid}.pojokDCIcon{width:48px;height:48px;border-radius:50%;margin-right:16px}.pojokDCIcon img{width:100%;height:100%;object-fit:cover}.pojokDCDesc{width:calc(100% - 64px)}.pojokDashboardStep{padding-bottom:10px}.pojokDashboardStep.isTNC{padding-bottom:20px;border-bottom:10px solid}.pojokDashboardTNC{padding:20px 20px 80px}.pojokDashboardTNC.isTNC{padding-bottom:110px}.pojokDTTitle{margin-bottom:20px}.pojokDTContent{padding:0 0 16px}.pojokDTImage{width:100%;display:flex;justify-content:center;align-items:center}.pojokDTImage img{width:100%;object-fit:cover}.pojokDSTitle{padding:20px}.pojokDSList{padding:0 10px;justify-content:center;align-items:stretch;height:100%}.pojokDSItem{height:220px;display:flex;align-items:start;text-align:center;margin:0 5px 0 10px;padding:10px 6px;border-radius:10px;background-size:100%;object-fit:cover;object-position:top;background-repeat:no-repeat;background-position:bottom}.pojokDSItem:nth-child(2){margin:0 5px}.pojokDSItem:nth-child(3){margin:0 10px 0 5px}.modalContentPUDashboard{width:100%}@media only screen and (min-width: 769px){.modalContentPUDashboard{max-width:440px}}.modalBodyPUDashboard{width:100%;padding:20px}@media only screen and (min-width: 950px){.modalBodyPUDashboard{padding:30px 40px}}.pojokDashboardModal{align-items:center}.pojokDMImage{width:78px;height:78px}.pojokDMImage img{width:100%;height:100%}.pojokDMTitle{font-size:16px;font-weight:700;margin:20px 0 10px}.pojokDMDesc{display:block;font-size:14px;text-align:center;margin-bottom:20px}.pojokDMButton{font-size:16px;height:45px}.pojokUntungForm{padding:20px}.pojokUntungFormContainer{padding:0 20px 20px}.pojokFormImg{width:60px;height:60px}.pojokFormImg img{width:100%;height:100%}.pojokFormDescContainer{padding:20px 20px 0;width:100%}.pojokFormDesc{width:100%;margin:20px 0 0}.pojokFormInput{margin-top:20px}.inputDisabled{background-color:var(--bs-secondary-bg)!important}.pojokFIImage{display:flex;justify-content:center;align-items:center;padding:8px}.pojokFIImage.imagePreview:active{opacity:.5}.pojokFIPreview{display:block;width:200px;height:200px;object-fit:contain}.pojokFIUpload{display:flex;justify-content:center;align-items:center;height:50px!important;border:1px solid;border-radius:10px;opacity:1}.pojokFIUpload:active{opacity:.5}.pojokFIIcon{height:20px;width:20px}.modalContentPojok{width:100%}@media only screen and (min-width: 769px){.modalContentPojok{max-width:440px!important}}.modalBodyPojok{width:100%;max-width:440px;padding:20px}.pojokTransaksiContainer::-webkit-scrollbar{display:none}.pojokInputDropdown::placeholder{color:#aaa;font-size:14px;font-style:normal;font-weight:400;line-height:30px}.pojokInputDropdown::-moz-placeholder{color:#aaa;font-size:14px;font-style:normal;font-weight:400;line-height:30px}.pojokInputDropdown::-webkit-input-placeholder{color:#aaa;font-size:14px;font-style:normal;font-weight:400;line-height:30px}.inputPojokUntung{width:100%;margin:0;border:none;outline:none;color:#333!important;font-size:14px;font-style:normal!important;font-weight:400;line-height:30px}.inputPojokUntung::placeholder{color:#aaa;font-size:14px;font-style:normal;font-weight:400;line-height:30px}.inputPojokUntung::-moz-placeholder{color:#aaa;font-size:14px;font-style:normal;font-weight:400;line-height:30px}.inputPojokUntung::-webkit-input-placeholder{color:#aaa;font-size:14px;font-style:normal;font-weight:400;line-height:30px}@media (min-width: 589px){.pojokDSItem{margin:0 5px 0 0;padding:20px;background-size:90% 70%;object-fit:cover;background-repeat:no-repeat;background-position:bottom}.pojokDSItem:nth-child(2){margin:0 5px}.pojokDSItem:nth-child(3){margin:0 0 0 5px}}@media (min-width: 950px){.pojokUntungComponent{width:60%;align-self:center}.pojokUntungDetailContainer{background-color:#fff}.pojokTransaksiItem{margin-bottom:20px}.pojokUntungHomeBanner{height:420px}.pojokUntungDesc{margin-top:300px;padding-bottom:30px;border-bottom:14px solid;border-image:linear-gradient(90deg,#f3f3f300,#f3f3f3a6 22.5%,#f3f3f3 51.64%,#f3f3f3a6 77.51%,#f3f3f300);border-image-slice:1}.pojokDashboard{margin-top:300px}.pojokDashboardCard{border-radius:10px;padding:30px 40px;border-bottom:14px solid;z-index:2}.pojokUDCard{text-align:center;margin:0}.pojokUDCardDesc{margin-top:30px;text-align:center}.pojokTextLarge{font-size:20px}.pojokTextLarge.pojokExtra{font-size:30px}.pojokTextMedium{font-size:16px}.pojokTextMedium.pojokExtra{font-size:18px}.pojokTextSmall{font-size:16px}.pojokTextSmall.pojokSmallExtra{font-size:14px}.pojokTextExtraSmall{font-size:16px}.pojokTextExtraSmall.smaller{font-size:14px}.pojokUntungDetail{padding:20px 0}.pojokDetailItem{margin-bottom:20px}.pojokPartnerList{padding:40px 0}.ptcImg{padding:4px;width:100px;height:100px}.pojokUntungDetailDesc{margin-top:75px}.pojokUDBackground{height:125px}.pojokUDBackground:not(:first-child){top:125px}.pojokUntungDetailTab{padding-top:30px}.pojokUntungDetailContent{padding-top:30px;padding-bottom:104px}.pojokUFDetail{width:calc(60% + 2px)}.pojokDDStatus{margin:30px 0 0}.puDCItem{padding:14px 0}.puDCDesc{max-width:374px}.ptcDesc{padding-left:30px}.pojokUDList{align-items:center}.pojokUDList li{padding-left:30px}.pojokUntungFloating{padding:20px 0 40px}.pojokTransaksiTab{display:flex;align-items:center}.pojokPartner{padding:40px 0;border-bottom:14px solid;border-image:linear-gradient(90deg,#f3f3f300,#f3f3f3a6 22.5%,#f3f3f3 51.64%,#f3f3f3a6 77.51%,#f3f3f300);border-image-slice:1}.pojokPartnerItem{margin-bottom:40px}.pojokPartnerLoading.shimmer-thumbnail{width:104px;min-height:104px}.pojokPartnerTitle{margin-bottom:16px}.pojokPartnerImg{width:104px;height:104px}.pojokTestimoni{padding:40px 0 150px}.pojokDCIDesc span:first-child{margin-bottom:6px}.pojokDashboardContent{padding:40px 0 10px;border-bottom:14px solid;border-image:linear-gradient(90deg,#f3f3f300,#f3f3f3a6 22.5%,#f3f3f3 51.64%,#f3f3f3a6 77.51%,#f3f3f300);border-image-slice:1}.pojokDCItem{padding:30px 0}.pojokDCTitle{margin-bottom:0}.pojokDSTitle{padding:40px 0 30px}.pojokDSList{padding:0;flex:1}.pojokDSItem{height:298px;margin:0 5px 0 0;padding:20px;background-size:80% 60%;object-fit:contain;background-repeat:no-repeat;background-position:bottom}.pojokDSItem:nth-child(2){margin:0 5px}.pojokDSItem:nth-child(3){margin:0 0 0 5px}.pojokDMTitle{font-size:20px;margin:20px 0}.pojokDMDesc{font-size:16px}.pojokUFDashboard{padding-top:0;border-top:none;width:calc(60% + 2px)}.pojokUntungForm{padding:40px 0}.pojokUntungFormContainer{padding:0 0 20px}.pojokUFDaftar{width:100%;border-top:none;padding:20px 0 40px}.pojokFormDescContainer{display:flex;flex-wrap:wrap;align-items:center;padding:40px 0 10px}.pojokFormDesc{width:calc(100% - 120px);margin-top:0}.pojokFormImg{margin-right:20px;width:100px;height:100px}.pojokFormImg img{width:100%;height:100%}.pojokDashboardStep.isTNC{border-bottom:14px solid;border-image:linear-gradient(90deg,#f3f3f300,#f3f3f3a6 22.5%,#f3f3f3 51.64%,#f3f3f3a6 77.51%,#f3f3f300);border-image-slice:1}.pojokDashboardTNC{padding:0 0 130px}.pojokDashboardTNC.isTNC{padding-bottom:130px}.pojokDTTitle{margin:40px 0 30px}.pojokDTContent{padding:0 0 20px}.pojokShimmerTitle.shimmer-title--secondary .shimmer-title-line{height:30px}.pojokShimmerTitleMedium.shimmer-title--secondary .shimmer-title-line{height:24px}}.pojokUntungRadio{display:grid;-webkit-appearance:none;-moz-appearance:none;appearance:none;place-content:center;border:1px solid #AAA;border-radius:50%;width:20px;height:20px;background-color:#fff}.pojokUntungRadio:checked{background-color:#fff;border-color:#ed1c24;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-3 -3 6 6'%3E%3Ccircle r='2' fill='%23ED1C24'/%3E%3C/svg%3E")}.pojokLabel{font-weight:600;margin-bottom:10px}.inputCheckbox input{border-color:#aaa;width:20px;height:20px}.inputCheckbox label{color:#333;padding-left:10px}.isRadioImage{display:grid;grid-template-columns:repeat(2,1fr)}@media (min-width: 992px){.isRadioImage{grid-template-columns:repeat(4,1fr)}}.isRadio{width:100%;display:flex;flex-direction:column}.inputLabelRadioImage{display:flex;align-items:start;cursor:pointer;width:100%;margin-bottom:12px}.inputLabelRadio{display:flex;align-items:start;cursor:pointer;width:100%}.inputRadioImage{display:block;width:120px;height:120px;object-fit:contain;border:1px solid;max-width:150px}.inputRadioImage.noBorder{border:none}@media only screen and (min-width: 1240px){.inputRadioImage{max-width:180px;width:150px;height:150px}}@media (min-width: 768px){#redirect-url .responsive-static-page{align-self:center;width:60%!important}}@media (max-width: 600px){#redirect-url .img-bubble-loader-sm{height:50px!important}}@media (min-width: 601px){#redirect-url .img-bubble-loader-lg{height:90px!important}}@media (max-width: 600px){#redirect-url .custom-fs-8-sm{font-size:1rem!important}}@media (min-width: 601px){#redirect-url .custom-fs-8-lg{font-size:1.2rem!important}}@media (max-width: 600px){#redirect-url .custom-fs-7-sm{font-size:1.2rem!important}}@media (min-width: 601px){#redirect-url .custom-fs-7-lg{font-size:1.5rem!important}}.undianExchangeComponent{padding:20px}.undianExchangeCard{height:160px;padding:20px;margin-top:20px;border-radius:10px}.undianExchangeDesc{position:absolute;top:80%;left:0;right:0;height:86px;font-size:12px;padding:16px;border-radius:10px}.exchangeDetailSecondary{font-size:14px}.undianExchangeInput{height:50px;width:calc(100% - 120px);margin:0 10px}.ueInputIcon{font-size:30px;height:50px;width:50px}.undianExchangeItem{margin:20px 0}.undianExchangeItem:first-child{margin:60px 0 0}.undianExchangeItem:nth-child(2){margin:10px 0 20px}.undianEIInput{display:flex;width:100%;flex-wrap:wrap}.undianEIItem{padding:20px 0}.undianExchangeLarge{font-size:16px}.undianExchangeMedium{font-size:14px}.undianExchangeSmall{font-size:12px}.undianExchangeFloating{height:50px}.undianEIExchange{font-weight:500}@media (min-width: 950px){.undianExchangeComponent{width:60%!important}.undianExchangeCard{height:190px;margin-top:0;padding:30px 40px;border-radius:20px}.undianExchangeDesc{top:90%;font-size:16px;height:96px;padding:20px;border-radius:20px}.exchangeDetailSecondary{font-size:16px}.undianExchangeInput{width:calc(100% - 368px)}.ueInputIcon{width:174px}.undianExchangeItem{margin:30px 0}.undianExchangeItem:first-child{margin:80px 0 0}.undianExchangeItem:nth-child(2){margin:10px 0 30px}.undianEIItem{padding:30px 0}.undianDetailFloating{padding:40px 0}.undianExchangeLarge{font-size:24px}.undianExchangeMedium,.undianExchangeSmall{font-size:16px}}.chat-agent-page{padding-bottom:100px}.fixed-footer{position:fixed;bottom:0;left:0;width:100%;background-color:#fff;box-shadow:0 -2px 5px #0000001a}textarea::placeholder{padding-top:7px}textarea:focus::placeholder{color:transparent}.round-button{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}@media (min-width: 768px){#notification-page .responsive-notification{align-self:center;width:60%!important}}.container{background-color:"#FFF";flex:1}.container.content-loading{flex:1;margin-top:20px;display:flex;justify-content:center;align-items:center}@media (min-width: 768px){.responsive-product-tagging{align-self:center;width:60%!important}}.voucherKonsumenComponent{padding:20px}.voucherKonsumenContainer{margin-bottom:20px}.voucherKonsumenCard{position:relative;height:120px;background:url(/images/bg-point.png);background-size:100% 100%;justify-content:"center"}.voucherKonsumenTitle{font-size:18px}.voucherKonsumenSecondary{font-size:30px}.voucherKonsumenIcon{width:36px;height:36px}.exhangeVoucherContainer{padding:0 10px}@media (min-width: 950px){.voucherKonsumenComponent{max-width:864px;padding:40px 0 0}.voucherKonsumenContainer{margin-bottom:40px}.voucherKonsumenCard{height:193px}.voucherKonsumenTitle{font-size:24px}.voucherKonsumenSecondary{font-size:42px}.voucherKonsumenIcon{width:68px;height:68px}}.promotionContainer{max-width:864px;height:100%;padding:0;display:flex;flex:1;flex-direction:column;justify-content:flex-start;align-items:center;background-color:#fff}@media only screen and (min-width: 769px){.promotionContainer{overflow-y:scroll;height:auto}}.promotionInfoWrapper{display:flex;flex:auto;width:100%;max-width:864px;position:relative;background-color:#fff}.promotionInfoWrapper:before{display:block;content:"";width:100%;padding-top:22.337962963%}.promotionInfoWrapper>.promotionInfoBgImage{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:10px;padding:12px 14px}.promotionInfoTitle{font-size:18px;line-height:27px}.promotionTerms{font-size:12px;width:100%;max-width:188px}@media only screen and (min-width: 769px){.promotionTerms{font-size:16px;max-width:456px}}.promotionCount{font-size:30px;line-height:45px}.warningTextContainer{width:100%;margin:20px 0}.warningTextContainer .warningTextWrapper{width:100%;height:46px;border-radius:10px}.warningTextContainer .warningTextWrapper .warningTextPromo{font-size:14px;line-height:18px}.btnCreatePromosContainer{width:100%;height:87px;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:16px;gap:24px}.btnCreatePromosContainer .btnCreatePromoWrapper{width:100%;max-width:422px;height:100%;display:flex;flex:auto;position:relative}.btnCreatePromosContainer .btnCreatePromoWrapper:before{display:block;content:"";width:100%;padding-top:32.2274881517%}.btnCreatePromosContainer .btnCreatePromoWrapper>.btnCreatePromo{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:10px;border:none;outline:none}.btnCreatePromosContainer .btnCreatePromoWrapper>.btnCreatePromo:active{transform:scale(.95);transition:.5s all ease}.textBtn{font-size:14px;line-height:21px}.iconCreatePromo{width:19px}.separatorLine{height:1px;width:100%}.upperContent{height:50%;position:sticky;top:0;z-index:10}@media only screen and (min-width: 769px){.upperContent{position:relative;height:100%}}.listContent{margin:20px 0;padding:0 20px;height:100%;overflow-y:scroll}@media only screen and (min-width: 950px){.listContent{margin:30px 0;padding:0;overflow:hidden}}.cardPromotionBody{padding:20px 20px 6px}@media only screen and (min-width: 769px){.cardPromotionBody{padding:0}}.cardPromotionFooter{border:none;padding:6px 20px 20px}@media only screen and (min-width: 769px){.cardPromotionFooter{padding:0}}.modalContentDeletePromotion{width:auto!important}.modalBodyDeletePromotion{width:100%;max-width:440px;padding:30px 20px}@media only screen and (min-width: 769px){.modalBodyDeletePromotion{padding:30px 40px}}@media only screen and (min-width: 300px) and (max-width: 612px){.promotionInfoWrapper .promotionInfoBgImage{height:135%;margin:16px 20px}.warningTextContainer{padding:0 20px;margin-top:68px}}@media only screen and (min-width: 613px) and (max-width: 768px){.promotionInfoWrapper{max-height:120px}.promotionInfoWrapper .promotionInfoBgImage{height:100%;margin:20px}.warningTextContainer{padding:0 20px;margin-top:32px}}@media only screen and (max-width: 768px){.promotionContainer{gap:20px}.btnCreatePromosContainer{padding:0 20px}.btnCreatePromoWrapper{max-height:87px}.btnCreatePromoWrapper .btnCreatePromo{height:100%}.hideContentLg{display:none}}@media only screen and (min-width: 769px){.promotionInfoWrapper{margin:16px 0;max-height:193px}.promotionInfoWrapper .promotionInfoBgImage{height:100%}.promotionInfoTitle{font-size:24px;line-height:36px}.promotionCount{font-size:42px;line-height:63px}.btnCreatePromosContainer{margin:20px 0;height:136px}.btnCreatePromosContainer .btnCreatePromoWrapper{max-height:136px}.textBtn{font-size:20px;line-height:30px}.iconCreatePromo{width:39px}.separatorLine{width:100%;margin-top:16px}.hideContentSm{display:none}.cardContentLg{display:flex;flex-direction:row;gap:20px;justify-content:flex-start;align-items:center;padding:20px}.cardContentLayout{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:20px}.cardContentLayout .card-body,.cardContentLayout .card-footer{padding:0}.cardContentLayout .card-footer{width:100%}}#create-promotion-page{padding:0 20px}.createPromotionPage{width:100%}@media only screen and (min-width: 950px){.createPromotionPage{max-width:60%}}.inputPromotion::placeholder,.inputSelect::placeholder{color:#aaa;font-size:14px;font-style:normal;font-weight:400;line-height:30px}.inputPromotion::-moz-placeholder,.inputSelect::-moz-placeholder{color:#aaa;font-size:14px;font-style:normal;font-weight:400;line-height:30px}.inputPromotion::-webkit-input-placeholder,.inputSelect::-webkit-input-placeholder{color:#aaa;font-size:14px;font-style:normal;font-weight:400;line-height:30px}.label-promotion{font-size:9pt!important}.container-promotion{min-height:100%}.radiogrup{display:grid;-webkit-appearance:none;-moz-appearance:none;appearance:none;place-content:center;border:1px solid #ED1C24;border-radius:50%;width:20px;height:20px;background-color:#fff}.radiogrup:checked{background-color:#fff;border-color:#ed1c24;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-3 -3 6 6'%3E%3Ccircle r='2' fill='%23ED1C24'/%3E%3C/svg%3E")}.dropdownWrapper{width:100%;height:100%;display:flex;flex-direction:column;position:absolute;top:60px;left:0;opacity:1!important;background-color:#fff;box-shadow:4px 8px 12px #0000001a;z-index:99}.dropdownContainer{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;border-radius:10px;background-color:#fff;opacity:1!important}.optionItem{width:100%;height:50px;display:flex;justify-content:flex-start;align-items:center;padding:10px 20px;cursor:pointer;background-color:#fff;font-size:14px;color:#333}.optionItem:hover{background-color:#f3f3f3;transition:all .3s}#edit-promotion-page{padding:0 20px}.editPromotionPage{width:100%}@media only screen and (min-width: 950px){.editPromotionPage{max-width:60%}}.formContainer{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:20px;margin:20px 0}@media only screen and (min-width: 768px){.formContainer{margin:40px 0}}.inputPromotion{width:100%;margin:0;border:none;outline:none;color:#333!important;font-size:14px;font-style:normal;font-weight:400;line-height:30px}.inputStyle{height:50px;border:1px solid #aaa;border-radius:10px;background:#fff;padding:10px 20px}.inputDateStyle,.inputTextareaStyle{border:1px solid #aaa!important;border-radius:10px!important;background:#fff;padding:10px 20px!important}.inputPromotion::placeholder{color:#aaa;font-size:14px;font-style:normal;font-weight:400;line-height:30px}.inputPromotion::-moz-placeholder{color:#aaa;font-size:14px;font-style:normal;font-weight:400;line-height:30px}.inputPromotion::-webkit-input-placeholder{color:#aaa;font-size:14px;font-style:normal;font-weight:400;line-height:30px}.customableFileUpload{text-align:center}.customableFileUpload input[type=file]{display:none}.customableFileUpload--label{height:118px;width:118px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #aaaaaa;border-radius:10px;background-color:#fff}@media only screen and (min-width: 768px){.customableFileUpload--label{height:150px;width:150px}}.customableFileUpload--icon{width:47px;height:47px}@media only screen and (min-width: 768px){.customableFileUpload--icon{height:60px;width:60px}}.customSelect{height:50px;font-size:14px;color:#333;padding:10px 20px;border-radius:10px;border:1px solid #aaa;background-color:#fff;outline:none!important}.customSelect:active{border-color:transparent;border:none;outline:none!important}.customSelect:focus{border-color:transparent;outline:none!important}option[disabled]{color:#999}.statusPromotionContainer{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;border-bottom:1px solid #D9D9D9;padding-bottom:30px;gap:5px}.statusPromotionContainer .statusPromotionDropdown{width:100%;max-width:440px}@media only screen and (min-width: 768px){.statusPromotionContainer{flex-direction:row;justify-content:space-between;align-items:center}.statusPromotionContainer .statusPromotionDropdown{max-width:265px}}.infoboardDetailComponent{width:100%;padding:0 20px}@media only screen and (min-width: 950px){.infoboardDetailComponent{max-width:60%}}.bannerImageWrapper{position:relative;width:100%}.bannerImageWrapper:before{display:block;content:"";width:100%;padding-top:48.7179487179%}.bannerImageWrapper>.bannerImage{width:100%;position:absolute;top:0;right:0;bottom:0;left:0}.shareBannerBtn{display:flex;justify-content:center;align-items:center;gap:5px;border:none;border-radius:10px;padding:14px 20px}.reportBannerBtn{width:150px;display:flex;justify-content:center;align-items:center;gap:8px;border:none;border-radius:30px;padding:0;font-size:16px;font-weight:600;position:absolute;bottom:-15px;right:0}.shareBannerComponent{width:100%;padding:0 20px}@media only screen and (min-width: 950px){.shareBannerComponent{max-width:60%}}.shareBannerWrapper{position:relative;height:100%;width:100%;max-width:442px}.shareBannerWrapper:before{display:block;content:"";width:100%;padding-top:54.0816326531%}.shareBannerWrapper>.shareBannerImage{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px}.shareBannerButton{width:100%;padding:40px 0}.shareBannerButton:hover{transform:scale(1.025);transition:all .3s ease}.shareBannerButton:active{transform:scale(1);transition:all .3s ease}.obrolanComponent{width:100%;max-width:864px}.searchChatCustomerWrapper{display:flex;flex-direction:row;align-items:center;gap:20px;padding-bottom:20px;margin-top:15px;border-bottom:1px solid #D9D9D9}@media only screen and (min-width: 768px){.searchChatCustomerWrapper{padding-bottom:30px;margin-top:30px}}.inputSearchChatCustomer{border-radius:10px;box-shadow:none;padding:14px 20px;border:1px solid #aaa}.chatListEmptyText{display:flex;justify-content:center;align-items:center;color:#aaa;font-size:14px;font-weight:400;margin:15px 0}@media only screen and (min-width: 768px){.chatListEmptyText{font-size:16px}}.itemChatCustomer{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid #D9D9D9;cursor:pointer}@media only screen and (min-width: 768px){.itemChatCustomer{padding:30px 0}}.itemChatCustomer .avatarChatCustomer{display:flex;justify-content:center;align-items:center;width:50px;height:50px;border-radius:50%;box-shadow:0 0 8px #0003;text-align:center;font-size:16px;font-weight:700}.itemChatCustomer .infoChatCustomer{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:5px}.itemChatCustomer .infoChatCustomer .usernameWrapper{display:flex;justify-content:flex-start;align-items:center;gap:8px;max-width:225px}@media only screen and (min-width: 768px){.itemChatCustomer .infoChatCustomer .usernameWrapper{max-width:350px}}.itemChatCustomer .infoChatCustomer .usernameCustomer{color:#333;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}@media only screen and (min-width: 768px){.itemChatCustomer .infoChatCustomer .usernameCustomer{max-width:350px}}.itemChatCustomer .infoChatCustomer .lastMessageCustomer{width:100%;max-width:225px;color:#919191;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-style:normal;font-weight:400}@media only screen and (min-width: 768px){.itemChatCustomer .infoChatCustomer .lastMessageCustomer{max-width:350px}}.itemChatCustomer .dateCounterChatCustomer{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;gap:5px}.itemChatCustomer .dateCounterChatCustomer .unreadCount{display:flex;justify-content:center;align-items:center;width:20px;height:20px;border-radius:50%;color:#fff;background-color:#ed1c24}.avatarChatCustomer{display:flex;justify-content:center;align-items:center;max-width:50px;height:50px;border-radius:50%;box-shadow:0 0 8px #0003;text-align:center;font-size:16px;font-weight:700}.nameChatCustomer{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}@media only screen and (min-width: 768px){.nameChatCustomer{max-width:400px}}.langgananTag{background-color:#fff;color:#ed1c24;border-radius:100px;padding:4px 8px;max-width:97px}.roundCamButton{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}@media only screen and (min-width: 1200px){.modal-camera{width:50%}}.classContainerUploadSheet{border-top-left-radius:8px;border-top-right-radius:8px;box-shadow:#0000004d 0 -2px 16px}.btnSeeDetailPromotion{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;border:none;border-radius:5px;padding:6px 0;margin-top:6px}.btnSeeDetailPromotion .labelBtnSeeDetailPromotion{font-size:14px;font-weight:600}.undianTNCComponent{padding:0}.undianTNCContent{background-color:#fff;padding:20px}.undianTNCTextLarge{font-size:16px;margin-bottom:20px}.undianTNCTextMedium{font-size:14px}@media (min-width: 950px){.undianTNCContainer{background-color:#fff}.undianTNCComponent{width:60%!important;background-color:#fff}.undianTNCContent{padding:40px 0}.undianTNCTextLarge{font-size:20px;margin-bottom:30px}.undianTNCTextMedium{font-size:16px}}.reportBannerPage{width:100%;padding:0 20px}@media only screen and (min-width: 950px){.reportBannerPage{max-width:60%}}.inputTextLainnya{width:100%;margin:0;color:#333!important;font-size:14px;font-style:normal;font-weight:400;line-height:30px;outline:none;border:1px solid #aaa;border-radius:10px;background:#fff;padding:10px 20px}.inputTextLainnya::placeholder{color:#aaa;font-size:14px;font-style:normal;font-weight:400;line-height:30px}.inputTextLainnya::-moz-placeholder{color:#aaa;font-size:14px;font-style:normal;font-weight:400;line-height:30px}.inputTextLainnya::-webkit-input-placeholder{color:#aaa;font-size:14px;font-style:normal;font-weight:400;line-height:30px}.reportButtonsWrapper{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;position:fixed;bottom:0;left:0;right:0;padding:20px;border-top:1px solid #D9D9D9}@media only screen and (min-width: 950px){.reportButtonsWrapper{max-width:60%}}.reportSubmitBtn{width:50%;font-size:16px;font-weight:600;text-align:center;padding:14px 20px}.reportSubmitBtn:hover{transform:scale(1.025);transition:all .3s ease}.reportSubmitBtn:active{transform:scale(1);transition:all .3s ease}#registrasi-iqos-page #content-lead-wrapper::-webkit-scrollbar{display:none}#registrasi-iqos-page .btnAddFloating{position:fixed;bottom:0;left:0;right:0;z-index:2;box-shadow:0 -4px 10px #00000026}#registrasi-iqos-page .btnAddComponent{padding:0}#registrasi-iqos-page .addBtn{height:50px;padding:0 15px;margin:20px 30px;width:calc(100% - 60px)}#registrasi-iqos-page .proses{width:65px;height:30px;background-color:#f3f3f3;border-radius:8px;text-align:center;display:flex;justify-content:center;font-size:11;color:#666;font-size:11px;font-style:normal;font-weight:600;line-height:30px;padding:0 8px;gap:10px;flex-direction:column;align-items:flex-end}#registrasi-iqos-page .terdaftar{width:65px;height:30px;background-color:#e5f7f0;border-radius:8px;text-align:center;display:flex;justify-content:center;font-size:11;color:#00ab66;font-size:11px;font-style:normal;font-weight:600;line-height:30px;padding:0 8px;gap:10px;flex-direction:column;align-items:flex-end}#registrasi-iqos-page .containerStatus{border-radius:10px;padding:15px;background-color:#fff;margin:0 auto;width:60%}#registrasi-iqos-page .subtitle-status{margin-bottom:20px;font-weight:700;font-size:20px}#registrasi-iqos-page .name{margin:0;padding:0;font-size:14px;font-weight:500;line-height:30px}#registrasi-iqos-page .phone{font-size:12px;margin:0;padding:0;font-weight:400;line-height:30px}#registrasi-iqos-page .iconCopy{width:20px;object-fit:contain;padding:0;margin:0}#registrasi-iqos-page .containerList{display:flex;justify-content:space-between;align-items:center}#registrasi-iqos-page .containerPhone{display:flex;align-items:left;padding:0;margin:0;background-color:transparent}@media (max-width: 600px){#registrasi-iqos-page .name{font-size:12px}#registrasi-iqos-page .phone{font-size:10px}#registrasi-iqos-page .iconCopy{width:15px}#registrasi-iqos-page .containerStatus{width:90%}}@media (min-width: 950px){#registrasi-iqos-page .btnAddFloating{text-align:center}#registrasi-iqos-page .btnAddComponent{width:60%;align-self:center}}.instruction{margin:15px 15px 24px;font-size:12px}.addLeadFloating{position:fixed;bottom:0;left:0;right:0;z-index:2;box-shadow:0 -4px 10px #00000026}.addContainer{gap:24px;margin:0 15px}.addLeadComponent{padding:0}.addLeadBtn{height:50px;padding:0 15px;margin:20px 30px;width:calc(100% - 60px)}.containerName{display:flex;padding:8px 20px;align-items:center;gap:10px;align-self:stretch;border-radius:10px;background:#fff}.containerPhone{display:flex;padding:6px 9px 6px 12px;align-items:center;gap:9px;align-self:stretch;border-radius:10px;background:#fff;color:#000}.countryCode{color:#aaa;font-weight:400;line-height:30px}.vline{width:1px;height:23px;background:#aaa}.containerStatement{display:flex;padding:0 15px;align-items:flex-start;gap:8px;align-self:stretch;font-size:12px}.statement{margin:0}.btnLihat{border:none;color:#cd0005;padding:0}@media (min-width: 950px){.addLeadFloating{text-align:center}.addLeadComponent{width:60%;align-self:center}}#root{font-family:Poppins,Montserrat,Open Sans,Roboto,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;height:100dvh;scroll-behavior:smooth;letter-spacing:-.3pt;font-size:14px}body{font-family:Poppins,Montserrat,Open Sans,Roboto,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;letter-spacing:-.3pt;scroll-behavior:smooth;margin:auto}.container-page{height:93dvh}p,label{letter-spacing:-.3pt}.width-mobile{background-color:#eee}.hide-scrollbar::-webkit-scrollbar{scrollbar-width:none;-ms-overflow-style:none;display:none}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(90,90,90,.626)}.modal-list-language .modal-content{max-height:90dvh}.form-control:focus{border-color:transparent;box-shadow:0 0 0 .2rem transparent}.input-text-card{border-radius:14px}.input-text-card-disabled{background-color:var(--bs-secondary-bg)!important}::placeholder{color:red;opacity:1}::-ms-input-placeholder{color:red}.modal-alert-content{border-radius:20px;height:100%;max-width:80dvw;width:fit-content;font-family:Poppins,Montserrat,Open Sans,Roboto,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}.modal-backdrop-transparent{background-color:#0000!important}.modal-alert-content-with-text{max-height:50dvh}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=checkbox]{accent-color:red}.form-check-input{border-color:#dc1e2d}.form-check-input:focus{border-color:#dc1e2d;outline:0;box-shadow:0 0 0 .25rem #fd0d0d40}.form-check-input:checked{background-color:#dc1e2d!important;border:0}.clickable-without-feedback{cursor:pointer}.fs-7{font-size:.875rem}.fs-8{font-size:.75rem}.fs-9{font-size:.625rem}.fs-10{font-size:.5rem}.fs-small{font-size:small}.fs-smaller{font-size:smaller}.rounded-3-5{border-radius:10px}.cursor-pointer{cursor:pointer!important}.flex-0{flex:0}.centered-shadow{box-shadow:0 2px 4px #0000001a,0 1px 6px #0000001a!important}.custom-button-light{color:#333!important;border-color:#ddd!important;background-color:#fff!important}.custom-button-light:hover{color:#333!important;border-color:#ddd!important;background-color:#ddd!important}#top-bar .appbar-component .button-back-responsive{position:relative}@media (min-width: 768px){#top-bar .appbar-component .button-back-responsive{position:absolute}}#top-bar .appbar-component .search-bar-responsive{justify-content:center}#top-bar .appbar-component .search-bar-responsive .search-bar-button{width:100%}@media (min-width: 768px){#top-bar .appbar-component .search-bar-responsive .search-bar-button{width:50%}}@media (min-width: 768px){#top-bar .appbar-component .search-bar-responsive{align-items:center}}#top-bar .appbar-component .button-back,#top-bar .appbar-component .button-search{background-color:transparent;border:none}#top-bar .appbar-component .input-search::placeholder{color:#969696}#top-bar .appbar-component .responsive-input-search{height:40px}@media (min-width: 600px){#top-bar .appbar-component .responsive-input-search{height:100%!important}}#top-bar .image-bude{height:40px;width:40px}@media (min-width: 600px){#top-bar .image-bude{height:40px;width:40px}}#top-bar .logo-img{height:40px;margin-left:auto;margin-right:auto}@media (min-width: 600px){#top-bar .logo-img{height:50px}}#top-bar .logo-bude{right:10px}.form-check-input,.form-check-label{cursor:pointer!important}.shadowCard{box-shadow:0 0 10px #00000026}
