@import url(https://fonts.googleapis.com/css2?family=Caveat:wght@400;700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&family=Permanent+Marker&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&family=Secular+One&display=swap);.my-header{min-height:55px;background:#e3e3e3}.wrap-shadow{padding:2px 6px 2px 6px;border-radius:5px;border:1px solid #e6e6e6;font-size:7pt}.my-navbar{display:flex}.my-navbar__left{flex:1;order:1;overflow-x:auto}.my-navbar__left-content{width:100%}.my-navbar__right{order:2;width:420px;border-left:1px solid #e6e6e6;min-height:72px;display:flex;align-items:center;flex-wrap:wrap;padding:13px 21px}.my-navbar__link{font-size:10px;font-weight:700;color:#282f37;display:inline-block;padding:27px 14px 23px 14px;margin-right:1px}.my-navbar .router-link-active,.my-navbar__link:hover{border-bottom:4px solid #fec21b;text-decoration:none;color:#222f3d;background:#fff7d7;border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:0 0 8px 0 rgba(0,0,0,.16)}.my-navbar__toko-title{font-size:11px;font-weight:700;color:#464646}.my-navbar__toko-link{font-size:11px;font-weight:600;color:#464646}.my-navbar__copy-button{width:79.6px;border-radius:15px;border:1px solid #fec21b;background-color:#fffae9;color:#fec21b}.my-navbar__copy-button,.my-navbar__copy-button2{height:30px;padding:0 16px;font-size:11px;font-weight:600}.my-navbar__copy-button2{border-radius:15px;border:1px solid #3298db;background-color:#3298db;color:#fff}@media only screen and (max-width:768px){.my-navbar{display:block}.my-navbar__right{background-color:#f7f7f7;width:100%;justify-content:space-between;padding:13px 7px}.my-navbar__left{-ms-overflow-style:none;scrollbar-width:none}.my-navbar__left::-webkit-scrollbar{display:none}.my-navbar__left-content{width:1040px}.my-navbar__copy-button{border:none;background-color:transparent}.my-navbar__link{padding:27px 5px 23px 10px}}.see-my-web{padding:10px;background:#007bff;color:#fff}.my-footer{min-height:52px;background-color:#0a85b6;display:flex;justify-content:center;align-items:center;font-size:9px;color:#fff}.my-button{height:36px;border-radius:5px;padding:0 18px;border:none;color:#fff;font-size:11px;font-weight:700;line-height:1}.my-button--sm{height:30px}.my-button--lg{padding:0 31px;font-size:14px;height:45px}.my-button--flat{padding:0 56px}.my-button--narrow{padding:0 10px}.my-button--block{width:100%}.my-button--rounded{border-radius:45px}.my-button--rounded:focus{outline:none}.my-button--outline{background-color:#fff;border:1px solid #b6b6b6;color:#b6b6b6}.my-button--outline:hover{color:#464646;background-color:#fec21b;border:1px solid #fec21b}.my-button--outline-gray{border:1px solid #b6b6b6;background-color:#f7f7f7;color:#b6b6b6}.my-button--outline-gray:hover{color:#464646;background-color:#fec21b;border:1px solid #fec21b}.my-button--outline-yellow{color:#fec21b;background-color:#fff;border:1px solid #fec21b}.my-button--outline-yellow:hover{color:#464646;background-color:#fec21b;border:1px solid #fec21b}.my-button--outline-blue{color:#3bbaed;background-color:#e6f8ff;border:1px solid #3bbaed}.my-button--outline-blue:hover{color:#fff;background-color:#3bbaed;border:1px solid #3bbaed}.my-button--outline-green{color:#68d96d;background-color:#e7ffe9;border:1px solid #e7ffe9}.my-button--outline-green:hover{border:1px solid #68d96d}.my-button--outline-red{color:#ff4e4b;background-color:#ffe9e9;border:1px solid #ffe9e9}.my-button--outline-red:hover{border:1px solid #ff4e4b}.my-button--outline-fixed{background-color:#fff;border:1px solid #b6b6b6;color:#b6b6b6}.my-button--outline-fixed:hover{color:#464646;background-color:#fec21b;border:1px solid #fec21b}.my-button--blue{background-color:#3bbaed;border:1px solid #3bbaed}.my-button--blue:hover{background-color:#24a5d8}.my-button--fb{background-color:#30609b;border:1px solid #30609b}.my-button--fb:hover{background-color:#214c81}.my-button--red{background-color:#ff4e4b;border:1px solid #ff4e4b}.my-button--red:hover{background-color:#f7312e}.my-button--yellow{color:#464646;background-color:#fec21b;border:1px solid #fec21b}.my-button--yellow:hover{background-color:#f5b70c}.my-button--yellow-responsive{color:#464646;background-color:#fec21b;border:1px solid #fec21b}.my-button--yellow-responsive:hover{background-color:#f5b70c}.my-button--green1,.my-button--green1:hover{color:#464646;background-color:#2fcc70;border:1px solid #2fcc70}@media only screen and (max-width:768px){.my-button--yellow-responsive,.my-button--yellow-responsive:hover{color:#fec21b;background-color:transparent;border:none;text-decoration:underline;padding:0 2px;font-size:12px}.my-button--outline,.my-button--outline:hover{padding:0 3px;background-color:transparent;border:none;border:1px solid #b6b6b6}}.mobile-navbar{background-color:#fff;box-shadow:0 0 5px 0 rgba(0,0,0,.2)}.smartphone{width:390px;height:600px;border-radius:22px;box-shadow:0 0 5px 3px #efefef;background-color:#fff;display:flex;flex-direction:column}.smartphone__header{height:25px;display:flex;justify-content:center;align-items:center}.smartphone__header-speaker{width:50px;height:8px;background-color:#f7f7f7;border:1px solid #e6e6e6;border-radius:4px}.smartphone__body{flex:1;margin-left:15px;margin-right:15px;border:1.5px solid #e6e6e6;overflow-y:auto;text-align:left;position:relative}.smartphone__footer{height:50px;display:flex;justify-content:center;align-items:center}.smartphone__footer-button{width:33px;height:33px;background-color:#f7f7f7;border:1px solid #e6e6e6;border-radius:33px}.header-smart{position:-webkit-sticky;position:sticky;width:100%;padding:10px;text-align:center;top:0;left:0;right:0;z-index:999;background:#00aeef;color:#fff;font-weight:bolder}.slider-smart{padding:5px 7px 7px 7px}.menu-tab-smart{padding:0 7px 7px 7px}.judul-menu{font-size:8pt;font-weight:700}.menu-list-tab{margin-top:5px;display:flex;flex-direction:row}.menuItem{margin-right:10px;border-radius:15px;border:1px solid #e6e6e6;padding:1px 10px;font-size:10px;font-weight:400;background:#fff;color:#a4a4a4;cursor:pointer}.aktif{border:1px solid #868786;background:#868786;color:#fff}.seacrh-smart{padding:5px}.flex-space-between{display:flex;justify-content:space-between}.search{margin:20px 0 0 0}.append-search{background:#ced4db;color:#636363;font-size:10px;z-index:99;margin-left:-30px;border-top-right-radius:5px;border-bottom-right-radius:5px;padding:0 10px;display:flex;justify-content:center;align-items:center;cursor:pointer}.product-list-smart{padding:5px}.product-list{display:flex;justify-content:space-between;width:100%;flex-wrap:wrap;transition:transform .15s ease-in,background-color .2s cubic-bezier(.755,.05,.855,.06)}.produk-wrapper{height:100%;box-shadow:0 2px 8px 1px hsla(0,0%,59.6%,.2);border-width:.5px;border-style:solid;border-color:rgba(0,0,0,.1);-o-border-image:initial;border-image:initial;border-radius:15px;width:43%;padding-bottom:15px}.produk-wrapper,.produk-wrapper-list{margin:10px 5px;display:flex;flex-direction:column;align-content:space-between;cursor:pointer;transition:transform .15s ease-in,background-color .2s cubic-bezier(.755,.05,.855,.06)}.produk-wrapper-list{height:auto;border:1px solid #f7f7f7;border-radius:10px;-o-border-image:initial;border-image:initial;width:100%;padding:5px}.list-pro,.produk-wrapper-list{box-shadow:0 8px 32px 0 hsla(0,0%,91%,.25)}.list-pro{border:1px solid #f7f7f7;border-radius:10px;margin:10px 0;padding:1rem;position:relative;flex-direction:row}.produk-wrapper-list img{width:50px;border-radius:10px;margin:0 10px 5px 0}.produk-wrapper img{border-top-right-radius:15px;border-top-left-radius:15px}.title-product{padding:10px 5px 0 10px;text-transform:uppercase;font-size:7pt;font-weight:500;color:#828282}.product-price,.title-product{font-family:Lato;text-align:left}.product-price{padding:0 0 0 10px}.product-price-old{font-size:12px;font-weight:500;color:#828282}.product-price-new{font-size:12px;font-weight:800;color:#3bbaed}.btn-add{width:80%;padding:5px 9px;font-size:10px}.btn-add,.btn-add-list{margin:auto;font-family:Lato;font-weight:600;color:#fff;border-radius:6px;border-color:#00aeef;background:#00aeef;text-align:center}.btn-add-list{width:20%;padding:3px;font-size:9px}.btn-add-min{border-radius:3px;background-color:#3bbaed;color:#fff;font-family:Open Sans;font-weight:800;cursor:pointer}.btn-add-min,.state-count{width:30%;height:35%;text-align:center}.state-count{border-radius:3px;border:.5px solid #e6e6e6;background-color:#f7f7f7;margin:0 10px}.footer-smart{position:-webkit-sticky;position:sticky;bottom:0;padding:10px;background:transparent;text-align:center;width:100%}.button-add-cart{webkit-box-shadow:hsla(0,0%,59.6%,.2) 0 2px 8px 1px;box-shadow:0 2px 8px 1px hsla(0,0%,59.6%,.2);font-family:Open Sans;font-size:12px;font-weight:700;font-stretch:normal;font-style:normal;line-height:2;letter-spacing:normal;width:100%;padding:5px;border-radius:10px;cursor:pointer;background:#00aeef;color:#fff}[data-v-7f974646]{font-family:Montserrat}.editor-image[data-v-7f974646]{display:inline-block}.editor-image img[data-v-7f974646]{max-width:100%}.editor-image__options[data-v-7f974646]{font-size:14px}.editor-image__options-left img[data-v-7f974646]{cursor:pointer}.editor-image__bookmark[data-v-7f974646]{cursor:pointer;color:#3bbaed}.download-image[data-v-7f974646]{margin-right:8px;color:#3bbaed;font-weight:700;text-decoration:underline}.background-pattern[data-v-7f974646]{background-image:linear-gradient(45deg,#d1cfcf 25%,transparent 0),linear-gradient(-45deg,#d1cfcf 25%,transparent 0),linear-gradient(45deg,transparent 75%,#d1cfcf 0),linear-gradient(-45deg,transparent 75%,#d1cfcf 0);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.slider-image{display:inline-block;position:relative;border-radius:5px}.slider-image img{width:100%}.slider-image__overlay{position:absolute;left:0;right:0;top:0;bottom:0;border-radius:5px;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;visibility:hidden;z-index:1}.slider-image:hover .slider-image__overlay{visibility:visible}.dashboard{display:flex;width:100vw;height:100vh;flex-direction:column;overflow-x:hidden}.dashboard__top{flex:1;display:flex}.dashboard__bottom{height:52px;background-color:#464646;font-size:9px;color:#fff;display:flex;justify-content:center;align-items:center}.dashboard__sidebar{width:75px;border-right:1px solid #e6e6e6;background-color:#fff;z-index:9;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.sidebar-icon{cursor:pointer;margin:40px 0}.dashboard__logo{margin-top:27px}.dashboard__main{flex:1;display:flex;flex-direction:column}.dashboard__navbar{min-height:72px;box-shadow:0 0 5px 0 rgba(0,0,0,.2);background-color:#fff;z-index:9}.dashboard__content{flex:1;display:flex;height:calc(100vh - 135px)}.dashboard__content-left{flex:1;height:calc(100vh - 135px);overflow-y:auto}.dashboard__content-right{width:420px;background-color:#f7f8fa;text-align:center;height:calc(100vh - 135px);overflow-y:auto;position:relative;display:flex}.dashboard__help-button{width:125px;height:70px;font-size:11px;font-weight:700;color:#464646;display:flex;justify-content:center;align-items:center;background-image:url(/img/backgrounds/helptag.png);background-size:100% 100%;position:fixed;bottom:70px;right:22px;z-index:9;cursor:pointer}.mobile-view{width:375px;height:685px;background-image:url(/img/backgrounds/mockup_android_trans2.png);background-size:100% 100%;margin-left:auto;margin-right:auto;padding:37px 0}.mobile-view__container{margin:0 45px;border-radius:25px;height:616px;overflow-y:auto;scrollbar-width:none}.mobile-view__container::-webkit-scrollbar{display:none}@media only screen and (max-width:768px){.dashboard,.dashboard__top{display:block}.dashboard__content-right,.dashboard__sidebar{display:none}.dashboard__content-left{height:auto}.dashboard__content,.dashboard__content-left{display:unset}}.header{height:40px;width:100%;background:#00aeef;display:flex;justify-content:space-between;align-items:center;position:-webkit-sticky;position:sticky;top:0;z-index:99999;padding:0 20px;font-weight:bolder}.cat-filter h4{text-align:left;font-size:8pt;font-weight:bolder;margin-bottom:0}.cat-filter,.product{margin:10px 0 0 0}.cat-filter,.search{padding:0 10px}.carousel-img{margin-top:0}::-webkit-scrollbar{width:0;background:transparent}.verif-link{color:#007bff;cursor:pointer}.verif-link:hover{text-decoration:underline}.login-page{widows:100vw;height:100vh;display:flex;flex-direction:column}.login-page__top{flex:1;display:flex;background-color:#3bbaed;background-image:url(/img/backgrounds/ornamentopacity.svg);background-repeat:no-repeat;background-position:100% 0}.login-form-container{margin:auto;padding:33px 0}.login-form{width:471px;max-width:100%;min-height:366px;border-radius:5px;box-shadow:0 3px 6px 0 rgba(0,0,0,.16);background-color:#fff;padding:30px 45px 40px 45px}@media only screen and (max-width:768px){.login-form{width:90%;margin-left:auto;margin-right:auto;padding:30px 22px 40px 22px}}body{font-family:Open Sans,sans-serif;font-size:12px;font-weight:400;line-height:1.5;text-align:left;color:#464646}body,h1,h2,h3,h4,h5,h6{font-stretch:normal;font-style:normal;letter-spacing:normal}h1,h2,h3,h4,h5,h6{font-weight:700;margin-bottom:0}h3{font-size:20px}h4{font-size:16px;line-height:1.63}.h5,h5{font-weight:700;font-size:14px;line-height:1.2}h6{font-size:12px}.h7{font-size:11px;line-height:1.82}.h7,.h8{font-weight:700}.h8{font-size:9px;color:#b6b6b6}p{margin-bottom:0}p.strong{font-size:12px;font-weight:600}.p-sm{font-size:10px}.label,label{font-size:12px;font-weight:700;color:#6e6e6e}.label-small{font-size:11px;font-weight:700;color:#464646}a.normal-link{font-size:11px;font-weight:600;color:#3bbaed;text-decoration:underline}.strong-sm{font-size:11px;font-weight:700}@media only screen and (max-width:768px){p.strong{font-size:11px}}.custom-select,.form-control,.input-group-text{font-size:12px}.custom-control-label{font-weight:400!important}.my-card{min-height:33px;border-radius:10px;border:1px solid #e6e6e6;background-color:#fff}.my-card__title{border-bottom:1px solid #e6e6e6;padding:10px 25px}.my-card__title--no-border{border-bottom:none;padding:10px 22px}.my-card__content{padding:0 25px}.my-card__content--gray{padding:22px 25px;background-color:#f7f8fa;border-top:1px solid #eaeaea;border-radius:0 0 10px 10px}.sticky-button-container{position:fixed;z-index:999;left:15px;right:15px;bottom:20px;min-height:67px;border-radius:10px;box-shadow:0 0 10px 0 rgba(0,0,0,.16);background-color:#fff;padding:6px;text-align:center}.extra-card{background-image:url(/img/backgrounds/extra-card.svg);background-size:100% 100%;padding:19px 26px;position:relative}.extra-card__icon{position:absolute;z-index:0;bottom:0;right:0}@media only screen and (max-width:768px){.my-card__title{padding:10px 15px}.my-card__content{padding:0 15px}}.beta-version{border-radius:5px;padding:1px 4px;font-weight:700;background:#ff4e4a;color:#fff;font-size:7pt}.premium-kit{min-height:108px;border-radius:10px;box-shadow:0 0 10px 0 rgba(0,0,0,.16);border:1px solid #e6e6e6;background-color:#fff;padding:26px}.premium-kit__container{display:flex;align-items:center}@media only screen and (max-width:768px){.premium-kit__container{display:block;text-align:center}}.rotate-180{transform:rotate(180deg)}.rotate-180,.transition{transition:all .25s}.w-100{width:100%}.p-absolute{position:absolute}.p-relative{position:relative}.font-bold{font-weight:700}.font-normal{font-weight:400}.c-pointer{cursor:pointer}.underlined{text-decoration:underline}.line-through{text-decoration:line-through}img.responsive{max-width:100%}.color-white{color:#fff!important}.color-black{color:#000!important}.color-main{color:#464646}.color-1{color:#181a1f}.color-2{color:#fec21b}.color-3{color:#494949}.color-4{color:#3bbaed}.aalign-center,.aalign-start,.aflex,.ajustify-center,.ajustify-end,.aspace-between{display:flex;flex-wrap:wrap}.aspace-between{justify-content:space-between}.aalign-start{align-items:flex-start}.aalign-center{align-items:center}.ajustify-center{justify-content:center}.ajustify-end{justify-content:flex-end}.ano-wrap{flex-wrap:nowrap}.aflex-1{flex:1}.pdb-0{padding-bottom:0}.mt-4-5{margin-top:2rem}.mb-4-5{margin-bottom:2rem}.mrb-0{margin-bottom:0}.sm-show{display:none}@media only screen and (max-width:768px){.sm-hide{display:none}.sd-block,.sm-show{display:block}.sjustify-center{justify-content:center}.sm-w-100{width:100%;min-width:200px}.sm-aflex-1{flex:1}}