@import url(https://fonts.googleapis.com/css2?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);@font-face{font-family:"loew-bold";src:url(/static/media/Loew-Bold.a0143a29.otf) format("opentype")}@font-face{font-family:"leow-extrabold";src:url(/static/media/Loew-ExtraBold.618cd18c.otf) format("opentype")}@font-face{font-family:"loew-heavy-italic";src:url(/static/media/Loew-HeavyItalic.3ef7e208.otf) format("opentype")}@font-face{font-family:"loew-regular";src:url(/static/media/Loew-Regular.86a93f70.otf) format("opentype"),url(/static/media/Loew-Regular.86a93f70.otf) format("woff"),url(/static/media/Loew-Regular.86a93f70.otf) format("truetype")}#body{height:100%}.white-space-container{height:1028px;box-shadow:0 -6px 14px rgba(0,0,0,.04)}.white-space-container,.white-space-container-mobile{width:100%;background:#fff;border-radius:20px;z-index:-1;left:0}.white-space-container-mobile{top:354px;padding-bottom:50px}.body-layout{margin-bottom:80px}@media only screen and (max-width:574px){#body{padding:0}.white-space-container-mobile{display:block}}.bottom_bar{overflow:hidden;bottom:0;width:100%;position:fixed;background:#fff;box-shadow:0 7px 30px -4px rgba(0,0,0,.25);z-index:1031;padding:16px 0}.bottom_bar img{height:26px}.list-product{margin-top:15px}@media(max-width:574px){.list-product{margin-top:0;padding:5px 20px 10px}}.list-product__data{grid-column-gap:63px;column-gap:63px;flex-wrap:wrap;display:inline-flex}@media(max-width:990px){.list-product__data{grid-column-gap:39px;column-gap:39px}}@media(max-width:768px){.list-product__data{grid-column-gap:0;column-gap:0}}.list-product__title{width:339px;padding-top:29px;font-family:Roboto;font-style:normal;font-weight:700;font-size:28px;line-height:33px;color:#f60}@media(max-width:574px){.list-product__title{font-weight:700;font-size:13px;line-height:15px;padding-top:0}}.list-product__box{width:338px;height:107px;background:#f6f7fc;box-shadow:0 4px 6px 2px rgba(0,0,0,.04);border-radius:7px;margin-bottom:30px}@media(max-width:1200px){.list-product__box{width:445px}}@media(max-width:991px){.list-product__box{width:340px}}@media(max-width:768px){.list-product__box{width:100%}}@media(max-width:574px){.list-product__box{width:100%}}.list-product__box:hover{background-color:#e6eaf8}.list-product__image{border-radius:6px}.list-product__desc{padding-left:17px;padding-top:7px}.detail-product__photo-product .list-product__desc .all,.list-product__desc .detail-product__photo-product .all,.list-product__desc .title{font-family:Roboto;font-style:normal;font-weight:500;font-size:18px;line-height:21px;color:#000}.list-product__desc .price{font-family:Roboto;font-style:normal;font-weight:400;font-size:14px;line-height:16px;color:#f60}.list-product__desc .icon-company{padding-left:17px;bottom:5px}.list-product__desc .icon-company .name-company{font-family:Roboto;font-style:normal;font-weight:500;font-size:13px;line-height:15px;padding-left:7px;color:#d2d2d2}br{content:"";display:block;height:5px}.detail-product{margin:0 50px}.detail-product__title .detail-product__img{height:489px;background-repeat:no-repeat!important;background-position:50%!important;border:1px solid #e0e0e0;border-radius:12px}.detail-product .image-product img{width:100%}.detail-product .title-description{font-weight:600!important}.detail-product .star-icon-mobile{display:none}.detail-product .buttons .btn-block{border:1px solid #f60;padding:10px 0;font-weight:600;font-size:20px;color:#f60}.detail-product .buttons .btn-block.btn-keranjang{background-color:#f60;color:#fff}.detail-product .desc-mobile,.detail-product .fp-mobile{display:none}.detail-product__notice{width:100%;height:32px;background:#ffe9ce;border-radius:5px;margin-bottom:15px}@media(max-width:991px){.detail-product__notice span{font-size:13px}}.detail-product__toprated{width:22px;height:22px;background-size:22px;margin-right:11px;background-position:50%!important;background-repeat:no-repeat!important}.detail-product .terlaris{font-size:13px}.detail-product__chat{width:80px;height:45px;border:1px solid #f60;box-sizing:border-box;border-radius:8px}.detail-product__chat .icon{width:25.76px;height:24.82px;background:url(/static/media/icon-chat.2fd3e60f.svg)}.detail-product__transaction{height:45px;border:1px solid #f60;box-sizing:border-box;border-radius:8px}.detail-product__photo-product .detail-product__transaction .all,.detail-product__transaction .detail-product__photo-product .all,.detail-product__transaction .title{font-family:Roboto;font-style:normal;font-weight:500;font-size:19px;line-height:22px;color:#f60}@media(max-width:991px){.detail-product__photo-product .detail-product__transaction .all,.detail-product__transaction .detail-product__photo-product .all,.detail-product__transaction .title{font-size:15px}}.detail-product__cart{height:45px;background:#f60;border-radius:8px}.detail-product__cart .detail-product__photo-product .all,.detail-product__cart .title,.detail-product__photo-product .detail-product__cart .all{font-family:Roboto;font-style:normal;font-weight:500;font-size:19px;line-height:22px;color:#fff}@media(max-width:991px){.detail-product__cart .detail-product__photo-product .all,.detail-product__cart .title,.detail-product__photo-product .detail-product__cart .all{font-size:15px}}.detail-product__medsos{display:inline-flex;grid-column-gap:18px;column-gap:18px;margin-top:10px}@media(max-width:1200px){.detail-product__medsos{grid-column-gap:22px;column-gap:22px}}@media(max-width:991px){.detail-product__medsos{grid-column-gap:16px;column-gap:16px}}@media(max-width:768px){.detail-product__medsos{grid-column-gap:17px;column-gap:17px}}.detail-product__medsos .box{width:182px;height:53px;background:#fefefe;box-shadow:0 4px 5px rgba(0,0,0,.04);border-radius:6px}.detail-product__medsos .box p{font-family:Roboto;font-style:normal;font-weight:500;font-size:22px;line-height:26px;color:#f60}@media(max-width:991px){.detail-product__medsos .box p{font-size:15px}}.detail-product__chart{margin-top:10px;width:100%;margin-bottom:20px;background:#fefefe;box-shadow:0 4px 8px rgba(0,0,0,.04);border-radius:15px}.detail-product__title{padding-top:17px;font-family:Roboto;font-style:normal;font-weight:500;font-size:30px;line-height:30px;color:#000}@media(max-width:991px){.detail-product__title{font-size:15px}}.detail-product__detail{font-family:Roboto;font-style:normal;font-weight:500;font-size:17px;line-height:23px;margin-top:5px;color:#d2d2d2}.detail-product__price{font-size:22px;line-height:32px;color:#f60}.detail-product__available,.detail-product__price{font-family:Roboto;font-style:normal;font-weight:700}.detail-product__available{width:103px;height:24.17px;background:#f60;border-radius:10px;font-size:16px;right:0!important;bottom:0!important;color:#fff}.detail-product__desc .detail-product__photo-product .all,.detail-product__desc .title,.detail-product__photo-product .detail-product__desc .all{font-family:Roboto;font-style:normal;font-weight:400;font-size:18px;line-height:34px;margin-top:20px;color:#000}.detail-product__desc .all{font-family:Roboto;font-style:normal;font-weight:400;font-size:14px;line-height:34px;margin-top:20px;color:#000}.detail-product__photo-product{padding-top:20px}.detail-product__photo-product .all,.detail-product__photo-product .title{font-family:Roboto;font-style:normal;font-weight:500;font-size:18px;line-height:34px;color:#000}.detail-product__photo-product .img .child{width:166px;height:158px;filter:drop-shadow(0 4px 7px rgba(0,0,0,.08));border-radius:8px}@media(max-width:574px){.detail-product{padding:0 20px;margin:0}.detail-product .row-product{margin:0}}@media(max-width:860px){.detail-product .row-product{display:block}.detail-product .row-product .col-detail-product{padding:0}.detail-product .row-product .col-md-6{max-width:100%}.detail-product .row-product .col-md-6.col-info-product{padding:0}.detail-product .row-product .col-md-6 .detail-product__title{font-size:20px;line-height:27px}.detail-product .row-product .col-md-6 .detail-product__detail{margin-bottom:16px;margin-top:5px;font-size:14px}.detail-product .row-product .col-md-6 .detail-product__chart,.detail-product .row-product .col-md-6 .star-icon-web{display:none}.detail-product .row-product .col-md-6 .star-icon-mobile{display:inline-block}.detail-product .desc-web,.detail-product .fp-web{display:none}.detail-product .desc-mobile,.detail-product .fp-mobile,.detail-product .row-detail-product{display:block}.detail-product .buttons .col-2,.detail-product .buttons .col-2 a{padding:5px}.detail-product .buttons .col-2 a img{width:20px;padding:0}.detail-product .buttons .col-5{padding:5px}.detail-product .buttons .col-5 a{font-size:14px}}.button-back__icon{width:13px;height:19px;background-size:14px;background-image:url(/static/media/icon-arrowback.28f98ca1.svg)}.button-back__title{font-family:Roboto;font-style:normal;font-weight:700;font-size:27px;line-height:32px;color:#000}@media(max-width:500px){.button-back span{font-size:20px}}body{font-family:Roboto}.form-check-input{margin-top:0}.dp-header .icon{font-family:"loew-heavy-italic";font-size:28px;font-style:italic;font-weight:800;line-height:42px;letter-spacing:0;text-align:left}.dp-header .navbar{margin:15px 32px;padding:0}.dp-header .navbar .navbar-brand img{width:188px}.dp-header .list{width:60px;height:25px;font-family:"roboto";font-style:normal;font-weight:500;font-size:21px;line-height:25px;padding:0 70px 0 0!important;color:#000}.dp-header .profile_icon{width:62px;height:62px;background:#c4c4c4;border-radius:50%}.notif{display:flex;align-items:flex-end}.notif img{height:22px}.notif img.icon-small{height:20px}.notif img:first-child{margin-right:8px}@media(max-width:1100px){.dp-header .list{padding:0 30px 0 0!important}}@media only screen and (max-width:574px){.dp-header .icon{font-size:15px;line-height:22px}.dp-header .navbar{margin:15px 32px;padding:0}.dp-header .navbar .navbar-brand img{width:121px}.dp-header .bell-icon{width:20.31px;height:20.31px;background-size:20.31px;background-image:url(/static/media/icon-bell.ae417e9d.svg)}}.form-input label{font-size:16px}.form-input .input input{font-size:16px}.form-input .input input,.form-input .input input:focus,.form-input .select select{border-bottom:2px solid #bebebe}.form-input .select select{font-size:16px}.form-input .select select:focus{border-bottom:2px solid #bebebe}.input2 input,.input.input-md input{font-size:16px}.input2 input{border:2px solid #bebebe}.input2 .input-invalid{font-size:12px}@media(max-width:740px){.form-input label{font-size:14px}.form-input .input{width:100%}.form-input .input input{font-size:14px;width:100%;border:none;border-bottom:2px solid #bebebe}.form-input .input input:focus{outline:none;border:none;border-bottom:2px solid #bebebe}.form-input .select{width:100%}.form-input .select select{font-size:14px;width:100%;border:none;border-bottom:2px solid #bebebe;color:#d2d2d2}.form-input .select select:focus{outline:none;border:none;border-bottom:2px solid #bebebe}}a.navbar-brand{white-space:normal;text-align:center;word-break:break-all}html{font-size:14px}@media (min-width:768px){html{font-size:16px}}.box-shadow{box-shadow:0 .25rem .75rem rgba(0,0,0,.05)}.login{overflow-x:hidden;margin-bottom:-80px}.login .login-content{width:100vw;height:99vh}.login .login-content img{height:100vh;width:100%}.login .login-content .right{margin:auto 0}.login .login-content .right .image-login{display:none}.login .login-content .right a.lupa-sandi{font-size:13px;cursor:pointer}.login .login-content .right h1{font-size:80px;font-weight:700;margin-bottom:0}.login .login-content .right .tagline{font-size:18px}.login .login-content .right .buttons{width:100%}.login .login-content .right .buttons button{background:none!important}.login .login-content .right .buttons .btn-gradient{background:#f6fa87;background:-webkit-gradient(left top,right top,color-stop(0,#f6fa87),color-stop(100%,#f60));background:linear-gradient(90deg,#f6fa87 0,#f60);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6fa87",endColorstr="#ff6600",GradientType=1);border-radius:50px;width:215px;font-weight:600;font-size:28px}.login .login-content .right .buttons .buat-akun-mobile{display:none}.login .login-content .right .buttons .icon-social{width:60px;height:60px;cursor:pointer}.login .login-content .belum-punya-akun p.text-secondary{font-size:13px}.login .login-content .belum-punya-akun p span a{color:#f60}@media screen and (max-width:320px){.login-content .right h1{font-size:8px}}@media screen and (max-width:850px){.login .login-content{display:block;margin:0}.login .login-content .col-5 img{display:none}.login .login-content .right{margin:0;max-width:100%;padding:0}.login .login-content .right .image-login{display:block}.login .login-content .right .image-login img{height:100%;margin-top:-25px}.login .login-content .right .contents{margin-top:50px;padding:0 30px}.login .login-content .right .contents .belum-punya-akun .buat-akun{display:none}.login .login-content .right .contents h1{font-size:60px}.login .login-content .right .contents .buttons .row{display:block}.login .login-content .right .contents .buttons .btn-gradient{margin:auto}.login .login-content .right .contents .buttons .buat-akun-mobile{display:block;margin-top:18px}.login .login-content .right .contents .buttons .col-sm-6{max-width:100%}.login .login-content .right .contents .buttons .icon-social-media{margin-top:32px}.login .login-content .right .contents .buttons .icon-social-media .icons{justify-content:center}}@media screen and (max-width:1025px){.login .right .buttons .icon-social-media .icons{justify-content:flex-end}}.register .register-content{width:100vw;height:-moz-fit-content;height:fit-content;margin-bottom:-80px}.register .register-content .left{position:relative}.register .register-content .left img{height:100vh;width:100%}.register .register-content .left .masuk{position:absolute;bottom:50px;width:100%;font-size:13px;text-align:center;margin:auto;padding-right:10%}.register .register-content .left .masuk img{width:60px;height:60px;cursor:pointer}.register .register-content .left .photo{position:absolute;width:200px;height:200px;top:15%;right:10%;cursor:pointer;border-radius:20%;object-fit:cover}.register .register-content .right{margin:auto 0}.register .register-content .right .image-container{display:none}.register .register-content .right .syarat-ketentuan-register{font-size:13px;background-color:transparent}.register .register-content .right .buttons{width:100%}.register .register-content .right .buttons .btn-gradient{border:none;background:#f6fa87;background:-webkit-gradient(left top,right top,color-stop(0,#f6fa87),color-stop(100%,#f60));background:linear-gradient(90deg,#f6fa87 0,#f60);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6fa87",endColorstr="#ff6600",GradientType=1);border-radius:50px;width:250px;font-weight:600;font-size:28px;margin:auto}.register .register-content .right .buttons .btn-gradient.disabled{opacity:.7;filter:grayscale(80%);cursor:auto}.register .register-content .right .contents .icon-socials{display:none!important}.register .register-content .right .contents .sudah-punya-akun{display:none}@media(max-width:480px){.register img.photo{height:140px;width:140px;border-radius:20%;object-fit:cover}}@media(max-width:800px){.register .register-content{display:block;margin:0}.register .register-content .left{display:none}.register .register-content .right{max-width:100%;padding:0}.register .register-content .right .image-container{position:relative;display:block;margin-bottom:40px}.register .register-content .right .image-container img.head-image{width:100%;position:relative}.register .register-content .right .image-container .image-wrapper-user{width:100vw;display:flex;justify-content:center}.register .register-content .right .image-container .image-wrapper-user img.photo{position:absolute;bottom:0;margin:auto;z-index:9;border-radius:20%;object-fit:cover}.register .register-content .right .contents{padding:0 30px 50px}.register .register-content .right .contents .icon-socials{margin-top:30px;display:flex!important;margin-bottom:18px}.register .register-content .right .contents .sudah-punya-akun{display:block;text-align:center}.register .register-content .right .contents .sudah-punya-akun a{color:#f60}}.detail-product__photo-product .images .card-image-single{height:200px;overflow:hidden}.detail-product__photo-product .images .card-image-single img{object-fit:cover;cursor:pointer}.detail-product__photo-product .unduh-foto{font-family:Roboto;font-style:normal;font-weight:400;font-size:14px;color:#000}@media(max-width:570px){.detail-product__photo-product .images .card-image-single{height:150px;overflow:hidden}.detail-product__photo-product .images .card-image-single img{object-fit:cover}.detail-product__photo-product .unduh-foto{font-family:Roboto;font-style:normal;font-weight:400;font-size:12px;color:#000}.detail-product__photo-product .title{font-size:16px}}.text-lihat{font-family:Roboto;font-style:normal;font-weight:400;line-height:34px;margin-top:20px;color:#000}.deskripsi-produk,.text-lihat{font-size:14px}@media(max-width:570px){.text-lihat{font-size:12px}.title{font-size:16px!important}}.info-product-component .buttons .button-trans{padding:8px 0}.info-product-component .buttons a{font-size:15px!important}.info-product-component .buttons img{width:20px;height:20px}.info-product-component .buttons .btn-keranjang{display:flex;align-items:center;justify-content:center}.info-product-component .buttons .btn-keranjang .fa-plus{font-size:14px;margin-right:5px}.info-product-component .row-kedua .varian,.info-product-component .variants .select-warna{width:100%;background-color:#f6f7fc;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.info-product-component .row-kedua .input-jumlah{display:flex;align-items:center;border:1px solid #555;border-radius:5px}.info-product-component .row-kedua .input-jumlah span.minus{background-color:#f60;padding:2px 12px;margin-right:0}.info-product-component .row-kedua .input-jumlah span.minus,.info-product-component .row-kedua .input-jumlah span.plus{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;font-family:Roboto;font-style:normal;font-weight:400;font-size:18px;line-height:21px;color:#fff;height:25px;cursor:pointer;z-index:9;width:28px}.info-product-component .row-kedua .input-jumlah span.plus{background-color:#8d68aa;padding:2px 10px;margin-left:0}.info-product-component .row-kedua .input-jumlah input{padding:0 5px;width:100%;border:none}.info-product-component .row-kedua .input-jumlah input:focus{border:none;outline:none}.info-product-component .row-kedua .input-jumlah input::-webkit-inner-spin-button,.info-product-component .row-kedua .input-jumlah input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.info-product-component .row-kedua .input-jumlah input[type=number]{-moz-appearance:textfield}@media(max-width:860px){.info-product-component .row-kedua .input-jumlah{border-radius:5px}.info-product-component .row-kedua .input-jumlah span.minus{background-color:#f60;padding:0 8px;margin-right:0}.info-product-component .row-kedua .input-jumlah span.minus,.info-product-component .row-kedua .input-jumlah span.plus{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;font-family:Roboto;font-style:normal;font-weight:400;font-size:18px;line-height:21px;color:#fff;height:23px;cursor:pointer;z-index:9}.info-product-component .row-kedua .input-jumlah span.plus{background-color:#8d68aa;padding:0 7px;margin-left:0}.info-product-component .row-kedua .input-jumlah input{padding:0 5px;width:100%;border:none}.info-product-component .row-kedua .input-jumlah input:focus{border:none;outline:none}.buttons{margin:0 -5px}.buttons .button-trans{padding:10px 0!important}.produk-terlaris-bawah{display:none!important}}.img-product .row-detail-product{display:flex}.img-product .image-product img{height:440px;width:100%;object-fit:cover}.judul-produk{padding:0 15px}.judul-produk .wrapper-title-outer{align-items:flex-start;margin-bottom:30px}.judul-produk .wrapper-title-outer .title-wrapper .nama-produk{font-family:Roboto;font-style:normal;font-weight:500;font-size:20px;line-height:23px;color:#000}.judul-produk .wrapper-title-outer .title-wrapper .keuntungan-rata-rata{font-family:Roboto;font-style:normal;font-weight:500;font-size:13px;line-height:19px;color:#d2d2d2}.judul-produk .wrapper-title-outer img{width:20px;height:20px}.judul-produk .harga-detail-produk span{font-family:Roboto;font-style:normal;font-weight:700;font-size:20px;line-height:23px;color:#f60}.judul-produk .harga-detail-produk .apakah-tersedia{background:#f60;border-radius:10px;padding:6px 10px;font-family:Roboto;font-style:normal;font-weight:700;font-size:12px;line-height:12px;color:#fff}@media(max-width:860px){.img-product .image-product img{height:100%;width:100%;object-fit:cover;border-radius:5px}.judul-produk{padding:0}.judul-produk .wrapper-title-outer{align-items:flex-start;margin-bottom:20px}}.module-homepage{max-width:900px;margin:25px auto auto}.text-header-modul{font-size:18px;font-weight:500}.text-desc-modul{font-size:14px;font-weight:400;color:#d2d2d2}@media(max-width:570px){.module-homepage{margin-top:15px}.text-header-modul{font-size:14px}.text-desc-modul{font-size:12px;font-weight:400;color:#d2d2d2}}.card-module-header{cursor:pointer;border:none;filter:drop-shadow(0 4px 7px rgba(0,0,0,.11));border-radius:20px}.card-module-header .card-img-top{cursor:pointer;border-top-left-radius:20px;border-top-right-radius:20px;height:100px;object-fit:cover}.card-module-header .card-body{background-color:#fff;border-bottom-left-radius:20px;border-bottom-right-radius:20px;cursor:pointer;padding:10px 15px}.card-module-header .card-body h5{margin-bottom:5px;font-size:18px;color:#202020;height:22px!important;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical}.card-module-header .card-body h5,.card-module-header .card-body p{cursor:pointer;font-family:Roboto;font-style:normal;font-weight:500}.card-module-header .card-body p{font-size:10px;letter-spacing:-.3px;color:#5b5b5b}@media(max-width:570px){.card-module-header{border:none;margin-bottom:10px!important;border-radius:15px}.card-module-header .card-img-top{height:100%;object-fit:fill;border-top-left-radius:15px;border-top-right-radius:15px}.card-module-header .card-body{background-color:#fff;border-bottom-left-radius:15px;border-bottom-right-radius:15px;padding:5px 10px}.card-module-header .card-body h5{margin-bottom:5px;font-family:Roboto;font-style:normal;font-weight:400;font-size:14px;color:#202020}.card-module-header .card-body p{font-family:Roboto;font-style:normal;font-weight:400;font-size:10px;letter-spacing:-.3px;color:#5b5b5b}}.kelas-homepage{max-width:900px;margin:25px auto auto}.text-header-kelas{font-size:18px;font-weight:500}@media(max-width:570px){.kelas-homepage{margin-top:15px}.text-header-kelas{font-size:14px}}.card-kelas-header{cursor:pointer;border:none;filter:drop-shadow(0 4px 7px rgba(0,0,0,.11));border-radius:20px}.card-kelas-header .card-img-top{cursor:pointer;border-top-left-radius:20px;border-top-right-radius:20px;height:100px;object-fit:cover}.card-kelas-header .card-body{background-color:#fff;border-bottom-left-radius:20px;border-bottom-right-radius:20px;cursor:pointer;padding:10px 15px}.card-kelas-header .card-body h5{margin-bottom:5px;font-size:18px;color:#202020;height:22px!important;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical}.card-kelas-header .card-body h5,.card-kelas-header .card-body p{cursor:pointer;font-family:Roboto;font-style:normal;font-weight:500}.card-kelas-header .card-body p{font-size:10px;letter-spacing:-.3px;color:#5b5b5b}@media(max-width:570px){.card-kelas-header{border:none;border-radius:15px}.card-kelas-header .card-img-top{height:100%;object-fit:fill;border-top-left-radius:15px;border-top-right-radius:15px}.card-kelas-header .card-body{background-color:#fff;border-bottom-left-radius:15px;border-bottom-right-radius:15px;padding:5px 10px}.card-kelas-header .card-body h5{margin-bottom:5px;font-family:Roboto;font-style:normal;font-weight:400;font-size:14px;color:#202020}.card-kelas-header .card-body p{font-family:Roboto;font-style:normal;font-weight:400;font-size:10px;letter-spacing:-.3px;color:#5b5b5b}}.loading-component{height:80vh;display:flex;align-items:center;justify-content:center;font-family:"Roboto"}.loading-component h2{font-size:16px;margin-top:5px}.search_box{position:relative;margin-bottom:25px}.search_box .search_wrapper{background-color:#fff;padding:7px 16px;border-radius:99px!important;box-shadow:0 4px 12px rgba(0,0,0,.04)}.search_box .search_wrapper .input-search{flex:auto}.search_box .search_wrapper .input-search select{border:none;outline:none;position:relative;color:#5b5b5b}.search_box .search_wrapper .input-search .garis-search{border-right:1px solid #d2d2d2;height:25px;width:1px;margin:0 12px}.search_box .search_wrapper .input-search img{width:17px;height:17px}.search_box .search_wrapper .input-search input{border:none}.search_box .search_wrapper .input-search input:focus{outline:none;border:none}.search_box .search_wrapper .cari .icon-hamburger{display:none}.search_box .search_wrapper .cari button{padding:3px 16px;background:#f60;box-shadow:0 4px 12px rgba(0,0,0,.04);border-radius:14px;color:#fff;border:none;margin-right:20px}.search_box .search_wrapper .cari .image-keranjang img{width:24px;height:20px;background-size:contain;cursor:pointer;position:relative}.search_box .hasil-pencarian{position:absolute;z-index:999;width:100%}.search_box .hasil-pencarian ul img{width:30px;height:30px;margin-right:10px}.search_box .hasil-pencarian ul li{cursor:pointer}.search_box .hasil-pencarian ul li:hover{background-color:#f60}.search_box .hasil-pencarian ul li.list-product-card{display:flex;align-items:center}.search_box .hasil-pencarian ul li.list-product-card p{margin-bottom:0}.search_box .semua-kategori{display:flex;align-items:center;width:190px;cursor:pointer}.search_box .daftar-kategori{position:absolute;z-index:999;width:100%}.search_box .daftar-kategori ul img{width:30px;height:30px;margin-right:10px}.search_box .daftar-kategori ul li{cursor:pointer}.search_box .daftar-kategori ul li:hover{background-color:#f60;color:#fff}.spinner-cari{width:20px;height:20px;vertical-align:text-bottom;border:.2em solid #646464;border-right-color:transparent;border-radius:50%;animation:spinner-border .75s linear infinite}@media only screen and (max-width:574px){.search_box{margin:0 0 15px}.search_box .search_wrapper{background-color:#fff;padding:4px 10px;border-radius:17px!important;box-shadow:0 4px 12px rgba(0,0,0,.04)}.search_box .search_wrapper .input-search{flex:auto}.search_box .search_wrapper .input-search .garis-search,.search_box .search_wrapper .input-search select{display:none}.search_box .search_wrapper .input-search img{width:17px;height:17px}.search_box .search_wrapper .input-search input{border:none}.search_box .search_wrapper .input-search input:focus{outline:none;border:none}.search_box .search_wrapper .cari .icon-hamburger{display:inline-block}.search_box .search_wrapper .cari .image-keranjang,.search_box .search_wrapper .cari button,.search_box .semua-kategori{display:none}}.banner_placement{max-width:900px;margin-bottom:25px;min-height:250px}.banner_placement img{height:100%;object-fit:contain;border-radius:10px}@media(max-width:991px){.banner_placement{padding:0;margin-bottom:15px}.banner_placement img{height:100%;width:100%}}@media(max-width:570px){.banner_placement{padding:0 20px;min-height:inherit}.banner_placement img{height:100%;width:100%}}.shop-list{max-width:900px;margin:auto}.shop-list .slick-slide{width:112px!important;margin-right:10px!important}.shop-list .see_all{font-family:Roboto;font-style:normal;font-weight:400;font-size:13px;line-height:15px;color:#c4c4c4}.shop-list .slick-slider .slick-list,.shop-list .slick-slider .slick-track{height:112px}.shop-list ul{padding-left:10px;padding-right:10px}.shop-list .item-icon{width:112px;height:112px;margin-right:20px}.shop-list .list-scroll{overflow-x:scroll;width:60%}.shop-list .bg-layer{padding:15px;background-repeat:no-repeat;background-size:cover;border-radius:10px;display:flex;justify-content:center;align-items:center;grid-gap:10px;gap:10px}.shop-list .bg-layer h1{font-size:15px;color:#fff;font-weight:500;margin-bottom:10px}.shop-list .bg-layer .btn-promotion{background-color:#fff;border-radius:15px;padding:5px 15px;font-size:12px;color:#f60;font-weight:600}.ds-flow .box-flow{cursor:pointer;filter:drop-shadow(0 4px 7px rgba(0,0,0,.11));height:58.66px;left:635px;top:457px;background:#fff;border-radius:10px}.ds-flow .box-flow img{margin-left:9.5px;width:39px;height:39px}.ds-flow .box-flow .step-title{width:68px;height:13px;font-family:Roboto;font-style:normal;font-weight:500;font-size:14px;line-height:14px;color:#f60}.username-text{margin-top:15px;height:30px;font-family:Roboto;font-style:normal;font-weight:700;font-size:18px;line-height:27px;color:#2b2b2b}.promo-box{width:100%;height:33px}.promo-box .point-opt,.promo-box .voucher-opt{font-family:Roboto;font-style:normal;font-weight:700;font-size:18px;line-height:21px;text-decoration:none;color:#fff;text-align:center;height:33px;background:#f60;box-shadow:0 4px 4px hsla(0,0%,53.3%,.25);border-radius:7px 0 0 7px}.promo-box .voucher-opt{background:#f90;box-shadow:0 4px 4px hsla(0,0%,53.3%,.25);border-radius:0 7px 7px 0}@media only screen and (max-width:574px){.shop-list{padding:0 20px;border-top-left-radius:14px;border-top-right-radius:14px}.ds-flow{padding:0 14px}.username-text{font-size:14px;margin-top:0}.point-opt,.promo-box .voucher-opt{font-size:14px!important}}.notif-input-phone{max-width:900px;display:flex;align-items:flex-start;justify-content:space-between;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.06);border-radius:12px;margin:auto}.notif-input-phone .wrapper-title{display:flex;align-items:center;flex:auto}.notif-input-phone .wrapper-title .image-wrapper{padding:5px 8px;border-radius:50%;background-color:#f6f7fc;margin-right:10px}.notif-input-phone .wrapper-title .image-wrapper img{width:12px;height:12px}.notif-input-phone .wrapper-title .desc p{font-family:Roboto;font-style:normal;font-weight:400;font-size:10px;line-height:12px;letter-spacing:-.3px;color:#000;margin-bottom:0}.notif-input-phone .wrapper-title .desc p.orange,.notif-input-phone i.fa-times{color:#f60;cursor:pointer}@media(max-width:570px){.notif-input-phone{margin:0 20px}.search-home{margin-left:14px;margin-right:14px}}.transaction-filter__box{width:110.78px;height:36.81px;background:#fff;border:1px solid #f60;box-sizing:border-box;border-radius:12px}.list-transaction__item{width:100%;height:135px;background:#f6f7fc;box-shadow:0 4px 4px rgba(0,0,0,.06);border-radius:7px}.list-transaction .section1{padding:12px 0;font-family:Roboto;font-style:normal;font-weight:700;font-size:11px;line-height:13px;letter-spacing:-.3px;margin:0 16px 8px;color:#000;border-bottom:1px solid #d2d2d2}.list-transaction .section2{padding:0;margin:0 16px}.list-transaction .item-name{font-family:Roboto;font-style:normal;font-weight:500;font-size:12px;line-height:14px;color:#000}.list-transaction .sum-data{color:#d2d2d2}.list-transaction .sum-data,.list-transaction .total-transaction-title{font-family:Roboto;font-style:normal;font-weight:500;font-size:8px;line-height:9px}.list-transaction .total-transaction-title{color:#000}.list-transaction .total-transaction{font-family:Roboto;font-style:normal;font-weight:500;font-size:8px;line-height:9px;color:#f60}.list-transaction .ask-admin{width:50px;height:13px;background:#f60;border-radius:4px;font-family:Roboto;font-style:normal;font-weight:500;font-size:7px;line-height:8px;color:#fff}.list-transaction .dots3{background-image:url(/static/media/3dots.2cc1d802.svg);display:block;width:2px;height:8px}.list-transaction .all-data{font-family:Roboto;font-style:normal;font-weight:400;font-size:11px;line-height:13px;letter-spacing:-.3px;color:#d2d2d2}@media(max-width:574px){#root,html{background:#fff!important}}.banner_products{margin-bottom:25px;min-height:250px}.banner_products img{height:100%;object-fit:contain;border-radius:10px}@media(max-width:991px){.banner_products{margin:0 0 15px}.banner_products img{height:100%}}@media(max-width:570px){.banner_products{padding:0 20px;min-height:inherit}.banner_products img{height:100%}}span.category-products__title{color:#fff}@media(max-width:991px){.card-category{width:220px}}@media(max-width:740px){.card-category{width:160px}}@media(max-width:570px){.card-category{width:220px}}@media(max-width:574px){.category-products{padding:10px 20px}}@media(max-width:574px){.category-products .slick-slide{width:180px!important}}@media(max-width:574px){.category-products .slick-track{width:5000px!important}}.category-products__box{height:112.99px;background:#8d68aa;border-radius:6px;padding-left:22px;margin-right:24px}@media(max-width:1200px){.category-products__box{padding-left:10px;margin-right:24px}}@media(max-width:991px){.category-products__box{padding-left:10px;margin-right:12px}}@media(max-width:768px){.category-products__box{height:90px;padding-left:10px}}@media(max-width:574px){.category-products__box{height:73px;padding-left:10px}}.category-products__images{width:90px;height:83px;object-fit:cover!important;background-position:50%!important;background-size:56px!important;background-size:117px!important;border-radius:4px}@media(max-width:768px){.category-products__images{width:65px;height:65px;object-fit:cover!important;background-position:50%!important;background-size:80px!important}}@media(max-width:574px){.category-products__images{width:60px;height:58px;object-fit:cover!important;background-position:50%!important;background-size:56px!important}}.category-products__title{font-family:Roboto;font-style:normal;font-weight:700;font-size:16px;text-align:left;margin-left:5px;line-height:26px;color:#fff}@media(max-width:1200px){.category-products__title{font-size:16px;line-height:16px}}@media(max-width:991px){.category-products__title{font-size:14px;line-height:16px}}@media(max-width:574px){.category-products__title{font-size:10px;line-height:16px}}.slider-mobile{display:none!important}::-webkit-scrollbar{height:10px}@media(max-width:991px){.slider-web{display:none}.slider-mobile{display:flex!important;overflow-x:scroll}}.card-products{border:none;background-color:#f6f7fc}.card-products .card-body{align-items:flex-start}.card-products .card-body img{width:85px;object-fit:cover;border-radius:5px}.card-products .card-body img.tag{width:16px}.card-products .card-body .wrapper-desc{align-items:flex-start;justify-content:space-between;flex:1 1}.card-products .card-body .nama h5.card-title{font-size:14px;color:#242121;overflow:hidden;max-height:35px!important;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}.card-products .card-body .nama p.harga{color:#f60;font-size:12px}.card-products .card-body .nama img.icon-mini{width:10px}.card-products .card-body .nama span.gudang{color:#d2d2d2;font-size:12px;overflow:hidden;height:auto;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical}.detail-pesanan-data{border-bottom:2px solid #d2d2d2}.detail-pesanan-data p{font-weight:500;font-size:17px;padding:0}.detail-pesanan-data .text-orange{color:#f60}.detail-pesanan-data .text-orange span.coret{color:#d2d2d2;margin-right:5px;text-decoration:line-through}.detail-pesanan-data .harga-tidak-coret{font-size:24px}@media screen and (max-width:1080px){.detail-pesanan-data p{font-weight:500;font-size:17px}.detail-pesanan-data .harga-tidak-coret{font-size:18px}}@media screen and (max-width:770px){.detail-pesanan-data .tab{padding:0}.detail-pesanan-data p{font-weight:500;font-size:12px}.detail-pesanan-data .harga-tidak-coret{font-size:12px}}h3{font-size:18px}.card-kupon .card-detail p{font-size:13px}.kupon-produk{margin-bottom:20px}.kupon-produk h2{font-size:17px;color:#f60}.kupon-produk span{color:#d2d2d2;font-size:15px;font-weight:500}@media screen and (max-width:700px){.kupon-produk{margin-bottom:5px}.kupon-produk h2{font-size:18px;color:#f60}.kupon-produk span,h3{font-size:14px}}.card-kupon .card-detail p{font-weight:500}@media screen and (max-width:770px){.card-kupon img{height:120px;width:120px;object-fit:cover}.card-kupon .col-auto{max-width:30%}.card-kupon .card-detail .radio_btn{height:16px;width:16px}.card-kupon .card-detail p{color:#d2d2d2;font-size:10px}.card-kupon .card-detail .text-orange{font-size:10px}}@media screen and (max-width:300px){.card-kupon img{height:120px;width:120px;object-fit:cover}.card-kupon .col-auto{width:auto}}.rincian-pesanan{max-width:1100px!important;margin:auto auto 50px}.rincian-pesanan .kupon-produk-pesanan{margin-bottom:70px;margin-top:20px}@media screen and (max-width:500px){.rincian-pesanan{margin-bottom:100px}.rincian-pesanan .kupon-produk-pesanan{margin-top:10px;margin-bottom:30px}.rincian-pesanan .kupon-produk-pesanan .kupon_col{margin-bottom:20px}}button{border:none}.button-orange{background-color:#f60;border:1px solid #f60;color:#fff!important}.button-orange.disabled{opacity:.4}.button-orange.disabled:hover{background-color:#f60}.button-orange.disabled a{color:#fff}.button-orange a{color:#fff;text-decoration:none}.button-orange:hover{border:1px solid #f60;background-color:#fff;color:#f60!important}.btn-lg{border-radius:20px}.btn-lg a{font-size:30px!important;font-weight:600}@media(max-width:740px){.btn-lg{border-radius:20px}.btn-lg a{font-size:20px!important;font-weight:600}}@media(max-width:330px){.btn{padding:0!important}.btn-lg{border-radius:20px}.btn-lg a{font-size:14px!important;font-weight:600}}.empty{text-align:center;display:flex;align-items:center;justify-content:center;min-height:60vh}.empty img{width:20%}.empty p{margin-top:20px;font-size:14px}@media(max-width:570px){.empty{text-align:center}.empty img{width:50%}.empty p{font-size:13px}}.card-point{position:relative;margin-bottom:42px}.card-point .card-input-element{position:absolute;top:-5px;left:-5px;z-index:99;width:24px;height:24px}.card-point .card{position:relative;border-radius:7px;border:none}.card-point .card .image-point{border-top-left-radius:7px;border-top-right-radius:7px;height:200px;object-fit:cover}.card-point .card .kupon{position:absolute;top:25px;left:40px;z-index:99;color:#fff;background-color:#f60;padding:3px 8px}.card-point .card .row-card-body{margin-bottom:20px}.card-point .card .row-card-body img{width:25px}.card-point .card .row-card-body .berlaku-hingga p.berlaku{color:#d2d2d2;font-size:15px;line-height:19px;font-weight:400}.card-point .card .row-card-body .berlaku-hingga p.waktu{font-size:15px;font-weight:600;margin-bottom:0;line-height:19px}.card-point .card .row-card-body .point-penawaran{font-size:18px;font-weight:600}.card-point .card .button .button-selengkapnya{background:#f60;cursor:pointer;border-radius:0 0 7px 7px;font-family:Roboto;font-style:normal;font-weight:700;font-size:14px;line-height:11px;color:#fff;padding:15px 0;text-align:center}@media(max-width:991px){.card-point{position:relative;margin-bottom:30px}.card-point .card-input-element{position:absolute;top:-5px;left:-5px;z-index:99;width:22px;height:22px}.card-point .card{position:relative}.card-point .card .image-point{border-top-left-radius:7px;border-top-right-radius:7px;height:160px}.card-point .card .row-card-body{padding:0 20px}.card-point .card .kupon{position:absolute;top:15px;left:20px;z-index:99;color:#fff;background-color:#f60;padding:2px 6px}.card-point .card .berlaku-hingga .margin-berlaku{margin-left:5px}.card-point .card .berlaku-hingga p.berlaku{color:#d2d2d2;font-size:14px}.card-point .card .berlaku-hingga p.waktu{font-size:18px;font-weight:600}.card-point .card .berlaku-hingga img{width:30px;height:30px}.card-point .card .point-penawaran{font-size:16px;font-weight:600}.card-point .card .point-penawaran .margin-penawaran{margin-left:5px}.card-point .card .point-penawaran img{width:30px}}@media(max-width:500px){.card-point{position:relative;margin-bottom:10px}.card-point .card-input-element{position:absolute;top:-4px;left:-3px;z-index:99;width:17px;height:17px}.card-point .card{position:relative}.card-point .card .image-point{border-top-left-radius:7px;border-top-right-radius:7px;height:140px}.card-point .card .row-card-body{padding:0 10px}.card-point .card .kupon{position:absolute;top:10px;left:15px;z-index:99;color:#fff;background-color:#f60;padding:1px 4px}.card-point .card .berlaku-hingga p.berlaku{color:#d2d2d2;font-size:10px!important;line-height:7px!important}.card-point .card .berlaku-hingga p.waktu{font-size:12px!important;font-weight:600}.card-point .card .berlaku-hingga img{width:15px;height:15px}.card-point .card .point-penawaran{font-size:12px!important;font-weight:600}.card-point .card .point-penawaran img{width:15px}.card-point .card .button .button-selengkapnya{background:#f60;border-radius:0 0 7px 7px;font-family:Roboto;font-style:normal;font-weight:700;font-size:9px;line-height:11px;color:#fff;padding:8px 0;text-align:center}}.point-penjualan{margin:auto;max-width:900px}.cards{margin-top:40px}@media(max-width:991px){.point-penjualan{margin:0 20px}.cards{margin-top:0}}.cards-voucher{max-width:1000px;margin:auto}.cards-voucher .label-voucher{font-size:20px;font-weight:500}.detail-voucher h2{font-weight:700;font-size:22px;line-height:26px}.detail-voucher h2,.detail-voucher h4{font-family:Roboto;font-style:normal;color:#000;margin-bottom:20px}.detail-voucher h4{font-weight:500;font-size:20px;line-height:23px;letter-spacing:-.3px}.detail-voucher ol{padding:0 18px}.detail-voucher ol li{font-family:Roboto;font-style:normal;font-weight:400;font-size:14px;color:#5b5b5b;margin-bottom:19px}@media screen and (max-width:700px){.cards-voucher .label-voucher{font-size:16px;font-weight:500}.voucher_list{margin-bottom:5px}.voucher_list h2{font-size:18px}.voucher_list span{font-size:14px}}.card-kupon img{width:120px;height:120px;object-fit:cover}.card-kupon .card-detail{display:flex;flex-direction:column;justify-content:space-between;align-items:normal;height:100%;font-weight:500}.card-kupon .card-detail .radio_btn{height:20px;width:20px}.card-kupon .card-detail p,.card-kupon .card-detail span{height:auto;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}.card-kupon .card-detail p{color:#d2d2d2;font-weight:400}.card-kupon .card-detail .text-orange{color:#f60}.card-kupon .card-detail input[type=radio]:checked:after{width:18px;height:18px;border-radius:15px;top:1px;left:1px;position:relative;background-color:#f60;content:"";display:inline-block;visibility:visible;border:2px solid #fff}@media screen and (max-width:760px){.card-kupon img{width:120px;height:120px;object-fit:cover}.card-kupon .col-auto{max-width:30%}.card-kupon .card-detail .radio_btn{height:16px;width:16px}.card-kupon .card-detail input[type=radio]:checked:after{width:15px;height:15px;border-radius:15px;top:-.1px;left:.6px;position:relative;background-color:#f60;content:"";display:inline-block;visibility:visible;border:2px solid #fff}.card-kupon .card-detail p{color:#d2d2d2;font-size:10px;height:auto;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:4;display:-webkit-box;-webkit-box-orient:vertical}.card-kupon .card-detail .text-orange{font-size:10px}}@media screen and (max-width:570px){.card-kupon .col-auto{width:auto}.card-kupon .card-detail p{color:#d2d2d2;font-size:10px;height:auto;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical}}.container .snk{position:fixed;right:0;top:0;background-color:#fff;height:100vh;width:50vw;z-index:3;overflow-y:scroll}.container .snk::-webkit-scrollbar{display:none}.container .snk .back{font-size:30px;font-weight:600}.container .snk img{cursor:pointer}.container .snk .detail-voucher ol li{color:#5b5b5b;font-size:24px}.container .wrapper-background{background-color:#000;opacity:.1;height:100vh;width:100vh;top:0;left:0;position:fixed;z-index:2}.card-tribe .card-title{height:50px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;color:#000;cursor:pointer}.card-tribe .card-text{color:#d2d2d2;cursor:pointer}@media(max-width:991px){.card-tribe .card-title{height:40px;margin-bottom:2px}.card-tribe .card-text{color:#d2d2d2;cursor:pointer;font-size:12px}}.support{margin-bottom:20px}.support .card-title{height:auto;margin-bottom:0;font-size:20px}.support .card-text{font-size:11px;color:#d2d2d2}.module-component .menu{font-size:22px;font-weight:600;color:#d2d2d2;margin-right:20px}.module-component .menu:hover{color:#f60}.module-component .menu.menu-active{color:#f60;border-bottom:3px solid #f60}@media(max-width:400px){.module-component .menu{font-size:16px}}.card.card-kelas{border-radius:2.25rem}.card.card-kelas img.card-img-top{height:200px;object-fit:cover;border-top-left-radius:2.25rem;border-top-right-radius:2.25rem}.card.card-kelas .card-body{border-end-start-radius:2.25rem;border-end-end-radius:2.25rem}.card.card-kelas .card-body .card-title{color:#fff}.card.card-kelas .card-body .badge-white{background-color:#fff;color:#f60}.card.card-kelas .card-body .terbatas{font-size:11px}.card.card-kelas .card-body .available{font-size:14px}@media(max-width:570px){.card.card-kelas img.card-img-top{height:130px;object-fit:cover}}.card.card-module,.card.card-module .card-body{border-radius:2.25rem}.card.card-module .card-body .card-title{color:#fff;font-size:20px}.card.card-module .card-body .badge-white,.card.card-module .card-body .btn-white{background-color:#fff;color:#f60}.card.card-module .card-body .btn-white:hover{background-color:#f60;border:1px solid #fff;color:#fff}.card.card-module img.user{width:60px;height:60px;border-radius:50%}.card.card-module i{text-align:end}@media(max-width:500px){.card.card-module .card-body .card-title{font-size:20px}.card.card-module img.user{width:30px;height:30px;border-radius:50%}}.card-tribe-content img.user-image{width:84px;height:84px}.card-tribe-content img.verified{width:20px;height:20px}.card-tribe-content .name .card-title{cursor:pointer}.card-tribe-content .elipsis{flex:1 1;cursor:pointer}.card-tribe-content .elipsis img{height:20px}@media(max-width:991px){.card-tribe-content img.user-image{width:54px;height:54px}.card-tribe-content img.verified{width:20px;height:20px}.card-tribe-content .name .card-title{cursor:pointer}.card-tribe-content .elipsis{flex:1 1;cursor:pointer}}.statistik-card{margin-top:60px;margin-bottom:40px}.statistik-card .stats-icon{margin-right:70px}.statistik-card .stats-icon i{color:#d2d2d2;font-size:40px;cursor:pointer}.statistik-card .stats-icon i:hover{color:#f60}.statistik-card .stats-icon span{color:#d2d2d2;font-size:28px}@media(max-width:991px){.statistik-card{margin-top:30px;margin-bottom:10px}.statistik-card .stats-icon{margin-right:30px}.statistik-card .stats-icon i{color:#d2d2d2;font-size:25px;cursor:pointer}.statistik-card .stats-icon i:hover{color:#f60}.statistik-card .stats-icon span{color:#d2d2d2;font-size:20px}}@media(max-width:450px){.statistik-card{margin-top:30px;margin-bottom:10px}.statistik-card .stats-icon{margin-right:20px}.statistik-card .stats-icon i{color:#d2d2d2;font-size:20px;cursor:pointer}.statistik-card .stats-icon i:hover{color:#f60}.statistik-card .stats-icon span{color:#d2d2d2;font-size:16px}}@media(max-width:991px){.tribe-list{margin:0 30px}}.type-active select{background-color:#f60;color:#fff}.filter{cursor:pointer;font-family:Roboto;font-style:normal;font-weight:500;font-size:11px;line-height:13px;margin-bottom:0}.status-daftar-transaksi{border:1px solid #f66604;padding:5px;border-radius:10px;font-weight:400;color:#f66604;font-size:14px;margin-bottom:0}.card-transaksi{border:none;background-color:#f6f7fc}.card-transaksi p{padding:0}.card-transaksi .card-body .transaksi-title{border-bottom:1px solid #d2d2d2}.card-transaksi .card-body .transaksi-title .title{flex:1 1}.card-transaksi .card-body .transaksi-title .title h5{font-size:12px;font-weight:400}.card-transaksi .card-body .transaksi-title .lihat{color:#d2d2d2;font-size:12px}.card-transaksi .card-body .detail-transaksi img{max-width:55px}.card-transaksi .card-body .detail-transaksi .desc{flex:1 1}.card-transaksi .card-body .detail-transaksi .desc .desc-title h5{font-size:14px;font-weight:400;height:auto;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical}.card-transaksi .card-body .detail-transaksi .desc .desc-title p{color:#d2d2d2;font-size:10px}.card-transaksi .card-body .detail-transaksi .desc .total-transaksi .transaksi{flex:1 1}.card-transaksi .card-body .detail-transaksi .desc .total-transaksi .transaksi p{font-size:10px;font-weight:400}.card-transaksi .card-body .detail-transaksi .desc .total-transaksi .transaksi p.harga{color:#f60}.card-transaksi .card-body .detail-transaksi .desc .total-transaksi .buttons a{background-color:#f60;color:#fff;padding:2px;font-size:10px;border-radius:2px}.card-transaksi .card-body .detail-transaksi .desc .total-transaksi .buttons img{height:12px}.card-transaksi .card-body:hover{box-shadow:0 0 8px -1px rgba(0,0,0,.28)}.filter-transaksi .card{border:none;background:#fff;box-shadow:0 1px 5px 1px rgba(179,177,179,.6);border-radius:7px}.filter-transaksi .card.card-pertama{margin-top:20px}.filter-transaksi .card .card-body .header-filter{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #d2d2d2}.filter-transaksi .card .card-body .header-filter p{margin-bottom:0;font-family:Roboto;font-style:normal;font-weight:500;font-size:18px;line-height:12px;letter-spacing:-.3px;color:#000}.filter-transaksi .card .card-body .header-filter p:last-child{color:#f60}.filter-transaksi .card .card-body .header-filter p.hapus-button{cursor:pointer;font-size:14px}.filter-transaksi .card .card-body label{margin-bottom:0;font-family:Roboto;font-style:normal;font-weight:400;font-size:15px;line-height:12px;letter-spacing:-.3px;color:#000}.filter-transaksi .card .card-body .form-check{display:flex;align-items:center;margin-bottom:20px}.filter-transaksi .card .card-body .form-check .form-check-input{margin-top:0}@media(max-width:570px){.filter-transaksi .card{border:none;background:#fff;box-shadow:0 1px 5px 1px rgba(179,177,179,.6);border-radius:7px}.filter-transaksi .card.card-pertama{margin-top:10px}.filter-transaksi .card .card-body .header-filter{padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #d2d2d2}.filter-transaksi .card .card-body .header-filter p{margin-bottom:0;font-family:Roboto;font-style:normal;font-weight:500;font-size:14px;line-height:12px;letter-spacing:-.3px;color:#000}.filter-transaksi .card .card-body .header-filter p:last-child{color:#f60}.filter-transaksi .card .card-body label{margin-bottom:0;font-family:Roboto;font-style:normal;font-weight:500;font-size:14px;line-height:12px;letter-spacing:-.3px;color:#000}.filter-transaksi .card .card-body .form-check{display:flex;align-items:center;margin-bottom:15px}.filter-transaksi .card .card-body .form-check .form-check-input{margin-top:0}}.product-list .menu{font-size:22px;font-weight:600;color:#d2d2d2;margin-right:20px}.product-list .menu.menu-active{color:#f60}@media(max-width:740px){.product-list .menu{font-size:16px;font-weight:600;color:#d2d2d2;margin-right:20px}.product-list .menu.menu-active{color:#f60}}.card-product-list{border:none;background-color:#f6f7fc}.card-product-list .card-body{align-items:flex-start}.card-product-list .card-body img{width:75px;object-fit:cover;border-radius:5px}.card-product-list .card-body img.tag{width:16px}.card-product-list .card-body .wrapper-desc{flex:1 1}.card-product-list .card-body .nama h5.card-title{font-size:14px;color:#000;max-height:35px!important;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}.card-product-list .card-body .nama p.harga{color:#f60;font-size:12px}.card-product-list .card-body .nama img.icon-mini{width:10px}.card-product-list .card-body .nama span.gudang{color:#d2d2d2;font-size:10px}.cardProductsComponent .paging{text-align:end;width:100%}.cardProductsComponent .paging i,.cardProductsComponent .paging span{cursor:pointer}.card-marketing{border:none}.card-marketing .card-body{align-items:center}.card-marketing .card-body img{width:75px;height:75px;object-fit:cover;border-radius:5px}.card-marketing .card-body img.tag{width:16px}.card-marketing .card-body .nama h5.card-title{font-size:14px;color:#000;height:auto;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}.card-marketing .card-body .nama p.harga{color:#f60;font-size:14px}.card-marketing .card-body .nama img.icon-mini{width:10px}.card-marketing .card-body .nama img.elipsis{width:16px}.card-marketing .card-body .nama span.gudang{color:#d2d2d2;font-size:10px}.card.card-module-category,.card.card-module-category .card-body{border-radius:1rem}.card.card-module-category .card-body .card-title{color:#fff;font-size:20px}.card.card-module-category .card-body .badge-white{background-color:#fff;color:#f60}.card.card-module-category .card-body .btn-white{background-color:#fff;color:#f60;border-radius:20px;font-size:15px}.card.card-module-category .card-body .btn-white:hover{background-color:#f60;border:1px solid #fff;color:#fff}.card.card-module-category .card-body .list-group-module-category .list-group-item{background-color:transparent;color:#fff;font-weight:400;padding:10px 0;font-size:15px;border-bottom:1px solid #fff}.card.card-module-category i{text-align:end}@media(max-width:550px){.card.card-module-category .card-body .card-title{color:#fff;font-size:16px}}.module-category{padding:0 50px}.module-category .detail-module{padding:30px 20px}.module-category .tagline h2{font-size:20px}.module-category .views{background-color:#f60;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.module-category .views p.angka{color:#fff;padding:4px 8px!important;font-size:13px}.module-category .views .modul{background-color:#fff;margin:2px;font-size:13px;border-top-right-radius:2px;border-bottom-right-radius:2px;align-items:center;justify-content:center;padding:0 5px}.module-category .views .modul p{margin-right:10px;color:#f60}.module-category .views .modul i{color:#f60}@media(max-width:991px){.module-category{padding:0 50px}.module-category .detail-module{padding:20px 0;margin-top:0;box-shadow:none}}@media(max-width:500px){.module-category{padding:0 50px}.module-category .views{background-color:#f60;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.module-category .views p.angka{color:#fff;padding:4px}.module-category .views .modul{background-color:#fff;margin:1px;border-top-right-radius:3.5px;border-bottom-right-radius:3.5px;align-items:center;justify-content:center;padding:0 2px}.module-category .views .modul p{margin-right:10px;color:#f60;font-size:12px}.module-category .views .modul i{color:#f60;font-size:12px}.module-category .tagline h2{font-size:16px}}.card-kelas-mentoring{cursor:pointer}.card-kelas-mentoring img{width:100%;height:70px;object-fit:cover}.card-kelas-mentoring h1{cursor:pointer;font-size:14px;font-weight:600}.card-kelas-mentoring:hover{box-shadow:0 0 8px -1px rgba(0,0,0,.28)}.detail-kelas-container{position:relative}.detail-kelas-container .detail-kelas{position:relative;z-index:-1}.detail-kelas-container .detail-kelas img{width:100%}.detail-kelas-container .detail-kelas img.back{max-width:30px;position:absolute;left:50px;top:30px;z-index:999}.detail-kelas-container .button-back{cursor:pointer;top:20px;left:35px;width:20px;position:absolute}@media(max-width:991px){.wrapper-card-web{display:none}}@media screen and (max-width:600px){.detail-kelas-container .detail-kelas{z-index:0}.detail-kelas-container .button-back{display:none}}.container-kelas-desc{background-color:#f8f9fa}.container-kelas-desc .title-kelas{border-bottom:1px solid #d2d2d2}.container-kelas-desc .title-kelas img.zoom-icon{width:30px;height:30px;margin-right:20px}.container-kelas-desc .title-kelas .kelas-title{font-size:20px;font-weight:600;max-width:700px;margin-bottom:0}.container-kelas-desc .desc{margin-bottom:150px}.container-kelas-desc .desc p{font-size:14px;color:#d2d2d2}.container-kelas-desc .buttons{max-width:400px;margin:auto}@media(max-width:991px){.container-kelas-desc{background-color:#fff}.container-kelas-desc .title-kelas{border-bottom:2px solid #d2d2d2}.container-kelas-desc .title-kelas img.zoom-icon{width:30px;height:30px;margin-right:15px}.container-kelas-desc .title-kelas .kelas-title{font-size:20px;font-weight:600;max-width:700px}}@media screen and (max-width:600px){.container-kelas-desc{margin-top:0}}.detail-module .bg-lg-light{background-color:#f8f9fa}.detail-module .player-wrapper{position:relative;padding-top:56.25%}.detail-module .react-player{position:absolute;top:0;left:0}.detail-module .button-back{cursor:pointer;top:120px;left:0;position:absolute}.detail-module .button-back img.back{width:20px;position:absolute;left:50px;top:50px;z-index:999}.detail-module .description .desc-title{border-bottom:1px solid #e5e5e5}.detail-module .description .desc-title .title{flex:3 1}.detail-module .description .desc-title .title h1{font-size:20px}.detail-module .description .desc-title .button{flex:1 1}.detail-module .description .desc-title .button .btn-orange{background-color:#f60;color:#fff;font-size:10px}.detail-module .description .desc-title .button .btn-orange:hover{background-color:#fff;border:1px solid #f60;color:#f60}.detail-module .description .text-desc{font-size:14px;color:#5b5b5b;margin-bottom:115px}.detail-module .description .button-akses{max-width:400px;margin:auto}.detail-module .description .cards-video{border-top:3px solid #e5e5e5}.text-orange{color:#f60;font-size:12px}@media(max-width:991px){.cards-web{display:none}.detail-module .col-lg-8{padding:0}.detail-module .bg-lg-light{background-color:#fff}}@media(max-width:580px){.detail-module .description .title h1{font-size:16px!important}.detail-module .description .text-desc{font-size:14px;color:#5b5b5b;margin-bottom:30px}.detail-module .description .button .btn-orange{background-color:#f60;color:#fff;font-size:8px!important;padding:2px 0!important}.detail-module .description .button .btn-orange:hover{background-color:#fff;border:1px solid #f60;color:#f60}}.card-wrapper{border-bottom:1px solid #e5e5e5}.card-wrapper .card-detail-module{cursor:pointer}.card-wrapper .card-detail-module:hover{box-shadow:0 0 8px -1px rgba(0,0,0,.28)}.card-wrapper .card-detail-module .card-body .image{flex:1 1}.card-wrapper .card-detail-module .card-body .image img{width:100%}.card-wrapper .card-detail-module .card-body .detail{flex:2 1}.card-wrapper .card-detail-module .card-body .detail h3{cursor:pointer;color:#5b5b5b;font-size:14px;font-weight:600}.card-wrapper .card-detail-module .card-body .detail .durasi-desc{cursor:pointer;font-size:12px;margin-bottom:0}.dropship-banner{position:relative}.dropship-banner img{width:100%}.dropship-banner img.back{width:20px;position:absolute;left:50px;top:50px;z-index:999;cursor:pointer}.dropship-detail p.tersedia-hingga{border-bottom:2px solid #f6f7fc}.dropship-detail .desc p{font-size:16px;color:#5b5b5b;margin-bottom:0}.syarat-ketentuan{border-top:15px solid #f6f7fc;border-bottom:15px solid #f6f7fc}.points .tukarkan p{font-size:20px;font-weight:600;color:#f60}.points .tukarkan .btn-tukar{font-size:13px;background-color:#d2d2d2;color:#e5e5e5}.points .tukarkan .btn-tukar:hover{background-color:#fff;border:1px solid #d2d2d2;color:#d2d2d2}.points .sisa-points{margin-bottom:60px}.points .sisa-points .point-saya{color:#5b5b5b;font-size:15px;font-weight:400}.points .sisa-points .raih-point{color:#88e4b8;font-size:20px;font-weight:500}@media(max-width:991px){.dropship-banner{position:relative}.dropship-banner img{width:100%}.dropship-banner img.back{display:none}.dropship-detail .padding-detail{padding:10px 20px}.dropship-detail .padding-detail h2{font-size:1.5rem}.dropship-detail .padding-detail p.tersedia-hingga{font-size:9px;border-bottom:2px solid #f6f7fc}.dropship-detail .padding-detail .desc p{font-size:14px;color:#5b5b5b}.syarat-ketentuan{border-top:15px solid #f6f7fc;border-bottom:15px solid #f6f7fc}.syarat-ketentuan .padding-snk{padding:10px 20px;margin:0}.points{padding:10px 20px}.points .tukarkan p{font-size:18px;font-weight:600;color:#f60}.points .tukarkan .btn-tukar{font-size:14px;background-color:#d2d2d2;color:#fff;padding:3px 6px}.points .tukarkan .btn-tukar:hover{background-color:#fff;border:1px solid #d2d2d2;color:#d2d2d2}.points .sisa-points{margin-bottom:30px}.points .sisa-points .point-saya{color:#5b5b5b;font-size:14px;font-weight:500}.points .sisa-points .raih-point{color:#88e4b8;font-size:14px;font-weight:500}}.accordion{cursor:pointer}.accordion h3{font-size:20px}.accordion img{width:20px}.accordion ol li{font-size:24px;color:#5b5b5b}@media(max-width:991px){.accordion{cursor:pointer}.accordion h3{font-size:20px}.accordion img{width:20px}.accordion ol li{font-size:20px;color:#5b5b5b}}@media(max-width:500px){.accordion{cursor:pointer}.accordion h3{font-size:14px;margin-bottom:0}.accordion img{width:14px}.accordion ol{padding-left:14px}.accordion ol li{font-size:12px;color:#5b5b5b}}.row-keranjang{max-width:1100px;margin:auto}.row-keranjang .produk-lokasis{margin-bottom:30px}.row-keranjang .slick-track{margin-left:0}.keranjang-container .form-check{font-size:14px}.keranjang-container .lokasi-toko{margin-right:10px;cursor:pointer;border-bottom:1px solid #e7e7e7}.keranjang-container .lokasi-toko label{cursor:pointer}.detail-pesanan-label{display:flex;align-items:center}.detail-pesanan-label img{width:12px;margin-right:5px}.detail-pesanan-label h2{font-family:Roboto;font-style:normal;font-weight:500;font-size:18px;line-height:14px;color:#f60;margin-bottom:0}.total{box-shadow:0 -1px 13px -1px rgba(0,0,0,.34);border-start-start-radius:40px;border-start-end-radius:40px}.total .harga-total{margin-bottom:60px}.total .harga-total h2{font-size:35px;font-weight:700}.total .harga-total h2:first-child{color:#5b5b5b}.total .harga-total h2:last-child{color:#f60}.total-pesanan-pertama{background:#fff;box-shadow:-1px 3px 12px 0 rgba(0,0,0,.16);border-radius:10px}.total-pesanan-pertama p{margin-bottom:0;font-size:13px;color:#5b5b5b}.total-pesanan-pertama .angka-coret{text-decoration:line-through;font-size:13px}.total-pesanan-pertama .text-orange-keranjang p{font-size:13px;color:#f60}.total-harga-pesanan{background:#fff;box-shadow:-1px 3px 12px 0 rgba(0,0,0,.16);border-radius:10px}.total-harga-pesanan .promo{border:1px solid #d2d2d2;box-sizing:border-box;justify-content:space-between;border-radius:6px;padding:2px 8px}.total-harga-pesanan .promo,.total-harga-pesanan .promo .label{display:flex;align-items:center}.total-harga-pesanan .promo .label img{width:14px;margin-right:5px}.total-harga-pesanan .promo .fa-chevron-right{color:#f60;cursor:pointer}.total-harga-pesanan .text-orange-keranjang{color:#f60}.total-harga-pesanan p{margin-bottom:0;color:#5b5b5b}.total-harga-pesanan .beli-button{padding:2px 10px;color:#fff;font-size:14px;background-color:#f60;border-radius:7px;-webkit-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px;cursor:pointer}.total-harga-pesanan .beli-button.disabled{opacity:.2;cursor:not-allowed}@media(max-width:740px){.keranjang-container{margin:0 20px}.keranjang-container .form-check-gudang .lokasi-toko{margin-right:0}.keranjang-container .form-check-gudang label{font-size:12px}.total .harga-total{margin-bottom:40px}.total .harga-total h2{font-size:18px}}@media(max-width:330px){.total .harga-total{margin-bottom:20px}.total .harga-total h2{font-size:14px}}.card-keranjang-wrapper{border-bottom:1px solid #e7e7e7}.card-keranjang-wrapper .card-keranjang{border:none}.card-keranjang-wrapper .card-keranjang .card-body{align-items:stretch}.card-keranjang-wrapper .card-keranjang .card-body img{width:150px;border-radius:10px}.card-keranjang-wrapper .card-keranjang .card-body img.tag{width:20px}.card-keranjang-wrapper .card-keranjang .card-body .nama{position:relative;flex:1 1;flex-direction:column;justify-content:space-between}.card-keranjang-wrapper .card-keranjang .card-body .nama .label-best-seller{background-color:#f60;color:#fff;width:auto;padding:3px 6px;font-size:10px}.card-keranjang-wrapper .card-keranjang .card-body .nama .fa-trash{color:#5b5b5b;font-size:14px}.card-keranjang-wrapper .card-keranjang .card-body .nama h5.card-title{font-size:18px;font-weight:500;color:#000;max-height:60px!important;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}.card-keranjang-wrapper .card-keranjang .card-body .nama p.harga{color:#000;font-size:20px;font-weight:500}.card-keranjang-wrapper .card-keranjang .card-body .nama img.icon-mini{width:10px}.card-keranjang-wrapper .card-keranjang .card-body .nama span.gudang{color:#d2d2d2;font-size:10px}.card-keranjang-wrapper .card-keranjang .card-body .point{color:#f60;font-size:10px;font-weight:600}.card-keranjang-wrapper .card-keranjang .card-body .warna{color:#5b5b5b;font-size:10px;font-weight:600}.card-keranjang-wrapper .card-keranjang .counter-wrapper{float:left}@media(max-width:740px){.card-keranjang-wrapper .card-keranjang .card-body img{width:150px}.card-keranjang-wrapper .card-keranjang .card-body img.tag{width:20px}.card-keranjang-wrapper .card-keranjang .card-body .nama{margin-left:20px}.card-keranjang-wrapper .card-keranjang .card-body .nama .label-best-seller{background-color:#f60;color:#fff;width:auto;padding:5px 8px}.card-keranjang-wrapper .card-keranjang .card-body .nama .fa-trash{color:#5b5b5b;font-size:20px}.card-keranjang-wrapper .card-keranjang .card-body .nama h5.card-title{font-size:20px;font-weight:500;max-height:50px!important}.card-keranjang-wrapper .card-keranjang .card-body .nama p.harga{font-size:20px;margin-bottom:0!important}.card-keranjang-wrapper .card-keranjang .card-body .nama img.icon-mini{width:12px}.card-keranjang-wrapper .card-keranjang .card-body .nama span.gudang{color:#d2d2d2;font-size:13px}.card-keranjang-wrapper .card-keranjang .card-body .point{color:#f60;font-size:14px;font-weight:600}.card-keranjang-wrapper .card-keranjang .card-body .warna{color:#5b5b5b;font-size:12px;font-weight:600}}@media(max-width:420px){.card-keranjang-wrapper .card-keranjang .card-body img{width:100px;height:100px;object-fit:cover}.card-keranjang-wrapper .card-keranjang .card-body img.tag{width:20px}.card-keranjang-wrapper .card-keranjang .card-body .nama{margin-left:20px}.card-keranjang-wrapper .card-keranjang .card-body .nama .label-best-seller{background-color:#f60;color:#fff;width:auto;padding:3px 5px;font-size:10px;margin-bottom:5px!important}.card-keranjang-wrapper .card-keranjang .card-body .nama .fa-trash{color:#5b5b5b;font-size:20px}.card-keranjang-wrapper .card-keranjang .card-body .nama h5.card-title{font-size:16px;font-weight:500;max-height:40px!important}.card-keranjang-wrapper .card-keranjang .card-body .nama p.harga{font-size:14px;margin-bottom:0!important}.card-keranjang-wrapper .card-keranjang .card-body .nama img.icon-mini{width:12px}.card-keranjang-wrapper .card-keranjang .card-body .nama span.gudang{color:#d2d2d2;font-size:13px}.card-keranjang-wrapper .card-keranjang .card-body .point{color:#f60;font-size:10px;font-weight:600}.card-keranjang-wrapper .card-keranjang .card-body .warna{color:#5b5b5b;font-size:10px;font-weight:600}}.counter{float:right}.counter .wrapper{background-color:#f60;padding:0 6px;border-radius:10%}.counter .wrapper:hover{background-color:#f06000}.counter .fa-minus,.counter .fa-plus{font-size:12px;color:#fff}.counter .number{font-size:16px}@media(max-width:420px){.counter .wrapper{background-color:#f60;padding:0 4px;border-radius:10%}.counter .wrapper:hover{background-color:#f06000}.counter .fa-minus,.counter .fa-plus{color:#fff}.counter .number{font-size:14px}}.form-input label{color:#bebebe;font-size:17px}.form-input .input{width:100%}.form-input .input input{font-size:15px;width:100%;border:none;border-bottom:1px solid #e7e7e7}.form-input .input input:focus{outline:none;border:none;border-bottom:1px solid #e7e7e7}.form-input .input-invalid{font-size:12px;margin-top:5px}.form-input .select{width:100%}.form-input .select select{font-size:15px;width:100%;border:none;border-bottom:1px solid #e7e7e7;color:#d2d2d2;background-color:transparent;color:#000}.form-input .select select:focus{outline:none;border:none;border-bottom:1px solid #e7e7e7}.input2 input,.input.input-md input{font-size:15px}.input2 input{border:1px solid #e7e7e7;border-radius:50px;width:100%}.input2 input:focus{outline:none}@media(max-width:740px){.form-input label{font-size:14px}.form-input .input-invalid{font-size:11px;margin-top:5px}.form-input .input{width:100%}.form-input .input input{font-size:14px;width:100%;border:none;border-bottom:1px solid #e7e7e7}.form-input .input input:focus{outline:none;border:none;border-bottom:1px solid #e7e7e7}.form-input .select{width:100%}.form-input .select select{font-size:14px;width:100%;border:none;border-bottom:1px solid #e7e7e7}.form-input .select select:focus{outline:none;border:none;border-bottom:1px solid #e7e7e7}}.detail-pengiriman{max-width:1100px;margin:auto}.detail-pengiriman .detail .text-orange{font-size:15px;color:#f60}.detail-pengiriman .alert-masukkan-toko{font-style:italic;cursor:pointer;font-size:13px}.detail-pengiriman .isi-formulir{font-size:14px!important}.detail-pengiriman .resi-otomatis{margin-top:15px}.detail-pengiriman .resi-otomatis .check-resi-otomatis label{font-size:15px}.detail-pengiriman .resi-otomatis .snk-asuransi p{font-size:13px;cursor:pointer}.detail-pengiriman .marketplace img{height:50px}.detail-pengiriman .marketplace p.marketplace{font-size:15px}.detail-pengiriman .marketplace .asuransi p{color:#f60;font-size:15px}.detail-pengiriman .marketplace .snk-asuransi{font-size:13px}.detail-pengiriman .jenis-pengiriman-label{color:#f60}.detail-pengiriman .daftar-pesanan p{font-size:15px}.detail-pengiriman .daftar-pesanan p.lokasi-gudang{font-size:13px;color:#f60}.detail-pengiriman .button{margin:70px 0}.input-invalid{font-size:12px;margin-top:5px}@media(max-width:1000px){.detail-pengiriman{margin:0 30px}}@media(max-width:740px){.detail-pengiriman{margin:0 20px}.detail-pengiriman .alert-masukkan-toko{font-style:italic;cursor:pointer;font-size:11px}.detail-pengiriman .detail p.text-orange{font-size:20px}.detail-pengiriman .resi-otomatis{margin-top:20px}.detail-pengiriman .resi-otomatis .check-resi-otomatis label{font-size:15px}.detail-pengiriman .resi-otomatis .snk p{font-size:13px;font-weight:700}.marketplace img{height:30px!important}.marketplace p.marketplace{font-size:14px!important}.marketplace .asuransi p{color:#f60;font-size:15px!important}.marketplace .snk-asuransi{font-size:13px!important}.arrow{height:5px!important;width:5px!important}}@media(max-width:330px){.detail-pengiriman .detail p.text-orange{font-size:14px}}.card-product-pengiriman .card{border:none;background-color:#f6f7fc}.card-product-pengiriman .card .card-body img{width:100%}.card-product-pengiriman .card .card-body .title-price .title{font-size:13px;max-height:40px!important;overflow:hidden;line-height:18px;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}.card-product-pengiriman .card .card-body .title-price .price{font-size:14px;line-height:15px;font-weight:600}.card-product-pengiriman .card .card-body .desc p{font-size:12px}@media(max-width:640px){.card-product-pengiriman .card .card-body img{width:100%}.card-product-pengiriman .card .card-body .title-price .title{font-size:14px}.card-product-pengiriman .card .card-body .title-price .price{font-size:12px;font-weight:600;margin-bottom:10px!important}.card-product-pengiriman .card .card-body .desc p{font-size:10px;line-height:15px}}.card-product .card-body img{width:100%}.card-product .card-body .title-price .title{font-size:24px}.card-product .card-body .title-price .price{font-size:24px;font-weight:600}@media(max-width:640px){.card-product .card-body img{width:100%}.card-product .card-body .title-price .title{font-size:18px}.card-product .card-body .title-price .price{font-size:15px;font-weight:600}.card-product .card-body .desc p{font-size:12px}}.checkout .detail-checkout .resi-otomatis .check-resi-otomatis label{font-size:24px}.checkout .detail-checkout .resi-otomatis .snk p{font-size:24px;font-weight:700}.checkout .detail-checkout .marketplace img{width:100px}.checkout .detail-checkout .marketplace p.marketplace{font-size:24px}.checkout .detail-checkout .marketplace .asuransi p{color:#f60;font-size:24px}.checkout .daftar-pesanan p.label-pesanan,.checkout .detail-checkout .marketplace .snk-asuransi{font-size:24px}.checkout .daftar-pesanan .jenis-pengiriman p,.checkout .daftar-pesanan p.lokasi-gudang{font-size:24px;color:#f60}.checkout .jenis-pengiriman-mobile{display:none}.arrow{height:10px;width:10px;background-color:#f60;clip-path:polygon(50% 100%,0 0,100% 0)}@media(max-width:1000px){.checkout{margin:0 30px}.checkout .detail-checkout{display:block;padding:0;margin:0}.checkout .detail-checkout .col-md-6{max-width:100%;padding:0}.checkout .detail-checkout .col-md-6 .check-resi-otomatis{margin:0!important;font-weight:600}.checkout .detail-checkout .marketplace p.marketplace{font-size:24px;font-weight:600}.checkout .detail-checkout .marketplace .asuransi p{color:#f60;font-size:24px}.checkout .detail-checkout .marketplace .snk-asuransi{font-size:24px}.checkout .daftar-pesanan .jenis-pengiriman-web,.checkout .detail-checkout .marketplace .asuransi-web{display:none}.checkout .daftar-pesanan .row-daftar-pesanan{display:block}.checkout .daftar-pesanan .row-daftar-pesanan .col-6{max-width:100%}.checkout .daftar-pesanan .row-daftar-pesanan .col-6 .lokasi-gudang{text-align:end}.checkout .jenis-pengiriman-mobile{display:block;padding:0;max-width:100%}.checkout .jenis-pengiriman-mobile .asuransi-mobile{margin-bottom:25px}.checkout .jenis-pengiriman-mobile p{font-size:24px;color:#f60}}@media(max-width:640px){.checkout .detail-checkout .resi-otomatis label{font-size:16px!important}.checkout .detail-checkout .resi-otomatis .snk p{font-size:18px}.checkout .detail-checkout .marketplace p.marketplace{font-size:18px;font-weight:600}.checkout .detail-checkout .marketplace img{width:60px}.checkout .detail-checkout .marketplace .snk-asuransi{font-size:16px}.checkout .jenis-pengiriman-mobile p{font-size:18px}.checkout .jenis-pengiriman-mobile .asuransi-mobile .asuransi{padding-right:0}.checkout .jenis-pengiriman-mobile .asuransi-mobile .asuransi p{font-size:16px}.checkout .daftar-pesanan .row-daftar-pesanan .label-pesanan,.checkout .daftar-pesanan .row-daftar-pesanan .lokasi-gudang{font-size:13px}.checkout .daftar-pesanan .row-daftar-pesanan .col-label-pesanan{padding-right:0}.checkout .daftar-pesanan .row-daftar-pesanan .col-lokasi-gudang{padding-left:0}}.syarat-ketentuan-kupon .detail ol li{font-size:15px;color:#5b5b5b;margin-bottom:20px}@media(max-width:557px){.syarat-ketentuan-kupon .detail ol li{font-size:14px;color:#5b5b5b;margin-bottom:10px}}.user-profile .wrapper-bottom{max-width:1200px;margin:auto}.user-profile .tele{cursor:pointer}.user-profile .tele .telegram{cursor:pointer;font-size:12px}.user-profile .tele .fa-telegram-plane{font-size:25px}.user-profile .tele:hover{box-shadow:0 0 8px -1px rgba(0,0,0,.28)}@media(max-width:991px){.user-profile{margin:0 20px}.tele p.telegram{font-size:12px!important}.tele .fa-telegram-plane{font-size:30px}}.item-card{border:none;background-color:#f6f7fc!important}.item-card:hover{box-shadow:0 0 5px 0 rgba(0,0,0,.46)}.item-card .card-body img{height:28px}.item-card .card-body h2.text-orange{font-size:12px}@media(max-width:450px){.row-bottoms{margin:0}.row-bottoms .col-4{padding:0 5px}}.card-bundle-harian .card{border:none;background-color:#f6f7fc}.card-bundle-harian .card .card-body .gambar-card img{width:100%}.card-bundle-harian .card .card-body h4{font-size:15px;font-weight:500}.card-bundle-harian .card .card-body p.lihat-detail{color:#f60;font-size:14px}.card-bundle-harian .card .card-body span{color:#d2d2d2;font-size:14px}.card-bundle-harian .card .card-body:hover{cursor:pointer;box-shadow:0 0 8px -1px rgba(0,0,0,.28)}.bundle-harian .hari-ini p.hari{font-size:15px;color:#f60;font-weight:600}.bundle-harian .hari-ini p.harga{font-size:14px;color:#d2d2d2}.riwayat-penjualan-wrapper .header-riwayat h2{font-size:20px;font-weight:600}@media(max-width:991px){.riwayat-penjualan-wrapper{display:none}}.wrapper-top{border-bottom-left-radius:40px;border-bottom-right-radius:40px;background-color:#f60}.wrapper-top .profile .user-wrapper .image{width:-moz-fit-content;width:fit-content;position:relative;margin:auto}.wrapper-top .profile .user-wrapper .image img{width:80px;height:80px;border-radius:30px}.wrapper-top .profile .user-wrapper .image .pencil-wrapper{position:absolute;background-color:#fff;padding:1px 8px;border-radius:50%;bottom:0;right:-2px;cursor:pointer}.wrapper-top .profile .user-wrapper .image .pencil-wrapper i{color:#e5e5e5;font-size:10px}.wrapper-top .profile .user-wrapper span{font-weight:600;font-size:16px;color:#fff}.wrapper-top .profile .penjualan .saldo h1 .sisa-saldo{font-size:20px;color:#fff;font-weight:600}.wrapper-top .profile .penjualan .transaksi-penjualan p,.wrapper-top .profile .penjualan span{font-weight:600;font-size:16px;color:#fff}.foto-profil img{width:100%}@media(max-width:991px){.wrapper-search-profile{display:none}.wrapper-top{background-color:#fff;margin:20px}.wrapper-top .profile{display:block}.wrapper-top .profile .user-wrapper{padding:0;max-width:100%;text-align:center;margin-bottom:30px}.wrapper-top .profile .user-wrapper .image{width:-moz-fit-content;width:fit-content;position:relative;margin:auto}.wrapper-top .profile .user-wrapper .image img{width:150px;height:150px;border-radius:40px}.wrapper-top .profile .user-wrapper .image .pencil-wrapper{position:absolute;background-color:#fff;padding:3px 6px;border-radius:50%;bottom:0;right:0;cursor:pointer}.wrapper-top .profile .user-wrapper .image .pencil-wrapper i{color:#e5e5e5}.wrapper-top .profile .user-wrapper span{font-weight:600;font-size:30px;color:#000}.wrapper-top .profile .penjualan{background-color:#f60;max-width:100%;padding:20px 40px;border-radius:20px}.wrapper-top .profile .penjualan .saldo h1 .sisa-saldo{font-size:36px;color:#fff;font-weight:600}.wrapper-top .profile .penjualan span{font-weight:600;font-size:20px;color:#fff}.wrapper-top .profile .penjualan .transaksi-penjualan p{font-size:21px;font-weight:600;color:#fff}}@media(max-width:500px){.wrapper-top .profile .user-wrapper{margin-bottom:20px}.wrapper-top .profile .user-wrapper .image{margin-bottom:10px}.wrapper-top .profile .user-wrapper .image img{width:100px;height:100px;border-radius:30px}.wrapper-top .profile .user-wrapper span{font-weight:600;font-size:18px;color:#000}.wrapper-top .profile .penjualan{background-color:#f60;max-width:100%;padding:10px 20px;border-radius:20px}.wrapper-top .profile .penjualan .saldo h1 .sisa-saldo{font-size:20px;color:#fff;font-weight:600}.wrapper-top .profile .penjualan span{font-weight:600;font-size:14px;color:#fff}.wrapper-top .profile .penjualan .transaksi-penjualan p{font-size:13px;font-weight:600;color:#fff}}.data-pribadi .button-ubah{font-size:28px;color:#f60;text-decoration:none;cursor:pointer}.data-pribadi .border__bottom{border-bottom:18px solid #e5e5e5}.data-pribadi h2{font-size:28px;font-weight:600}.data-pribadi p.text-secondary{font-size:22px;color:#5b5b5b}.data-pribadi .text-right a{color:#f60;font-size:20px;cursor:pointer;text-decoration:none}.data-pribadi .ganti_kata_sandi h2{color:#f60}.labels{margin-bottom:15px}.labels .title{font-weight:700;margin-bottom:0;font-size:16px}.labels .subtitle{margin-bottom:0;font-size:14px}@media(max-width:991px){.data-pribadi{margin:0 20px}.data-pribadi .riwayat-penjualan-web{display:none}}@media(max-width:740px){.data-pribadi .button-ubah{font-size:28px;color:#f60;text-decoration:none;cursor:pointer}.data-pribadi .border__bottom{border-bottom:18px solid #e5e5e5}.data-pribadi h2{font-size:16px;font-weight:600}.data-pribadi p.text-secondary{font-size:14px;color:#5b5b5b}.data-pribadi .text-right a{color:#f60;font-size:12px;cursor:pointer;text-decoration:none}.data-pribadi .ganti_kata_sandi h2{color:#f60}}.dropdown-bantuan p{font-size:17px;font-weight:500;color:#000;cursor:pointer}.dropdown-bantuan p:hover{font-weight:600}.dropdown-bantuan img.dropdown-right{height:15px}.dropdown-bantuan img.dropdown-down{width:15px}@media(max-width:740px){.dropdown-bantuan p{font-size:16px;font-weight:500;color:#000}.dropdown-bantuan img.dropdown-right{height:14px}.dropdown-bantuan img.dropdown-down{width:14px}}@media(max-width:991px){.bantuan{margin:0 20px}.bantuan .riwayat-penjualan-web{display:none}}.data-item{margin-bottom:15px}.data-item .wrapper-data p.label{font-size:17px;font-weight:500;color:#000}.data-item .ubah{cursor:pointer}@media(max-width:991px){.data-toko{margin:0 20px}.data-toko .riwayat-penjualan-web{display:none}}@media(max-width:740px){.data-item .wrapper-data p.label{font-size:16px}.data-item .value{color:#d2d2d2!important}}.dropdown-admin-panel p{font-size:17px;font-weight:500;color:#000;flex:1 1;cursor:pointer}.dropdown-admin-panel p:hover{font-weight:600}.dropdown-admin-panel img{cursor:pointer}.dropdown-admin-panel img.dropdown-right{height:15px}.dropdown-admin-panel img.dropdown-down{width:15px}@media(max-width:740px){.dropdown-admin-panel p{font-size:18px}.dropdown-admin-panel img.dropdown-right{height:15px}.dropdown-admin-panel img.dropdown-down{width:15px}}@media(max-width:991px){.admin-panel{margin:0 20px}.admin-panel .riwayat-penjualan-web{display:none}}.berlangganan .berlangganan-banners{margin-top:-120px;z-index:-9;position:relative;display:flex;justify-content:center;align-items:center}.berlangganan .berlangganan-banners img.banner-langganan{width:100%;z-index:-9}.berlangganan .berlangganan-banners img.back{width:20px;position:absolute;left:50px;top:150px;z-index:99999;cursor:pointer}.berlangganan .berlangganan-banners p.desc-banner{position:absolute;margin:0 auto;text-align:center;font-size:80px;color:#fff;font-weight:600}.berlangganan .button-gunakan{background-color:#8d68aa;color:#fff}.berlangganan .wrapper-berlangganan{max-width:900px;margin:auto}.berlangganan h3{font-size:20px;font-weight:500;margin-bottom:0}.berlangganan .list-membership{border-bottom:3px solid #d2d2d2}.berlangganan .list-membership h2{font-size:30px}.berlangganan .list-membership .checks i{color:#f60;font-size:18px}.berlangganan .list-membership .checks p{font-size:26px}.berlangganan .radios input[type=radio]{border:0;width:18px;height:18px}.berlangganan .radios label{font-size:20px}.berlangganan .radios label span{font-weight:600}.berlangganan .paket-khusus{border-start-start-radius:40px;border-start-end-radius:40px}.berlangganan .paket-khusus h2{font-size:28px;color:#000;font-weight:600}.berlangganan .paket-khusus span.badge{color:#fff;background-color:#f60;font-size:14px}.berlangganan .faq h1{font-size:30px}.berlangganan .faq p{font-size:17px;font-weight:400}.transaksi-berhasil-langganan i{color:#f60;font-size:120px}.transaksi-berhasil-langganan .button{width:200px;margin:auto}@media(max-width:991px){.berlangganan .berlangganan-banners{margin-top:-85px;margin-bottom:20px;z-index:-9;position:relative;display:flex;justify-content:center;align-items:center}.berlangganan .berlangganan-banners img.banner-langganan{width:100%;z-index:-9}.berlangganan .berlangganan-banners img.back{width:20px;position:absolute;left:50px;top:150px;z-index:99999;cursor:pointer}.berlangganan .berlangganan-banners p.desc-banner{position:absolute;margin:0 auto;text-align:center;font-size:50px;color:#fff;font-weight:600}.berlangganan .list-membership{border-bottom:3px solid #d2d2d2;margin:0 30px}.berlangganan .list-membership h2{font-size:30px}.berlangganan .list-membership .checks i{color:#f60;font-size:18px}.berlangganan .list-membership .checks p{font-size:20px}.berlangganan .radios{margin:0 30px;padding-bottom:30px}.berlangganan .radios input[type=radio]{border:0;width:18px;height:18px}.berlangganan .radios label{font-size:20px}.berlangganan .radios label span{font-weight:600}.berlangganan .paket-khusus{border-start-start-radius:40px;border-start-end-radius:40px;padding:20px 30px}.berlangganan .paket-khusus .buttons,.berlangganan .paket-khusus .margin-paket-khusus{margin-bottom:10px}.berlangganan .paket-khusus h2{font-size:24px;color:#000;font-weight:600}.berlangganan .paket-khusus span.badge{color:#fff;background-color:#f60;font-size:14px}.berlangganan .faq .margin-faq{margin-bottom:20px}.berlangganan .faq .margin-faq p{font-size:17px;font-weight:400}}@media(max-width:574px){.berlangganan .berlangganan-banners{margin-top:0;margin-bottom:20px;z-index:1;position:relative;display:flex;justify-content:center;align-items:center}.berlangganan .berlangganan-banners img.banner-langganan{width:100%;z-index:-9}.berlangganan .berlangganan-banners img.back{width:20px;position:absolute;left:50px;top:150px;z-index:99999;cursor:pointer}.berlangganan .berlangganan-banners p.desc-banner{position:absolute;margin:0 auto;text-align:center;font-size:30px;color:#fff;font-weight:600}.berlangganan .list-membership{border-bottom:3px solid #d2d2d2;margin:0 20px}.berlangganan .list-membership h2{font-size:20px}.berlangganan .list-membership .checks i{color:#f60;font-size:14px}.berlangganan .list-membership .checks p{font-size:16px}.berlangganan .radios{margin:0 20px;padding-bottom:20px}.berlangganan .radios input[type=radio]{border:0;width:16px;height:16px}.berlangganan .radios label{font-size:16px}.berlangganan .radios label span{font-weight:600}.berlangganan .paket-khusus{border-start-start-radius:40px;border-start-end-radius:40px;padding:10px 20px}.berlangganan .paket-khusus h2{font-size:24px;color:#000;font-weight:600}.berlangganan .paket-khusus span.badge{color:#fff;background-color:#f60;font-size:14px}.berlangganan .faq h1{font-size:24px}.berlangganan .faq p{font-size:14px;font-weight:600}.transaksi-berhasil-langganan i{color:#f60;font-size:100px}.transaksi-berhasil-langganan h1{font-size:30px}.transaksi-berhasil-langganan .button{width:200px;margin:auto}}.dropdown-faq p{font-size:17px;font-weight:500;color:#000;cursor:pointer}.dropdown-faq p:hover{font-weight:600}.dropdown-faq img.dropdown-right{height:15px}.dropdown-faq img.dropdown-down{width:15px}.dropdown-faq .desc{width:90vw}.dropdown-faq .desc p{font-size:15px}@media(max-width:991px){.dropdown-faq p{font-size:17px;font-weight:500;color:#000}.dropdown-faq img.dropdown-right{height:15px}.dropdown-faq img.dropdown-down{width:15px}.dropdown-faq .desc{width:90vw}.dropdown-faq .desc p{font-size:15px}}@media(max-width:600px){.dropdown-faq p{font-size:17px;font-weight:500;color:#000}.dropdown-faq img.dropdown-right{height:14px}.dropdown-faq img.dropdown-down{width:14px}.dropdown-faq .desc{width:90vw}.dropdown-faq .desc p{font-size:15px}}@media(max-width:991px){.faq{margin:0 30px}}.bank .bank-card img.bank-icon{width:30px}.bank .bank-card label{font-size:24px}.detail-bank .list-detail .list-group-item{font-size:14px}.pilih-bank-component .pilih-bank{margin-bottom:30px}.langganan-sukses .fa-check-circle{color:#f60;margin-right:10px}.langganan-sukses .berhasil{color:#f60;font-size:32px;font-weight:600}.langganan-sukses .detail-wrapper{box-shadow:0 -1px 13px -1px rgba(0,0,0,.34);border-start-start-radius:40px;border-start-end-radius:40px}.langganan-sukses .detail-wrapper .table-konfirmasi{color:#5b5b5b}.langganan-sukses .detail-wrapper .table-konfirmasi i{color:#f60}.langganan-sukses .detail-wrapper .table-konfirmasi .bukti-bayar{color:#329b88}.langganan-sukses .detail-wrapper .table-konfirmasi td{font-size:24px}.langganan-sukses .detail-wrapper .id-order{color:#5b5b5b;font-size:24px;font-weight:600}.langganan-sukses .detail-wrapper .no-order{color:#f60;font-weight:600}.langganan-sukses .detail-wrapper .informasi-pengiriman h2{font-size:24px}.langganan-sukses .detail-wrapper .informasi-pengiriman .ekspedisi{font-size:20px}.langganan-sukses .detail-wrapper .total-transaksi span{background-color:#d2d2d2}.langganan-sukses .detail-wrapper .berhasil-berlangganan h2{font-size:42px}.langganan-sukses .detail-wrapper .berhasil-berlangganan p.lead{font-size:28px}.langganan-sukses .daftar-pesanan h2{font-size:24px;font-weight:600}@media(max-width:800px){.langganan-sukses .row-berhasil{text-align:center;display:block!important}.langganan-sukses .row-berhasil .fa-check-circle{font-size:100px;margin-bottom:15px}.langganan-sukses .row-berhasil .berhasil{color:#f60;font-size:32px;font-weight:600}.langganan-sukses .row-order{display:block}.langganan-sukses .row-order .col-order{max-width:100%}.langganan-sukses .row-order .col-order .id-order{display:flex;justify-content:space-between}.langganan-sukses .row-order .total-transaksi-web{display:none}.langganan-sukses .detail-wrapper .table-konfirmasi{color:#5b5b5b}.langganan-sukses .detail-wrapper .table-konfirmasi i{color:#f60}.langganan-sukses .detail-wrapper .table-konfirmasi .bukti-bayar{color:#329b88}.langganan-sukses .detail-wrapper .table-konfirmasi td{font-size:14px}.langganan-sukses .detail-wrapper .id-order{color:#5b5b5b;font-size:18px;font-weight:600}.langganan-sukses .detail-wrapper .berhasil-berlangganan h2{font-size:24px}.langganan-sukses .detail-wrapper .berhasil-berlangganan p.lead{font-size:16px}.langganan-sukses .daftar-pesanan h2{font-size:24px;font-weight:600}}.chatbox-component .shadow{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.3}.chatbox-component .chatbox{position:fixed;bottom:5px;right:5px;background-color:#f6f7fc;width:500px}.chatbox-component .chatbox .chatbox-header{background-color:#fff}.chatbox-component .chatbox .chatbox-header .title{flex:1 1;font-size:22px;font-weight:600;line-height:1.2}.chatbox-component .chatbox .chatbox-header .fa-chevron-left{color:#f60;cursor:pointer}.chatbox-component .chatbox .chatbox-header .fa-ellipsis-v{color:#d2d2d2;cursor:pointer}.chatbox-component .chatbox .chatbox-header .online-status{color:#62e027;margin-left:26px}.chatbox-component .chatbox .chatbox-body{height:400px;overflow:scroll;overflow-x:hidden;position:relative}.chatbox-component .chatbox .chatbox-footer .message-input{flex:1 1;border-radius:10px}.chatbox-component .chatbox .chatbox-footer .paper-plane-wrapper{width:30px;height:30px;background-color:#f60;cursor:pointer}.chatbox-component .chatbox .chatbox-footer .paper-plane-wrapper i.fa-paper-plane{font-size:12px}.chatbox-component .chatbox .chatbox-footer .fa-plus-circle{color:#5b5b5b;cursor:pointer}.chatbox-component .chatbox .chatbox-footer textarea{border:2px solid #d2d2d2}.baloon-text{max-width:90%}.media-chat{bottom:85px}.rincian-pemesanan{margin:0 50px}.rincian-pemesanan .detail-order{margin-top:40px}.rincian-pemesanan .detail-order .id-order{border-radius:10px;max-width:-moz-fit-content;max-width:fit-content;margin-bottom:20px}.rincian-pemesanan .detail-order .id-order p{padding:10px 20px;font-size:24px;font-weight:600;color:#f60}.rincian-pemesanan .detail-order .id-order p:last-child{color:#fff;background-color:#f60;border-bottom-right-radius:10px;border-bottom-left-radius:10px}.rincian-pemesanan .detail-order .id-order-sukses{border-radius:10px;max-width:-moz-fit-content;max-width:fit-content;margin-bottom:20px;display:flex}.rincian-pemesanan .detail-order .id-order-sukses p{font-size:24px;font-weight:500;color:#000;margin-right:10px}.rincian-pemesanan .detail-order .id-order-sukses p:last-child{color:#f60;background-color:#fff}.rincian-pemesanan .detail-order .data-order{padding:20px;background-color:#fff;border-radius:10px;position:relative;margin-bottom:20px;box-shadow:0 0 8px -1px rgba(0,0,0,.28)}.rincian-pemesanan .detail-order .data-order p{font-weight:400;font-size:15px;margin-bottom:0}.rincian-pemesanan .detail-order .data-order .icon-user{position:absolute;padding:4px;background-color:#fff;top:-43px;right:-30px;border-radius:50%;box-shadow:0 0 8px -1px rgba(0,0,0,.28)}.rincian-pemesanan .detail-order .data-order .icon-user img{width:80px;height:80px;object-fit:cover;padding:20px}.rincian-pemesanan .detail-order .data-toko{background-color:#f60;border-radius:10px;margin-bottom:20px;align-items:center}.rincian-pemesanan .detail-order .data-toko p{padding:0 10px;color:#fff;font-size:15px;font-weight:600}.rincian-pemesanan .detail-order .data-toko p:first-child{border-radius:10px 0 0 10px;flex:2 1}.rincian-pemesanan .detail-order .data-toko p:last-child{border-radius:0 10px 10px 0;margin:2px;flex:1 1;background-color:#fff;color:#f60}.rincian-pemesanan .detail-order .bank-section-pemesanan{background-color:#fff;border-radius:10px;padding:10px 20px;box-shadow:0 0 8px -1px rgba(0,0,0,.28);margin-bottom:20px}.rincian-pemesanan .detail-order .bank-section-pemesanan .header-bank{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ededed}.rincian-pemesanan .detail-order .bank-section-pemesanan .header-bank img{width:50px}.rincian-pemesanan .detail-order .bank-section-pemesanan .header-bank p{color:#f60;font-weight:600;font-size:24px}.rincian-pemesanan .detail-order .bank-section-pemesanan .header-bank .fa-chevron-down{color:#f60;font-size:22px}.rincian-pemesanan .detail-order .bank-section-pemesanan .bank-detail-pemesanan{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ededed}.rincian-pemesanan .detail-order .bank-section-pemesanan .bank-detail-pemesanan p{margin-bottom:0;padding:0;font-weight:600}.rincian-pemesanan .detail-order .bank-section-pemesanan .bank-detail-pemesanan p.nomor-rekening{color:#f60;font-size:24px}.rincian-pemesanan .detail-order .bank-section-pemesanan .bank-detail-pemesanan p.label-rekening{color:#000;font-size:14px}.rincian-pemesanan .detail-order .bank-section-pemesanan .bank-detail-pemesanan p.nama-pemilik{color:#000;font-size:16px}.rincian-pemesanan .detail-order .bank-section-pemesanan .button-pemesanan-pembayaran{background-color:#f60;color:#fff;margin-top:5px}.rincian-pemesanan .detail-order .rincian-pesanan{font-weight:600;font-size:20px;margin-bottom:20px}.rincian-pemesanan .detail-order .rincian-pesanan .rincian-produk{padding:20px 20px 14px;border-radius:10px;box-shadow:0 0 8px -1px rgba(0,0,0,.28)}.rincian-pemesanan .detail-order .rincian-pesanan .rincian-produk p{font-size:15px;font-weight:500}.rincian-pemesanan .detail-order .rincian-pesanan .rincian-produk ul{margin-bottom:0}.rincian-pemesanan .detail-order .rincian-pesanan .rincian-produk ul li,.rincian-pemesanan .detail-order .rincian-pesanan .rincian-produk ul span{font-size:15px;font-weight:500}.rincian-pemesanan .detail-order .rincian-pesanan .rincian-produk .item{border-bottom:1px solid #e7e7e7;margin-bottom:20px}.rincian-pemesanan .detail-order .rincian-pesanan .rincian-produk .item .detail .top{margin-bottom:20px}.rincian-pemesanan .detail-order .rincian-pesanan .rincian-produk .item .detail .top p{font-weight:600;margin-bottom:5px;color:#000;font-size:15px;line-height:35px}.rincian-pemesanan .detail-order .rincian-pesanan .rincian-produk .item .detail .bottom p{font-weight:600;font-size:15px}.rincian-pemesanan .detail-order .total-pesanan{margin-bottom:20px}.rincian-pemesanan .detail-order .total-pesanan p{font-size:20px;font-weight:600}.rincian-pemesanan .detail-order .total-pesanan p.harga{color:#f60;font-size:25px}.rincian-pemesanan .pembatalan-otomatis{background-color:#f60;border-radius:10px;padding:8px 11px;display:flex;align-items:center;margin-bottom:10px}.rincian-pemesanan .pembatalan-otomatis p{margin-bottom:0;color:#fff;font-weight:400}.rincian-pemesanan .pembatalan-otomatis span{margin-right:10px;color:#fff;font-size:12px;border:2px solid #fff;padding:0 8px;border-radius:50%}.form-batal{position:absolute;bottom:0;right:0;background-color:#fff;padding:20px 30px}@media(max-width:900px){.rincian-pemesanan{margin:0 20px}.rincian-pemesanan .detail-order{margin-top:30px}.rincian-pemesanan .detail-order .id-order{border-radius:10px;max-width:-moz-fit-content;max-width:fit-content;margin-bottom:20px}.rincian-pemesanan .detail-order .id-order p{padding:10px 20px;font-size:20px;font-weight:600;color:#f60}.rincian-pemesanan .detail-order .id-order p:last-child{color:#fff;background-color:#f60;border-bottom-right-radius:10px;border-bottom-left-radius:10px}.rincian-pemesanan .detail-order .id-order-sukses{border-radius:10px;max-width:-moz-fit-content;max-width:fit-content;margin-bottom:20px}.rincian-pemesanan .detail-order .id-order-sukses p{margin-right:20px;font-size:20px;font-weight:500;color:#000}.rincian-pemesanan .detail-order .id-order-sukses p:last-child{color:#f60;background-color:#fff}.rincian-pemesanan .detail-order .data-order{padding:20px 30px;border-radius:10px;position:relative;margin-bottom:20px;box-shadow:0 0 8px -1px rgba(0,0,0,.28)}.rincian-pemesanan .detail-order .data-order p{font-weight:400;font-size:15px}.rincian-pemesanan .detail-order .data-order .icon-user{position:absolute;padding:3px;background-color:#fff;top:-26px;right:-20px;border-radius:50%;box-shadow:0 0 8px -1px rgba(0,0,0,.28)}.rincian-pemesanan .detail-order .data-order .icon-user img{width:60px;height:60px;object-fit:cover;padding:15px}.rincian-pemesanan .detail-order .data-toko{background-color:#f60;border-radius:10px;margin-bottom:20px}.rincian-pemesanan .detail-order .data-toko p{padding:0 10px;color:#fff;font-size:15px;font-weight:600}.rincian-pemesanan .detail-order .data-toko p:first-child{border-radius:10px 0 0 10px;flex:2 1}.rincian-pemesanan .detail-order .data-toko p:last-child{border-radius:0 10px 10px 0;flex:1 1;background-color:#fff;color:#f60;margin:1.5px}.rincian-pemesanan .detail-order .bank-section-pemesanan{background-color:#fff;border-radius:10px;padding:10px 20px;box-shadow:0 0 8px -1px rgba(0,0,0,.28);margin-bottom:20px}.rincian-pemesanan .detail-order .bank-section-pemesanan .header-bank{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ededed}.rincian-pemesanan .detail-order .bank-section-pemesanan .header-bank img{width:40px}.rincian-pemesanan .detail-order .bank-section-pemesanan .header-bank p{color:#f60;font-weight:600;font-size:18px}.rincian-pemesanan .detail-order .bank-section-pemesanan .header-bank .fa-chevron-down{color:#f60;font-size:16px}.rincian-pemesanan .detail-order .bank-section-pemesanan .bank-detail-pemesanan{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ededed}.rincian-pemesanan .detail-order .bank-section-pemesanan .bank-detail-pemesanan p{margin-bottom:0;padding:0;font-weight:400}.rincian-pemesanan .detail-order .bank-section-pemesanan .bank-detail-pemesanan p.nomor-rekening{color:#f60;font-size:24px;font-weight:600}.rincian-pemesanan .detail-order .bank-section-pemesanan .bank-detail-pemesanan p.label-rekening{color:#000;font-size:14px}.rincian-pemesanan .detail-order .bank-section-pemesanan .bank-detail-pemesanan p.nama-pemilik{color:#000;font-size:16px}.rincian-pemesanan .detail-order .bank-section-pemesanan .button-pemesanan-pembayaran{background-color:#f60;color:#fff;margin-top:5px}.rincian-pemesanan .detail-order .rincian-pesanan{font-weight:600;font-size:20px;margin-bottom:20px}.rincian-pemesanan .detail-order .rincian-pesanan .rincian-produk{padding:20px 20px 14px;border-radius:10px;box-shadow:0 0 8px -1px rgba(0,0,0,.28)}.rincian-pemesanan .detail-order .rincian-pesanan .rincian-produk .item{border-bottom:1px solid #e7e7e7;margin-bottom:10px}.rincian-pemesanan .detail-order .rincian-pesanan .rincian-produk .item .detail .top{margin-bottom:20px}.rincian-pemesanan .detail-order .rincian-pesanan .rincian-produk .item .detail .top p{font-weight:600;color:#000;margin-bottom:5px;font-size:20px;line-height:25px}.rincian-pemesanan .detail-order .rincian-pesanan .rincian-produk .item .detail .top p.harga{font-size:16px}.rincian-pemesanan .detail-order .rincian-pesanan .rincian-produk .item .detail .bottom p{font-weight:600;font-size:16px}.rincian-pemesanan .detail-order .rincian-pesanan .rincian-produk .voucher ul{padding:0 20px}.rincian-pemesanan .detail-order .total-pesanan{margin-bottom:20px}.rincian-pemesanan .detail-order .total-pesanan p{font-size:20px;font-weight:600}.rincian-pemesanan .detail-order .total-pesanan p.harga{color:#f60;font-size:25px}}@media(max-width:574px){.rincian-pemesanan .pembatalan-otomatis{background-color:#f60;border-radius:10px;padding:8px 11px;display:flex;align-items:center;margin-bottom:10px}.rincian-pemesanan .pembatalan-otomatis p{margin-bottom:0;color:#fff;font-weight:400;font-size:12px}.rincian-pemesanan .pembatalan-otomatis span{margin-right:10px;color:#fff;font-size:12px;border:2px solid #fff;padding:0 8px;border-radius:50%}.rincian-pemesanan .detail-order{margin-top:0}.rincian-pemesanan .detail-order .id-order{margin-bottom:10px}.rincian-pemesanan .detail-order .id-order p{padding:5px 10px;font-size:12px}.rincian-pemesanan .detail-order .id-order p:last-child{border-bottom-right-radius:10px;border-bottom-left-radius:10px}.rincian-pemesanan .detail-order .id-order-sukses{display:inline-block;margin-bottom:10px}.rincian-pemesanan .detail-order .id-order-sukses p{margin-right:10px;font-size:12px}.rincian-pemesanan .detail-order .id-order-sukses p:last-child{border-bottom-right-radius:10px;border-bottom-left-radius:10px}.rincian-pemesanan .detail-order .data-order{padding:15px 10px;font-weight:400;font-size:12px;border-radius:10px;position:relative;margin-bottom:10px}.rincian-pemesanan .detail-order .data-order p{font-weight:400;font-size:12px}.rincian-pemesanan .detail-order .data-order .icon-user{position:absolute;padding:2px;background-color:#fff;top:-17px;right:-18px;border-radius:50%}.rincian-pemesanan .detail-order .data-order .icon-user img{width:50px;height:50px;object-fit:cover;padding:12px}.rincian-pemesanan .detail-order .data-toko{background-color:#f60;border-radius:10px;margin-bottom:10px}.rincian-pemesanan .detail-order .data-toko p{padding:0 10px;color:#fff;font-size:12px;font-weight:400;flex:50% 1}.rincian-pemesanan .detail-order .bank-section-pemesanan{background-color:#fff;border-radius:10px;padding:10px 20px;box-shadow:0 0 8px -1px rgba(0,0,0,.28);margin-bottom:20px}.rincian-pemesanan .detail-order .bank-section-pemesanan .header-bank{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ededed}.rincian-pemesanan .detail-order .bank-section-pemesanan .header-bank img{width:30px}.rincian-pemesanan .detail-order .bank-section-pemesanan .header-bank p{color:#f60;font-weight:600;font-size:14px}.rincian-pemesanan .detail-order .bank-section-pemesanan .header-bank .fa-chevron-down{color:#f60;font-size:14px}.rincian-pemesanan .detail-order .bank-section-pemesanan .bank-detail-pemesanan{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ededed}.rincian-pemesanan .detail-order .bank-section-pemesanan .bank-detail-pemesanan p{margin-bottom:0;padding:0;font-weight:400;font-size:10px}.rincian-pemesanan .detail-order .bank-section-pemesanan .bank-detail-pemesanan p.nomor-rekening{color:#f60;font-size:20px;font-weight:400}.rincian-pemesanan .detail-order .bank-section-pemesanan .bank-detail-pemesanan p.label-rekening,.rincian-pemesanan .detail-order .bank-section-pemesanan .bank-detail-pemesanan p.nama-pemilik{color:#000;font-size:14px}.rincian-pemesanan .detail-order .bank-section-pemesanan .button-pemesanan-pembayaran{background-color:#f60;color:#fff;margin-top:5px}.rincian-pemesanan .detail-order .rincian-pesanan{font-weight:500;font-size:12px;margin-bottom:15px}.rincian-pemesanan .detail-order .rincian-pesanan P{margin-bottom:10px}.rincian-pemesanan .detail-order .rincian-pesanan .rincian-produk{padding:10px 15px;border-radius:10px}.rincian-pemesanan .detail-order .rincian-pesanan .rincian-produk p{font-size:12px;font-weight:400}.rincian-pemesanan .detail-order .rincian-pesanan .rincian-produk ul{margin-bottom:0}.rincian-pemesanan .detail-order .rincian-pesanan .rincian-produk ul li,.rincian-pemesanan .detail-order .rincian-pesanan .rincian-produk ul span{font-size:12px;font-weight:400}.rincian-pemesanan .detail-order .rincian-pesanan .rincian-produk .item{border-bottom:1px solid #e7e7e7;margin-bottom:20px}.rincian-pemesanan .detail-order .rincian-pesanan .rincian-produk .item .detail .top{margin-bottom:0}.rincian-pemesanan .detail-order .rincian-pesanan .rincian-produk .item .detail .top p{font-weight:400;margin-bottom:5px;color:#000;font-size:14px}.rincian-pemesanan .detail-order .rincian-pesanan .rincian-produk .item .detail .bottom p{font-weight:400;font-size:14px}.rincian-pemesanan .detail-order .rincian-pesanan .rincian-produk .jasa-kirim,.rincian-pemesanan .detail-order .rincian-pesanan .rincian-produk .voucher{font-size:14px}.rincian-pemesanan .detail-order .rincian-pesanan .rincian-produk .voucher ul{padding:0 20px!important}.rincian-pemesanan .detail-order .total-pesanan{margin-bottom:20px}.rincian-pemesanan .detail-order .total-pesanan p{font-size:20px;font-weight:600}.rincian-pemesanan .detail-order .total-pesanan p.harga{color:#f60;font-size:25px}}.card-product-pemesanan .card{border:none;background-color:#f6f7fc}.card-product-pemesanan .card .card-body img{width:150px;height:150px;object-fit:cover;border-radius:5px}.card-product-pemesanan .card .card-body .title-price .title{font-size:20px;height:55px;overflow:hidden;line-height:25px;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}.card-product-pemesanan .card .card-body .title-price .price{font-size:20px;line-height:20px;font-weight:600}.card-product-pemesanan .card .card-body .desc-pemesanan-card p{font-size:14px;font-weight:400;line-height:16px}@media(max-width:640px){.card-product-pemesanan .card .card-body img{width:80px;height:80px;object-fit:cover;border-radius:5px}.card-product-pemesanan .card .card-body .title-price .title{font-size:14px;height:30px;overflow:hidden;line-height:25px;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;font-weight:400}.card-product-pemesanan .card .card-body .title-price .price{font-size:12px;font-weight:400}.card-product-pemesanan .card .card-body .desc-pemesanan-card p{font-size:10px;font-weight:400;line-height:12px}}.timeline-pemesanan .wrapper-card{position:relative}.timeline-pemesanan .wrapper-card .tanggal{margin-right:15px;margin-top:-10px}.timeline-pemesanan .wrapper-card .tanggal p{font-size:15px;font-weight:400;line-height:20px}.timeline-pemesanan .wrapper-card .tanggal p.jam{font-size:14px}.timeline-pemesanan .wrapper-card .line-vertical{margin-right:15px;width:1px;min-height:60px;border-right:2px solid #d2d2d2;position:relative}.timeline-pemesanan .wrapper-card .line-vertical.first{min-height:0;border-right:none}.timeline-pemesanan .wrapper-card .line-vertical:after{content:"";position:absolute;width:8px;height:8px;background-color:#000;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;top:-1px;right:-5px;z-index:1}.timeline-pemesanan .wrapper-card .lokasi{margin-top:-10px}.timeline-pemesanan .wrapper-card .lokasi p{font-size:15px;font-weight:400}.timeline-pemesanan .wrapper-card .lokasi p.note{font-size:12px;color:#000;font-weight:400}.timeline-pemesanan.last p{color:#f60}.timeline-pemesanan.last .wrapper-card .line-vertical:after{background-color:#f60}@media(max-width:574px){.timeline-pemesanan .wrapper-card .tanggal{margin-right:10px;margin-top:-10px}.timeline-pemesanan .wrapper-card .tanggal p{font-size:12px;font-weight:400;line-height:15px}.timeline-pemesanan .wrapper-card .tanggal p.jam{font-size:10px}.timeline-pemesanan .wrapper-card .line-vertical{margin-right:15px;width:1px;min-height:40px;border-right:2px solid #d2d2d2;position:relative}.timeline-pemesanan .wrapper-card .line-vertical:after{content:"";position:absolute;width:8px;height:8px;background-color:#000;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;top:-1px;right:-5px;z-index:1}.timeline-pemesanan .wrapper-card .lokasi{margin-top:-10px}.timeline-pemesanan .wrapper-card .lokasi p{font-size:14px;font-weight:400}}.lacak-pengiriman{margin:0 50px}.lacak-pengiriman p{margin-bottom:0}.lacak-pengiriman .detail-order{margin-top:40px}.lacak-pengiriman .detail-order .id-order{border-radius:30px;max-width:-moz-fit-content;max-width:fit-content;margin-bottom:20px}.lacak-pengiriman .detail-order .id-order p{padding:10px 20px;font-size:24px;font-weight:600;color:#f60}.lacak-pengiriman .detail-order .id-order p:last-child{color:#fff;background-color:#f60;border-bottom-right-radius:25px;border-bottom-left-radius:25px}.lacak-pengiriman .detail-order .id-order-sukses{border-radius:10px;max-width:-moz-fit-content;max-width:fit-content;margin-bottom:20px;display:flex}.lacak-pengiriman .detail-order .id-order-sukses p{font-size:24px;font-weight:500;color:#000;margin-right:10px}.lacak-pengiriman .detail-order .id-order-sukses p:last-child{color:#f60;background-color:#fff}.lacak-pengiriman .detail-order .data-order{padding:20px;background-color:#fff;border-radius:10px;position:relative;margin-bottom:20px;box-shadow:0 0 8px -1px rgba(0,0,0,.28)}.lacak-pengiriman .detail-order .data-order p{font-weight:400;font-size:15px;margin-bottom:0}.lacak-pengiriman .detail-order .data-order .icon-user{position:absolute;padding:4px;background-color:#fff;top:-43px;right:-30px;border-radius:50%;box-shadow:0 0 8px -1px rgba(0,0,0,.28)}.lacak-pengiriman .detail-order .data-order .icon-user img{width:80px;height:80px;object-fit:cover;padding:20px}.lacak-pengiriman .detail-order .data-toko{background-color:#f60;border-radius:10px;margin-bottom:20px;align-items:center}.lacak-pengiriman .detail-order .data-toko p{padding:0 10px;color:#fff;font-size:15px;font-weight:600}.lacak-pengiriman .detail-order .data-toko p:first-child{border-radius:10px 0 0 10px;flex:2 1}.lacak-pengiriman .detail-order .data-toko p:last-child{border-radius:0 10px 10px 0;margin:2px;flex:1 1;background-color:#fff;color:#f60}.lacak-pengiriman .detail-order .bank-section{background-color:#fff;border-radius:20px;padding:10px 20px;box-shadow:0 0 8px -1px rgba(0,0,0,.28);margin-bottom:20px}.lacak-pengiriman .detail-order .bank-section img{width:50px;height:50px}.lacak-pengiriman .detail-order .bank-section p{color:#f60;font-weight:600;font-size:24px}.lacak-pengiriman .detail-order .bank-section .fa-chevron-down{color:#f60;font-size:22px}.lacak-pengiriman .detail-order .rincian-pesanan{font-weight:600;font-size:24px;margin-bottom:20px}.lacak-pengiriman .detail-order .rincian-pesanan .rincian-produk{padding:20px;box-shadow:0 0 8px -1px rgba(0,0,0,.28)}.lacak-pengiriman .detail-order .rincian-pesanan .rincian-produk .item{border-bottom:2px solid #474747;margin-bottom:20px}.lacak-pengiriman .detail-order .rincian-pesanan .rincian-produk .item img{max-width:400px}.lacak-pengiriman .detail-order .rincian-pesanan .rincian-produk .item .detail .top{margin-bottom:20px}.lacak-pengiriman .detail-order .rincian-pesanan .rincian-produk .item .detail .top p{font-weight:600;margin-bottom:5px;color:#000;font-size:20px;line-height:35px}.lacak-pengiriman .detail-order .rincian-pesanan .rincian-produk .item .detail .bottom p{font-weight:600;font-size:20px}.lacak-pengiriman .detail-order .total-pesanan{margin-bottom:20px}.lacak-pengiriman .detail-order .total-pesanan p{font-size:30px;font-weight:600}.lacak-pengiriman .detail-order .total-pesanan p.harga{color:#f60;font-size:35px}.lacak-pengiriman .detail-order .detail-pengiriman{padding:30px;max-width:none}.lacak-pengiriman .detail-order .detail-pengiriman .no-resi{padding-bottom:20px;margin-bottom:30px;border-bottom:2px solid #d2d2d2}.lacak-pengiriman .detail-order .detail-pengiriman .no-resi h2{font-size:20px}.lacak-pengiriman .detail-order .detail-pengiriman .no-resi .resi h3{font-size:30px}.lacak-pengiriman .detail-order .detail-pengiriman .no-resi .resi span{color:#329b88;font-size:18px;font-weight:600;cursor:pointer}@media(max-width:900px){.lacak-pengiriman{margin:0 20px}.lacak-pengiriman .detail-order{margin-top:30px}.lacak-pengiriman .detail-order .id-order{border-radius:30px;max-width:-moz-fit-content;max-width:fit-content;margin-bottom:20px}.lacak-pengiriman .detail-order .id-order p{padding:10px 20px;font-size:20px;font-weight:600;color:#f60}.lacak-pengiriman .detail-order .id-order p:last-child{color:#fff;background-color:#f60;border-bottom-right-radius:25px;border-bottom-left-radius:25px}.lacak-pengiriman .detail-order .id-order-sukses{border-radius:10px;max-width:-moz-fit-content;max-width:fit-content;margin-bottom:20px}.lacak-pengiriman .detail-order .id-order-sukses p{margin-right:20px;font-size:20px;font-weight:500;color:#000}.lacak-pengiriman .detail-order .id-order-sukses p:last-child{color:#f60;background-color:#fff}.lacak-pengiriman .detail-order .data-order{padding:20px 30px;border-radius:10px;position:relative;margin-bottom:20px;box-shadow:0 0 8px -1px rgba(0,0,0,.28)}.lacak-pengiriman .detail-order .data-order p{font-weight:400;font-size:15px}.lacak-pengiriman .detail-order .data-order .icon-user{position:absolute;padding:3px;background-color:#fff;top:-26px;right:-20px;border-radius:50%;box-shadow:0 0 8px -1px rgba(0,0,0,.28)}.lacak-pengiriman .detail-order .data-order .icon-user img{width:60px;height:60px;object-fit:cover;padding:15px}.lacak-pengiriman .detail-order .data-toko{background-color:#f60;border-radius:10px;margin-bottom:20px}.lacak-pengiriman .detail-order .data-toko p{padding:0 10px;color:#fff;font-size:15px;font-weight:600}.lacak-pengiriman .detail-order .data-toko p:first-child{border-radius:10px 0 0 10px;flex:2 1}.lacak-pengiriman .detail-order .data-toko p:last-child{border-radius:0 10px 10px 0;flex:1 1;margin:1.5px;background-color:#fff;color:#f60}.lacak-pengiriman .detail-order .bank-section{background-color:#fff;border-radius:20px;padding:10px 20px;box-shadow:0 0 8px -1px rgba(0,0,0,.28);margin-bottom:20px}.lacak-pengiriman .detail-order .bank-section img{width:50px;height:50px}.lacak-pengiriman .detail-order .bank-section p{color:#f60;font-weight:600;font-size:18px}.lacak-pengiriman .detail-order .bank-section .fa-chevron-down{color:#f60;font-size:20px}.lacak-pengiriman .detail-order .rincian-pesanan{font-weight:600;font-size:20px;margin-bottom:20px}.lacak-pengiriman .detail-order .rincian-pesanan .rincian-produk{padding:20px;box-shadow:0 0 8px -1px rgba(0,0,0,.28)}.lacak-pengiriman .detail-order .rincian-pesanan .rincian-produk .item{border-bottom:2px solid #474747;margin-bottom:10px}.lacak-pengiriman .detail-order .rincian-pesanan .rincian-produk .item img{max-width:200px}.lacak-pengiriman .detail-order .rincian-pesanan .rincian-produk .item .detail .top{margin-bottom:20px}.lacak-pengiriman .detail-order .rincian-pesanan .rincian-produk .item .detail .top p{font-weight:600;color:#000;margin-bottom:5px;font-size:20px;line-height:25px}.lacak-pengiriman .detail-order .rincian-pesanan .rincian-produk .item .detail .top p.harga{font-size:16px}.lacak-pengiriman .detail-order .rincian-pesanan .rincian-produk .item .detail .bottom p{font-weight:600;font-size:16px}.lacak-pengiriman .detail-order .rincian-pesanan .rincian-produk .voucher ul{padding:0 20px}.lacak-pengiriman .detail-order .total-pesanan{margin-bottom:20px}.lacak-pengiriman .detail-order .total-pesanan p{font-size:20px;font-weight:600}.lacak-pengiriman .detail-order .total-pesanan p.harga{color:#f60;font-size:25px}}.no-resi h2{font-size:16px!important;margin-bottom:0}.no-resi .resi h3{font-size:20px!important}.no-resi .resi span{font-size:12px!important;font-weight:600}@media(max-width:574px){.lacak-pengiriman .detail-order .id-order{margin-bottom:10px}.lacak-pengiriman .detail-order .id-order p{padding:5px 10px;font-size:12px}.lacak-pengiriman .detail-order .id-order p:last-child{border-bottom-right-radius:20px;border-bottom-left-radius:20px}.lacak-pengiriman .detail-order .id-order-sukses{display:inline-block;margin-bottom:10px}.lacak-pengiriman .detail-order .id-order-sukses p{margin-right:10px;font-size:12px}.lacak-pengiriman .detail-order .id-order-sukses p:last-child{border-bottom-right-radius:10px;border-bottom-left-radius:10px}.lacak-pengiriman .detail-order .data-order{padding:15px 10px;font-weight:400;font-size:12px;border-radius:10px;position:relative;margin-bottom:10px}.lacak-pengiriman .detail-order .data-order p{font-weight:400;font-size:12px}.lacak-pengiriman .detail-order .data-order .icon-user{position:absolute;padding:2px;background-color:#fff;top:-17px;right:-18px;border-radius:50%}.lacak-pengiriman .detail-order .data-order .icon-user img{width:50px;height:50px;object-fit:cover;padding:12px}.lacak-pengiriman .detail-order .data-toko{background-color:#f60;border-radius:10px;margin-bottom:10px}.lacak-pengiriman .detail-order .data-toko p{padding:0 10px;color:#fff;font-size:12px;font-weight:400;flex:50% 1}.lacak-pengiriman .detail-order .bank-section{background-color:#fff;border-radius:20px;padding:10px 20px;box-shadow:0 0 8px -1px rgba(0,0,0,.28);margin-bottom:30px}.lacak-pengiriman .detail-order .bank-section img{width:30px;height:30px}.lacak-pengiriman .detail-order .rincian-pesanan{font-weight:400;font-size:20px;margin-bottom:10px}.lacak-pengiriman .detail-order .rincian-pesanan .rincian-produk{padding:10px 15px}.lacak-pengiriman .detail-order .rincian-pesanan .rincian-produk .item{border-bottom:1px solid #474747;margin-bottom:20px}.lacak-pengiriman .detail-order .rincian-pesanan .rincian-produk .item img{max-width:100px}.lacak-pengiriman .detail-order .rincian-pesanan .rincian-produk .item .detail .top{margin-bottom:0}.lacak-pengiriman .detail-order .rincian-pesanan .rincian-produk .item .detail .top p{font-weight:400;margin-bottom:5px;color:#000;font-size:14px}.lacak-pengiriman .detail-order .rincian-pesanan .rincian-produk .item .detail .bottom p{font-weight:400;font-size:14px}.lacak-pengiriman .detail-order .rincian-pesanan .rincian-produk .jasa-kirim,.lacak-pengiriman .detail-order .rincian-pesanan .rincian-produk .voucher{font-size:14px}.lacak-pengiriman .detail-order .rincian-pesanan .rincian-produk .voucher ul{padding:0 20px!important}.lacak-pengiriman .detail-order .total-pesanan{margin-bottom:20px}.lacak-pengiriman .detail-order .total-pesanan p{font-size:20px;font-weight:600}.lacak-pengiriman .detail-order .total-pesanan p.harga{color:#f60;font-size:25px}}.timeline-pengiriman .wrapper-card{position:relative}.timeline-pengiriman .wrapper-card .tanggal{margin-right:15px;margin-top:-10px;flex:1 1}.timeline-pengiriman .wrapper-card .tanggal p{font-size:16px;font-weight:400;line-height:20px}.timeline-pengiriman .wrapper-card .tanggal p.jam{font-size:14px}.timeline-pengiriman .wrapper-card .line-vertical{margin-right:15px;width:1px;min-height:60px;border-right:2px solid #d2d2d2;position:relative}.timeline-pengiriman .wrapper-card .line-vertical.first{height:0;border-right:none}.timeline-pengiriman .wrapper-card .line-vertical:after{content:"";position:absolute;width:8px;height:8px;background-color:#000;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;top:-1px;right:-5px;z-index:1}.timeline-pengiriman .wrapper-card .lokasi{margin-top:-10px}.timeline-pengiriman .wrapper-card .lokasi p{font-size:20px;font-weight:600}.timeline-pengiriman .wrapper-card .lokasi p.note{font-size:12px;color:#000;font-weight:400}.timeline-pengiriman.last p{color:#f60}.timeline-pengiriman.last .wrapper-card .line-vertical:after{background-color:#f60}@media(max-width:574px){.timeline-pengiriman .wrapper-card .tanggal{margin-right:10px;margin-top:-10px}.timeline-pengiriman .wrapper-card .tanggal p{width:85px!important;font-size:12px;font-weight:400;line-height:15px}.timeline-pengiriman .wrapper-card .tanggal p.jam{font-size:10px}.timeline-pengiriman .wrapper-card .line-vertical{margin-right:15px;width:1px;min-height:40px;border-right:2px solid #d2d2d2;position:relative}.timeline-pengiriman .wrapper-card .line-vertical:after{content:"";position:absolute;width:8px;height:8px;background-color:#000;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;top:-1px;right:-5px;z-index:1}.timeline-pengiriman .wrapper-card .lokasi{margin-top:-10px}.timeline-pengiriman .wrapper-card .lokasi p{font-size:14px;font-weight:400}}@media(max-width:991px){.notifikasi{padding:5px 30px 0}.notifikasi-items{margin-top:0}}.notif-item{border-bottom:1px solid #d2d2d2}.notif-item .info .info-top i{color:#2196f3}.notif-item .info .info-top span{color:#5b5b5b}.notif-item .info .info-top .rounded-circle{width:10px;height:10px;background-color:#5b5b5b}.notif-item .detail-notif h1{font-size:22px}.notif-item .detail-notif p{font-size:20px}@media(max-width:991px){.notif-item{border-bottom:1px solid #d2d2d2}.notif-item .info .info-top i{color:#2196f3}.notif-item .info .info-top span{color:#5b5b5b}.notif-item .detail-notif h1{font-size:22px}.notif-item .detail-notif p{font-size:18px}}@media(max-width:570px){.notif-item{border-bottom:1px solid #d2d2d2}.notif-item .info .info-top i{color:#2196f3;font-size:11px}.notif-item .info .info-top span{color:#5b5b5b;font-size:11px}.notif-item .info .info-top .rounded-circle{width:3px;height:3px;background-color:#5b5b5b}.notif-item .info span{color:#5b5b5b;font-size:11px}.notif-item .detail-notif h1{font-size:14px;font-weight:500}.notif-item .detail-notif p{font-size:13px}}.chat-page{overflow-x:hidden;margin-bottom:-80px;position:relative}.chat-page .chat-row .sidebar{background-color:#f60;height:100vh;overflow-y:scroll;overflow-x:hidden;position:fixed;left:0;top:0;z-index:9}.chat-page .chat-row .sidebar .cari{margin-bottom:10px;color:#fff}.chat-page .chat-row .sidebar .cari i{color:#dd5800;margin-right:10px}.chat-page .chat-row .sidebar .cari input{background-color:#f60;outline:none;border:none;font-weight:400;color:#dd5800}.chat-page .chat-row .sidebar .cari input::placeholder{color:#fff}.chat-page .chat-row .chat-konten-right{margin-left:25%}.chat-page .chat-row .chat-konten-right .hamburger{margin-left:25px;margin-top:20px}@media(max-width:991px){.chat-page{padding-bottom:0}.chat-page .chat-row{display:block}.chat-page .chat-row .sidebar{display:none}.chat-page .chat-row .sidebar.active{display:block;max-width:200px!important}.chat-page .chat-row .sidebar .cari{margin-bottom:8px;color:#fff}.chat-page .chat-row .sidebar .cari i{color:#dd5800;margin-right:10px}.chat-page .chat-row .sidebar .cari input{background-color:#f60;outline:none;border:none;color:#dd5800;font-size:14px}.chat-page .chat-row .chat-konten-right{margin-left:0;max-width:100%!important}}.card-member{border-top:1px solid #fff}.card-member .fa-user-circle{font-size:40px}.card-member .user .nama-user{font-size:20px;font-weight:600}.card-member .user .status-online{height:auto;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical}@media(max-width:991px){.card-member{border-top:1px solid #fff}.card-member .fa-user-circle{font-size:20px}.card-member .user .nama-user{font-size:14px;font-weight:400}.card-member .user i{font-size:8px;color:#8fff00}.card-member .user span{font-size:10px}}.chat-konten{max-width:99%;position:relative}.chat-konten .header-chat{padding:10px 30px;background-color:#fff;position:fixed;width:76%}.chat-konten .header-chat .user .nama-user{font-size:20px;font-weight:600;color:#5b5b5b}.chat-konten .header-chat .user i{color:#8fff00;font-size:14px}.chat-konten .isi-chat{background-color:#f6f7fc;overflow:hidden;padding:90px 20px 10px;margin-bottom:40px}.chat-konten .chat-footer{position:fixed;bottom:0;width:75vw}.chat-konten .chat-footer .message-input{flex:1 1;border-radius:10px}.chat-konten .chat-footer .paper-plane-wrapper{width:30px;height:30px;background-color:#f60;cursor:pointer}.chat-konten .chat-footer .paper-plane-wrapper i.fa-paper-plane{font-size:12px}.chat-konten .chat-footer .fa-plus-circle{color:#5b5b5b;cursor:pointer}.chat-konten .chat-footer textarea{border:2px solid #d2d2d2}.chat-konten.user-chat{max-width:99%;position:relative}.chat-konten.user-chat .header-chat{padding:10px 30px;background-color:#fff;position:fixed;width:101%}.chat-konten.user-chat .header-chat .user .nama-user{font-size:20px;font-weight:600;color:#5b5b5b}.chat-konten.user-chat .header-chat .user i{color:#8fff00;font-size:14px}.chat-konten.user-chat .isi-chat{background-color:#f6f7fc;overflow-y:scroll;padding:90px 20px 10px;margin-bottom:40px}.chat-konten.user-chat .chat-footer{position:fixed;bottom:0;width:100vw}.chat-konten.user-chat .chat-footer .message-input{flex:1 1;border-radius:10px;margin-left:0!important}.chat-konten.user-chat .chat-footer .paper-plane-wrapper{width:30px;height:30px;background-color:#f60;cursor:pointer}.chat-konten.user-chat .chat-footer .paper-plane-wrapper i.fa-paper-plane{font-size:12px}.chat-konten.user-chat .chat-footer .fa-plus-circle{color:#5b5b5b;cursor:pointer}.chat-konten.user-chat .chat-footer textarea{border:2px solid #d2d2d2}@media(max-width:991px){.chat-konten{max-width:100%}.chat-konten .header-chat{width:103%}.chat-konten .isi-chat{margin-bottom:0}.chat-konten .chat-footer{position:fixed;bottom:58px;width:104vw;padding-right:0!important}.chat-konten .chat-footer .paper-plane-wrapper{margin-right:20px!important}.chat-konten.user-chat{max-width:100%}.chat-konten.user-chat .header-chat{width:103%}.chat-konten.user-chat .isi-chat{margin-bottom:0}.chat-konten.user-chat .chat-footer{position:fixed;bottom:58px;width:104vw;padding-right:0!important}.chat-konten.user-chat .chat-footer .paper-plane-wrapper{margin-right:30px!important}}.double-baloon{background-color:transparent}.double-baloon .baloon-text-member{max-width:50%;background-color:transparent;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.double-baloon .baloon-text-member img{margin-bottom:10px}.double-baloon .baloon-text-member .p{color:#000;background-color:#e5e5e5;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-top-left-radius:0;padding:2px 10px;width:-moz-fit-content;width:fit-content}.baloon-text-member{max-width:50%;background-color:transparent}.baloon-text-member,.baloon-text-member .p{margin-bottom:10px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-top-left-radius:0}.baloon-text-member .p{color:#fff;background-color:#e5e5e5;padding:2px 10px;width:-moz-fit-content;width:fit-content}.p{word-wrap:break-word;padding:0 10px}.text-left i{color:#e5e5e5;margin-right:10px;font-size:40px}.file-download{font-style:italic}.file-download i{cursor:pointer;padding:5px;border-radius:50%;background-color:#fff;color:#000;margin:5px 10px 5px 0}.file-download i.left{background-color:#f60;color:#fff}.baloon-me{display:flex;justify-content:flex-end}.baloon-me .baloon-text-member{background-color:transparent}.baloon-me .baloon-text-member,.baloon-me .baloon-text-member .p{border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-top-right-radius:0}.baloon-me .baloon-text-member .p{color:#fff;background-color:#f60;margin-bottom:10px;padding:2px 10px}.baloon-me.double-baloon{background-color:transparent}.baloon-me.double-baloon .my-double{display:flex;flex-direction:column;align-items:end}.baloon-me.double-baloon .baloon-text-member{max-width:50%;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.baloon-me.double-baloon .baloon-text-member img{margin-bottom:10px}.baloon-me.double-baloon .baloon-text-member .p{color:#fff;margin-bottom:10px;background-color:#f60;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-top-right-radius:0;padding:2px 10px}@media(max-width:991px){.baloon-text-member{max-width:70%;margin-bottom:10px;background-color:transparent;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-top-left-radius:0}}.media-chat{position:fixed;bottom:13vh;width:75%;margin:auto}.media-chat.not-administrator{width:100%}.media-chat .inner-media{border-radius:13px}.media-chat .inner-media .medias{display:flex;align-items:center;justify-content:space-around}.media-chat .inner-media .medias img{width:37px;height:37px;cursor:pointer}.media-chat .inner-media .file-attach{margin-bottom:0}._1ceqH ._2fG9h{padding:0!important}._1ceqH ._2fG9h ._dt3-T{min-height:190px}._1ceqH ._2fG9h ._eV_dK{display:none}._1ceqH ._2fG9h audio{position:absolute;right:-38%;bottom:17%}._1ceqH ._2fG9h ._1lB9c{display:none}._1ceqH ._2fG9h ._1Yplu{position:absolute;bottom:0}._1ceqH ._2fG9h ._1Yplu ._1Pz2d._37kfa{display:none}._1ceqH ._2fG9h ._1Yplu button{margin:0;padding:10px}@media(max-width:991px){.media-chat{position:fixed;bottom:17.5vh;width:104%;margin:auto}}@media(max-width:571px){.media-chat{position:fixed;bottom:16vh;width:106%;margin:auto}}@media(max-width:450px){.media-chat{position:fixed;bottom:16vh;width:108%;margin:auto}}.notfound{display:flex;align-items:center;height:100vh;justify-content:center}.notfound .wrapper{text-align:center}.notfound .wrapper img{width:500px;margin-bottom:20px}.notfound .wrapper .buttons{margin:auto;max-width:200px}@media(max-width:991px){.wrapper img{width:300px;margin-bottom:20px}.wrapper h1{font-size:28px}.wrapper .buttons{margin:auto;max-width:200px}}@media(max-width:500px){.notfound .wrapper img{width:200px;margin-bottom:15px}.notfound .wrapper h1{font-size:18px}.notfound .wrapper .buttons{margin:auto;max-width:150px}}.card-penukaran-poin{padding:20px;background-color:#fceadf;border:none}.card-penukaran-poin .title{padding-bottom:15px;border-bottom:2px dotted #6c757d;margin-bottom:15px}.card-penukaran-poin .title h2{font-size:16px;color:#f60;font-weight:600;margin-bottom:0}.card-penukaran-poin .title span{font-size:12px;font-weight:600}.card-penukaran-poin .desc-penukaran p{padding:0;margin:0;font-weight:400;color:#6c757d;font-size:14px;line-height:20px}.detail-bank img{width:12px}.detail-pembayaran .garis{border-bottom:8px solid #ededed}.detail-pembayaran .dropdowns .id-order{font-weight:600;font-size:24px}.detail-pembayaran .dropdowns h2.harga{font-size:34px}@media(max-width:991px){.detail-pembayaran .total-detpem{margin:0 30px}.detail-pembayaran .garis{border-bottom:6px solid #ededed}.detail-pembayaran .dropdowns{margin:30px 30px 0}.detail-pembayaran .dropdowns .total-pembayaran{color:#5b5b5b;font-size:20px}.detail-pembayaran .dropdowns .id-order{font-weight:600;font-size:16px}.detail-pembayaran .dropdowns h2.harga{color:#f60;font-size:28px;font-weight:600}.detail-pembayaran .buttons{margin:30px 30px 0}.detail-pembayaran .wrapper-konfirmasi{margin-bottom:50px!important}.detail-pembayaran .wrapper-konfirmasi .konfirmasi{padding:20px 30px;margin-bottom:50px}.detail-pembayaran .wrapper-konfirmasi .konfirmasi h2{font-size:24px;font-weight:600;color:#000}.detail-pembayaran .wrapper-konfirmasi .konfirmasi p{font-size:20px}}.bank .nama-bank-langganan h2{font-size:20px}.no-rekening h2.nama-bank-langganan{font-size:20px;color:#f60}.card-product-transaksi-sukses .card-body img{width:100%}.card-product-transaksi-sukses .card-body .title-price .title{font-size:24px}.card-product-transaksi-sukses .card-body .title-price .price{font-size:24px;font-weight:600}@media(max-width:550px){.card-product-transaksi-sukses .card-body img{width:100%;object-fit:cover}.card-product-transaksi-sukses .card-body .title-price{margin-bottom:10px!important}.card-product-transaksi-sukses .card-body .title-price .title{font-size:16px;line-height:18px}.card-product-transaksi-sukses .card-body .title-price .price{font-size:16px;font-weight:600}}.transaksi-sukses .fa-check-circle{color:#f60}.transaksi-sukses .berhasil{color:#f60;font-size:32px;font-weight:600}.transaksi-sukses .detail-wrapper{box-shadow:0 -1px 13px -1px rgba(0,0,0,.34);border-start-start-radius:40px;border-start-end-radius:40px}.transaksi-sukses .detail-wrapper .table-konfirmasi{color:#5b5b5b}.transaksi-sukses .detail-wrapper .table-konfirmasi i{color:#f60}.transaksi-sukses .detail-wrapper .table-konfirmasi .bukti-bayar{color:#329b88}.transaksi-sukses .detail-wrapper .table-konfirmasi .bukti-bayar p{max-width:350px;word-wrap:break-word}.transaksi-sukses .detail-wrapper .id-order{color:#5b5b5b;font-size:24px;font-weight:600}.transaksi-sukses .detail-wrapper .no-order{color:#5b5b5b;font-size:14px;font-weight:600}.transaksi-sukses .detail-wrapper .informasi-pengiriman h2{font-size:24px}.transaksi-sukses .detail-wrapper .informasi-pengiriman .ekspedisi{font-size:20px}.transaksi-sukses .detail-wrapper .transaksi-diproses p{font-size:21px;font-weight:600}.transaksi-sukses .detail-wrapper .transaksi-diproses i{color:#62e027}.transaksi-sukses .button-selesai-mobile{display:none!important}.transaksi-sukses .daftar-pesanan h2{font-size:24px;font-weight:600}@media(max-width:768px){.transaksi-sukses .row-transaksi{display:block;margin-bottom:60px}.transaksi-sukses .row-transaksi .transaksi-berhasil{display:block!important;text-align:center}.transaksi-sukses .row-transaksi .transaksi-berhasil .fa-check-circle{font-size:100px;margin-bottom:15px}.transaksi-sukses .row-transaksi .col-6{max-width:100%}.transaksi-sukses .row-transaksi .col-6.button-selesai-web{display:none!important}.transaksi-sukses .detail-wrapper{box-shadow:none;border-start-start-radius:0;border-start-end-radius:0}.transaksi-sukses .detail-wrapper .order-id-wrapper{display:flex;align-items:center;justify-content:space-between}.transaksi-sukses .detail-wrapper .order-id-wrapper .id-order{font-family:Roboto;font-style:normal;font-weight:700;font-size:18px;line-height:21px;letter-spacing:-.3px;color:#5b5b5b}.transaksi-sukses .detail-wrapper .order-id-wrapper .no-order{font-family:Roboto;font-style:normal;font-weight:700;font-size:18px;line-height:21px;letter-spacing:-.3px;color:#f60}.transaksi-sukses .detail-wrapper .table-konfirmasi{color:#5b5b5b}.transaksi-sukses .detail-wrapper .table-konfirmasi i{color:#f60}.transaksi-sukses .detail-wrapper .table-konfirmasi .bukti-bayar{color:#329b88}.transaksi-sukses .detail-wrapper .table-konfirmasi .bukti-bayar p{max-width:180px;word-wrap:break-word}.transaksi-sukses .detail-wrapper .informasi-pengiriman h2{font-size:20px}.transaksi-sukses .detail-wrapper .informasi-pengiriman .ekspedisi{font-size:16px}.transaksi-sukses .detail-wrapper .transaksi-diproses p{font-size:16px;font-weight:600}.transaksi-sukses .detail-wrapper .transaksi-diproses i{color:#62e027}.transaksi-sukses .button-selesai-mobile{display:none!important}.transaksi-sukses .daftar-pesanan h2{font-size:20px;font-weight:600}.transaksi-sukses .button-selesai-mobile{display:block!important}}.bank,.bank .bank-card img{cursor:pointer}.bank .bank-card img.bank-icon{width:80px}.bank .bank-card img.icon-arrow{width:16px}.bank .bank-card label{cursor:pointer;font-size:16px;font-weight:400}.bank .data-rekening p{margin-bottom:3px}.bank .data-rekening .no-rekening-label{color:#5b5b5b}.bank .data-rekening .no-rekening-label,.bank .data-rekening .salin{font-family:Roboto;font-style:normal;font-weight:400;font-size:16px;line-height:19px}.bank .data-rekening .salin{color:#329b88;cursor:pointer}.bank .data-rekening .no-rekening{font-family:Roboto;font-style:normal;font-weight:500;font-size:20px;line-height:23px;color:#f60}.bank .data-rekening .nama-pemilik{font-family:Roboto;font-style:normal;font-weight:400;font-size:16px;line-height:19px;color:#000}@media(max-width:570px){.bank .bank-card img.bank-icon{width:50px}.bank .bank-card img.icon-arrow{width:12px!important}.bank .bank-card label{font-size:14px!important;font-weight:400}.bank .data-rekening p{margin-bottom:3px}.bank .data-rekening .no-rekening-label{font-size:14px;color:#5b5b5b}.bank .data-rekening .no-rekening-label,.bank .data-rekening .salin{font-family:Roboto;font-style:normal;font-weight:400;line-height:19px}.bank .data-rekening .salin{font-size:12px!important;color:#329b88;cursor:pointer}.bank .data-rekening .no-rekening{font-family:Roboto;font-style:normal;font-weight:500;font-size:18px;line-height:23px;color:#f60}.bank .data-rekening .nama-pemilik{font-family:Roboto;font-style:normal;font-weight:400;font-size:14px;line-height:19px;color:#000}}.label{font-size:13px}.detail-bank img{width:16px}.detail-bank .list-detail .list-group-item{border:none;font-size:13px}@media(max-width:570px){.detail-bank img{width:12px}}.pilih-bank-component .pilih-bank{margin-bottom:100px}@media(max-width:1000px){.pilih-bank-component{margin:0 20px}.pilih-bank-component .pilih-bank .col-lg-6{padding:0}}.pilih-bank-konfirmasi .kiri .wrapper-bank{border-bottom:1px solid #e5e5e5}.pilih-bank-konfirmasi .kiri .wrapper-bank img{width:25px;margin-right:10px}.pilih-bank-konfirmasi .kiri .wrapper-bank .label-bank{font-size:17px;margin-bottom:0}.pilih-bank-konfirmasi .kiri .detail-bank .no-rek{color:#f60;font-size:24px;font-weight:600}.pilih-bank-konfirmasi .kiri .detail-bank .salin{color:#329b88;text-transform:uppercase}.pilih-bank-konfirmasi .kanan .table-konfirmasi{border-radius:10px}.pilih-bank-konfirmasi .kanan .table-konfirmasi i{color:#f60}.pilih-bank-konfirmasi .kanan .table-konfirmasi .bukti-bayar{color:#329b88}@media(max-width:600px){.pilih-bank-konfirmasi .kiri img{width:20px}.pilih-bank-konfirmasi .kiri .detail-bank .no-rek,.pilih-bank-konfirmasi .kiri .label-bank{font-size:18px}.pilih-bank-konfirmasi .kanan .table-konfirmasi{font-size:12px;border-radius:10px}.pilih-bank-konfirmasi .kanan .table-konfirmasi i{color:#f60}.pilih-bank-konfirmasi .kanan .table-konfirmasi .bukti-bayar{color:#329b88}}.detail-pembayaran{font-family:"Roboto"}.detail-pembayaran .garis{border-bottom:1px solid #ededed}.detail-pembayaran .dropdowns .total-pembayaran{color:#5b5b5b;font-size:20px}.detail-pembayaran .dropdowns .id-order{font-weight:500;font-size:20px}.detail-pembayaran .dropdowns h2.harga{color:#f60;font-size:20px;font-weight:600}.detail-pembayaran .wrapper-konfirmasi .shadow{background-color:#000;opacity:.4;width:100%;height:100%;position:fixed;top:0;left:0}.detail-pembayaran .wrapper-konfirmasi .konfirmasi{position:fixed;bottom:0;background-color:#fff;width:100%;box-shadow:0 0 5px 0 rgba(0,0,0,.46)}.detail-pembayaran .wrapper-konfirmasi .konfirmasi h2{font-size:34px;font-weight:600;color:#000}.detail-pembayaran .wrapper-konfirmasi .konfirmasi p{font-size:34px}@media(max-width:991px){.detail-pembayaran .total-detpem{margin:0 30px}.detail-pembayaran .garis{border-bottom:1px solid #ededed}.detail-pembayaran .dropdowns{margin:30px 30px 0}.detail-pembayaran .dropdowns .total-pembayaran{color:#5b5b5b;font-size:20px}.detail-pembayaran .dropdowns .id-order{font-weight:600;font-size:16px}.detail-pembayaran .dropdowns h2.harga{color:#f60;font-size:28px;font-weight:600}.detail-pembayaran .buttons{margin:30px 30px 0}.detail-pembayaran .wrapper-konfirmasi{margin-bottom:50px!important}.detail-pembayaran .wrapper-konfirmasi .konfirmasi{padding:20px 30px;margin-bottom:50px}.detail-pembayaran .wrapper-konfirmasi .konfirmasi h2{font-size:24px;font-weight:600;color:#000}.detail-pembayaran .wrapper-konfirmasi .konfirmasi p{font-size:20px}}@media(max-width:400px){.detail-pembayaran .dropdowns .total-pembayaran{color:#5b5b5b;font-size:14px}.detail-pembayaran .dropdowns .id-order{font-weight:600;font-size:14px}.detail-pembayaran .dropdowns h2.harga{color:#f60;font-size:24px;font-weight:600}.detail-pembayaran .wrapper-konfirmasi .konfirmasi{padding:15px 20px}.detail-pembayaran .wrapper-konfirmasi .konfirmasi h2{font-size:16px;font-weight:600;color:#000}.detail-pembayaran .wrapper-konfirmasi .konfirmasi p{font-size:14px}}.dropdown-pembayaran-berlangganan{border-bottom:1px solid #e5e5e5}.dropdown-pembayaran-berlangganan img{width:80px}.dropdown-pembayaran-berlangganan .bank h2.nama-bank-langganan{font-size:20px!important}.dropdown-pembayaran-berlangganan .judul-dropdown{font-size:20px;font-weight:400}.no-rekening h2{color:#f60}@media(max-width:991px){.dropdown-pembayaran-berlangganan{border-bottom:1px solid #e5e5e5}.dropdown-pembayaran-berlangganan h2{font-size:20px}.dropdown-pembayaran-berlangganan i{font-size:24px}.no-rekening h2{font-size:20px}}@media(max-width:450px){.dropdown-pembayaran-berlangganan{border-bottom:1px solid #e5e5e5}.dropdown-pembayaran-berlangganan h2{font-size:16px}.dropdown-pembayaran-berlangganan i{font-size:18px}}.input-konfirmasi label{font-size:20px;font-weight:600}.input-konfirmasi input{background-color:#f6f7fc}.input-konfirmasi input:focus{outline:none;border:none}@media(max-width:570px){.input-konfirmasi label{font-size:14px;font-weight:500}}.konfirmasi-pembayaran .konfirmasi-desc .id-order p{font-size:20px}.konfirmasi-pembayaran .konfirmasi-desc .id-order h2{color:#f60;font-size:32px}.konfirmasi-pembayaran .konfirmasi-desc .id-order i{color:#f60}.konfirmasi-pembayaran .konfirmasi-desc .icon-user{width:100px;height:100px;cursor:pointer;background-color:#f6f7fc;border-radius:40%;display:flex;align-items:center;justify-content:center;position:relative}.konfirmasi-pembayaran .konfirmasi-desc .icon-user i{color:#e5e5e5}.konfirmasi-pembayaran .konfirmasi-desc .icon-user i.fa-plus-circle{position:absolute;bottom:0;right:0;font-size:25px;color:#d2d2d2}.konfirmasi-pembayaran .konfirmasi-desc .buttons{background-color:#f60;border-radius:7px}.konfirmasi-pembayaran .konfirmasi-desc .buttons .btn-orange{background-color:#f60;color:#fff;font-weight:600}.konfirmasi-pembayaran .konfirmasi-desc .buttons .btn-orange:hover{background-color:#fff;color:#f60}.konfirmasi-pembayaran .konfirmasi-desc .buttons .btn-white{background-color:#fff;color:#f60;font-weight:600}.konfirmasi-pembayaran .konfirmasi-desc .buttons .btn-white:hover{background-color:#f60;color:#fff}.konfirmasi-pembayaran .icon-user-mobile{display:none}.wrapper-pembayaran .shadow{background-color:#000;opacity:.4;width:100%;height:100%;position:fixed;top:0;left:0}.wrapper-pembayaran .konfirmasi{position:fixed;bottom:0;background-color:#fff;width:100%;box-shadow:0 0 5px 0 rgba(0,0,0,.46)}.wrapper-pembayaran .konfirmasi h2{font-size:34px;font-weight:600;color:#000}.wrapper-pembayaran .konfirmasi p{font-size:34px}@media(max-width:767px){.icon-user-web{display:none!important}.icon-user-mobile{display:flex!important}.button-konfirmasi-mobile{display:block!important}.btn-konfirmasi-web,.buttons-upload{display:none}}@media(max-width:570px){.konfirmasi-pembayaran .konfirmasi-desc .id-order p{font-size:16px}.konfirmasi-pembayaran .konfirmasi-desc .id-order h2{font-size:24px}.konfirmasi-pembayaran .konfirmasi-desc .id-order .icon-circle{text-align:right}.konfirmasi-pembayaran .konfirmasi-desc .id-order .icon-circle i{font-size:20px}.konfirmasi-pembayaran .konfirmasi-desc .buttons{background-color:#f60;border-radius:7px}.konfirmasi-pembayaran .konfirmasi-desc .buttons .btn-orange{background-color:#f60;color:#fff;font-weight:600}.konfirmasi-pembayaran .konfirmasi-desc .buttons .btn-orange:hover{background-color:#fff;color:#f60}.konfirmasi-pembayaran .konfirmasi-desc .buttons .btn-white{background-color:#fff;color:#f60;font-weight:600}.konfirmasi-pembayaran .konfirmasi-desc .buttons .btn-white:hover{background-color:#f60;color:#fff}.wrapper-pembayaran .shadow{background-color:#000;opacity:.4;width:100%;height:100%;position:fixed;top:0;left:0}.wrapper-pembayaran .konfirmasi{position:fixed;bottom:0;padding:0 20px;background-color:#fff;width:100%;box-shadow:0 0 5px 0 rgba(0,0,0,.46)}.wrapper-pembayaran .konfirmasi h2{font-size:22px;font-weight:600;color:#000}.wrapper-pembayaran .konfirmasi p{font-size:20px}}.iiHmzE{font-size:16px!important}.dBiTke,.iiHmzE{font-family:Roboto}.dBiTke{font-size:12px}.detail-produk-managemen br{content:"";display:block;height:5px}.detail-produk-managemen .details img{width:100%;margin-bottom:10px}.detail-produk-managemen .details .thumbnails{display:flex}.detail-produk-managemen .details .thumbnails img{width:100px;margin-right:10px}.detail-produk-managemen .details .thumbnails img:last-child{margin-right:0}.detail-produk-managemen .details .detail-right h1{font-size:28px}.rti--container,.rti--container .rti--input{width:100%}.image-produk{display:flex;align-items:center;justify-content:center;position:relative}.image-produk .fa-times-circle{position:absolute;font-size:50px;opacity:0;cursor:pointer;transition:.2s}.image-produk .fa-times-circle:hover{opacity:1}.chart-produk .images .image-chart{display:flex}.managemen-modul .moduls .card-body{height:50vh}.managemen-modul .moduls .card-body:hover,.managemen-modul .moduls .card-body h1{cursor:pointer}@media(max-width:570px){.managemen-modul .moduls .card-body{height:30vh}.managemen-modul .moduls .card-body:hover{cursor:pointer}}.managemen-transaksi .pilih{justify-content:end}@media(max-width:767px){.managemen-transaksi .pilih{justify-content:start}}.detail-transaksi-managemen h1{font-size:28px}.detail-voucher-managemen .details img{width:100%;margin-bottom:10px}.detail-voucher-managemen .details .thumbnails{display:flex}.detail-voucher-managemen .details .thumbnails img{width:100px;margin-right:10px}.detail-voucher-managemen .details .thumbnails img:last-child{margin-right:0}.detail-voucher-managemen .details .detail-right h1{font-size:28px}.rincian-berlangganan .detail-berlangganan{margin-top:20px}.rincian-berlangganan .detail-berlangganan p{padding:0;margin-bottom:0}.rincian-berlangganan .detail-berlangganan .wrapper-order-berlangganan{align-items:flex-start}.rincian-berlangganan .detail-berlangganan .wrapper-order-berlangganan .order-berlangganan h2{font-size:20px;margin-bottom:0}.rincian-berlangganan .detail-berlangganan .wrapper-order-berlangganan .order-berlangganan p{font-size:20px;font-weight:600;color:#f60}.rincian-berlangganan .detail-berlangganan .wrapper-order-berlangganan .bg-purple{background-color:#660b66;color:#fff;padding:5px 10px}.rincian-berlangganan .detail-berlangganan .bank-section-pemesanan{background-color:#fff;border-radius:20px;padding:15px 20px;box-shadow:0 0 4px -1px rgba(0,0,0,.28);margin:20px 0}.rincian-berlangganan .detail-berlangganan .bank-section-pemesanan .header-bank{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ededed}.rincian-berlangganan .detail-berlangganan .bank-section-pemesanan .header-bank img{width:80px}.rincian-berlangganan .detail-berlangganan .bank-section-pemesanan .header-bank p{color:#000;font-weight:400;font-size:20px}.rincian-berlangganan .detail-berlangganan .bank-section-pemesanan .header-bank .fa-chevron-down{color:#f60;font-size:22px}.rincian-berlangganan .detail-berlangganan .bank-section-pemesanan .bank-detail-pemesanan{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ededed}.rincian-berlangganan .detail-berlangganan .bank-section-pemesanan .bank-detail-pemesanan p{margin-bottom:0;padding:0;font-weight:400}.rincian-berlangganan .detail-berlangganan .bank-section-pemesanan .bank-detail-pemesanan p.nomor-rekening{color:#f60;font-size:24px}.rincian-berlangganan .detail-berlangganan .bank-section-pemesanan .bank-detail-pemesanan p.label-rekening{color:#000;font-size:14px}.rincian-berlangganan .detail-berlangganan .bank-section-pemesanan .bank-detail-pemesanan p.nama-pemilik{color:#000;font-size:16px}.rincian-berlangganan .detail-berlangganan .bank-section-pemesanan .button-pemesanan-pembayaran{background-color:#f60;color:#fff;margin-top:5px}.rincian-berlangganan .detail-berlangganan .rincian-order-berlangganan td{padding-bottom:0}.rincian-berlangganan .detail-berlangganan .rincian-order-berlangganan .detail-rincian{font-weight:500}@media(max-width:750px){.rincian-berlangganan .detail-berlangganan{margin-top:15px}.rincian-berlangganan .detail-berlangganan p{padding:0;margin-bottom:0}.rincian-berlangganan .detail-berlangganan .wrapper-order-berlangganan{align-items:flex-start}.rincian-berlangganan .detail-berlangganan .wrapper-order-berlangganan .order-berlangganan h2{font-size:14px;margin-bottom:0}.rincian-berlangganan .detail-berlangganan .wrapper-order-berlangganan .order-berlangganan p{font-size:16px;font-weight:600;color:#f60}.rincian-berlangganan .detail-berlangganan .wrapper-order-berlangganan .bg-purple{background-color:#660b66;color:#fff;padding:5px 8px}.rincian-berlangganan .detail-berlangganan .bank-section-pemesanan{background-color:#fff;border-radius:20px;padding:5px 10px;box-shadow:0 0 4px -1px rgba(0,0,0,.28);margin:15px 0 20px}.rincian-berlangganan .detail-berlangganan .bank-section-pemesanan .header-bank{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ededed}.rincian-berlangganan .detail-berlangganan .bank-section-pemesanan .header-bank img{width:30px}.rincian-berlangganan .detail-berlangganan .bank-section-pemesanan .header-bank p{color:#f60;font-weight:400;font-size:14px}.rincian-berlangganan .detail-berlangganan .bank-section-pemesanan .header-bank .fa-chevron-down{color:#f60;font-size:16px}.rincian-berlangganan .detail-berlangganan .bank-section-pemesanan .bank-detail-pemesanan{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ededed}.rincian-berlangganan .detail-berlangganan .bank-section-pemesanan .bank-detail-pemesanan p{margin-bottom:0;padding:0;font-weight:600}.rincian-berlangganan .detail-berlangganan .bank-section-pemesanan .bank-detail-pemesanan p.nomor-rekening{color:#f60;font-size:18px}.rincian-berlangganan .detail-berlangganan .bank-section-pemesanan .bank-detail-pemesanan p.label-rekening{color:#000;font-size:12px}.rincian-berlangganan .detail-berlangganan .bank-section-pemesanan .bank-detail-pemesanan p.nama-pemilik{color:#000;font-size:14px}.rincian-berlangganan .detail-berlangganan .bank-section-pemesanan .button-pemesanan-pembayaran{background-color:#f60;color:#fff;margin-top:5px}.rincian-berlangganan .detail-berlangganan .rincian-order-berlangganan td{padding-bottom:0}}.dp-header-berlangganan .icon{font-family:"loew-heavy-italic";font-size:28px;font-style:italic;font-weight:800;line-height:42px;letter-spacing:0;text-align:left}.dp-header-berlangganan .navbar{margin:15px 32px;padding:0}.dp-header-berlangganan .navbar .navbar-brand img{width:188px}.dp-header-berlangganan .list{width:60px;height:25px;font-family:"roboto";font-style:normal;font-weight:500;font-size:21px;line-height:25px;padding:0 75px 0 0!important;color:#fff}.dp-header-berlangganan .profile_icon{width:62px;height:62px;background:#c4c4c4;border-radius:50%}.active{color:#f60}@media only screen and (max-width:574px){.dp-header-berlangganan{display:none}.dp-header .icon{font-size:15px;line-height:22px}.dp-header .navbar{margin:15px 32px;padding:0}.dp-header .navbar .navbar-brand img{width:121px}.dp-header .bell-icon{width:20.31px;height:20.31px;background-size:20.31px;background-image:url(/static/media/icon-bell.ae417e9d.svg)}}a{color:#f60}code{color:#e01a76}.btn-primary,.btn-primary:hover{color:#fff;background-color:#f60;border-color:#f60}.container{max-width:900px!important}.container-profile{max-width:1600px!important;margin:auto}.kanan-profile{padding:0 40px}p{padding:0}@media (max-width:570px){.kanan-profile{padding:0 30px}.container{padding:0 20px;margin:0}}
/*# sourceMappingURL=main.31eae0e2.chunk.css.map */