.vcg-text{color:rgb(var(--color-grey));line-height:1em;font-size:.875rem;line-height:1.25rem;font-weight:500}.vcg-text-purple{color:rgb(var(--purple))}.vcg-text-green{color:rgb(var(--color-green))}.vcg-text-light-green{color:rgba(116,238,129,1)}.vcg-text-orange{color:rgb(255,146,51,1)}.vcg-text-yellow{color:rgb(var(--color-yellow))}.vcg-text-dark-grey{color:rgb(var(--color-grey))}.vcg-text-white{color:rgb(var(--color-white))}.vcg-text-soft-grey{color:rgb(var(--text-grey))}.vcg-text-shade-700{color:rgb(var(--shade-700))}.vcg-text-shade-gray{color:rgb(var(--shade-gray))}.vcg-text-shade-100{color:rgb(var(--shade-100))}.vcg-text-shade-400{color:rgb(var(--color-shade-400))}.vcg-text-light-gray{color:rgb(var(--shade-gray))}.vcg-text-red{color:rgb(var(--color-red))}.vcg-text-dark-green{color:rgb(var(--dark-green))}.vcg-text-orange-soft{color:rgb(var(--color-orange-soft))}.vcg-text-orange-dark{color:rgb(var(--color-orange-dark))}.vcg-text-darker-blue{color:rgb(var(--color-darker-blue))}.vcg-text-soft-pink{color:rgb(var(--color-soft-pink))}.vcg-text-xs{font-size:10px}.vcg-text-small{font-size:12px}.vcg-text-medium{font-size:14px}.vcg-text-normal-size{font-size:16px}.vcg-text-large{font-size:20px}.vcg-text-normal{font-weight:500}.vcg-text-semibold{font-weight:600}.vcg-text-bold{font-weight:700}.vcg-height-small{line-height:14px}.vcg-height-medium{line-height:16px}.vcg-height-normal{line-height:18px}.vcg-height-large{line-height:20px}.wrap-nav{z-index:99;background:#7750f8;padding:10px 16px;gap:15px;max-width:480px;min-height:55px;position:fixed;top:0;display:flex;width:100%;align-items:center;justify-content:space-between}.container-input{position:relative;width:100%}.nv-search-wrap{top:10px;left:10px;position:absolute;z-index:10}.nv-delsearch-wrap{top:12px;right:10px;position:absolute;z-index:10}.container-input input{outline:none;padding:8.5px 30px 8.5px 34px;background:#ffffff;border-radius:4px;width:100%;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.container-action{gap:20px;display:flex;align-items:center}.container-action .nav-img-wrap{width:20px;height:20px;display:grid;place-items:center}.container-action img{cursor:pointer;width:100%}.container-action .nav-wish img{width:91.666667%}.nv-chev-img-wrap{min-width:20px;cursor:pointer}.nvsr-wrap-input{position:relative}.nvsr-wrap-input .placeholder{top:9px;left:34px;pointer-events:none;position:absolute;display:flex;align-items:flex-start;font-size:.875rem;line-height:1.25rem}.nvsr-wrap-input .placeholder .box{height:1.5rem;overflow:hidden}.nvsr-wrap-input .placeholder p{color:rgb(var(--shade-gray))}.nvsr-wrap-input .placeholder li{padding:0 4px;color:rgb(var(--purple));font-weight:500}.nvsr-wrap-input .placeholder ul.slide4{animation:slide4 5s linear infinite}.nvsr-wrap-input .placeholder ul.slide3{animation:slide3 4s linear infinite}.nvsr-wrap-input .placeholder ul.slide2{animation:slide2 3s linear infinite}.nvsr-wrap-input .placeholder ul.slide1{animation:slide1 2s linear infinite}.nvsr-wrap-input input:not(:-moz-placeholder-shown)+.placeholder{display:none}.nvsr-wrap-input input:not(:placeholder-shown)+.placeholder{display:none}.nvsr-wrap-input input::-moz-placeholder{opacity:0}.nvsr-wrap-input input::placeholder{opacity:0}.nvsr-wrap-input input:focus::-moz-placeholder,.nvsr-wrap-input.default-placholder input::-moz-placeholder{opacity:1}.nvsr-wrap-input input:focus::placeholder,.nvsr-wrap-input.default-placholder input::placeholder{opacity:1}.nvsr-wrap-input input:focus+.placeholder{display:none}@keyframes slide4{0%{margin-top:20px}5%{margin-top:0}25%{margin-top:0}30%{margin-top:-20px}50%{margin-top:-20px}55%{margin-top:-40px}75%{margin-top:-40px}80%{margin-top:-60px}to{margin-top:-60px}}@keyframes slide3{0%{margin-top:20px}10%{margin-top:0}40%{margin-top:0}50%{margin-top:-20px}60%{margin-top:-20px}70%{margin-top:-40px}to{margin-top:-40px}}@keyframes slide2{0%{margin-top:20px}25%{margin-top:0}50%{margin-top:0}75%{margin-top:-20px}to{margin-top:-20px}}@keyframes slide1{0%{margin-top:20px}50%{margin-top:0}to{margin-top:0}}.nvt-wrap-title{display:flex;align-items:center;gap:1rem}.nvt-wrap-title p{color:rgb(var(--white));overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;font-size:1rem;line-height:1.5rem;font-weight:600}.nvt-wrap-title.var-center{position:relative;width:100%}.nvt-wrap-title.var-center .nv-chev-img-wrap{position:absolute}.nvt-wrap-title.var-center p{width:100%;text-align:center}.container{color:rgb(var(--color-primary));margin-top:65px;font-size:1.25rem;line-height:1.75rem}.container.no-gap{margin-top:55px}.container.no-top{margin-top:0}.height-full{height:100vh;margin:0!important;padding-top:65px}.section-detail{background:rgb(var(--color-white))}.dtl-title-section{margin-bottom:15px;display:flex;align-items:center;justify-content:space-between}.dtl-title-section .see-all{color:rgb(var(--text-grey));font-size:.75rem;line-height:1rem;font-weight:700}#dtl-header .dtl-hdr-info,#dtl-info,#dtl-rlvnt .title-wrap,#dtl-store,#dtl-tabs .tab-content,#dtl-var{padding:10px 16px}#dtl-header .dtl-img-product{max-height:360px;display:flex;overflow:hidden;background:rgb(var(--light-gray))}#dtl-header .dtl-img-product img{position:unset!important}#dtl-header .dtl-hdr-info h1{color:rgb(var(--shade-700));margin-bottom:5px;font-size:.875rem;line-height:1.25rem;font-weight:700}#dtl-header .dtl-hdr-dsc{margin-bottom:5px;display:flex;align-items:center;gap:.5rem}#dtl-header .dtl-hdr-btm{margin-top:6.6px;display:flex;align-items:center;justify-content:space-between}#dtl-header .dtl-hdr-btm .rate,#dtl-header .dtl-hdr-btm .share,#dtl-header .dtl-hdr-btm .sold{display:flex;align-items:center;gap:.25rem}#dtl-header .dtl-hdr-btm .left{position:relative;display:flex;align-items:center;gap:.75rem}#dtl-header .dtl-hdr-btm .rate{position:relative}#dtl-header .dtl-hdr-btm .rate:after{content:"";top:0;bottom:0;right:-7px;width:1px;background:rgb(var(--color-grey));position:absolute}#dtl-header .dtl-hdr-btm .rate .img-wrap{position:absolute;top:0}#dtl-header .dtl-hdr-btm p{color:rgb(var(--color-grey));font-size:.75rem;line-height:1rem;font-weight:600}#dtl-header .dtl-hdr-btm .rate-text{padding-left:18px}#dtl-header .dtl-hdr-btm .right{display:flex;align-items:center;gap:.75rem}#dtl-var .wrap-between{gap:5px;justify-content:unset;display:grid;grid-template-columns:32.5% 32.5% 32.5%}#dtl-action{max-width:480px;min-height:60px;background:rgb(var(--color-white));box-shadow:0 -5px 10px rgb(233 233 233);z-index:999;position:fixed;bottom:0;width:100%}#dtl-action .wrap-between{gap:8px;padding:10px 16px}#dtl-store .str-top-wrap{margin-bottom:10px;display:flex;align-items:center;gap:.75rem}#dtl-store .str-status .str-name-text{color:rgb(var(--shade-700));font-size:.875rem;line-height:1.25rem;font-weight:700}#dtl-store .str-status .status{color:rgb(var(--dark-green));font-size:.75rem;line-height:1rem;font-weight:700}#dtl-store .str-status .status.offline{color:rgb(var(--color-red))}#dtl-store .str-info-left .rate,#dtl-store .str-info-left .time-process{margin-bottom:5px;gap:5px;display:flex;align-items:center}#dtl-store .rate p,#dtl-store .time-process p{color:rgb(var(--color-grey));line-height:13px;font-size:.75rem;line-height:1rem;font-weight:500}#dtl-store .str-info button{border:1px solid rgb(var(--color-primary));border-radius:10px;width:-moz-max-content;width:max-content;padding:13px 18.5px;text-align:center;font-size:.75rem;line-height:1rem;font-weight:600}#dtl-store .hexagon-container{margin:unset!important}#dtl-tabs .tabs-container{display:flex;align-items:center;justify-content:space-between}#dtl-tabs .tabs-container .tab-item{width:33.3%;min-height:56px;background:rgb(var(--background-main-rgb));display:flex;align-items:center;justify-content:center}#dtl-tabs .tabs-container .tab-item.active{background:rgb(var(--color-white))}#dtl-tabs .tabs-container .tab-item p{color:rgb(var(--text-grey));font-size:.75rem;line-height:1rem;font-weight:600}#dtl-tabs .tabs-container .tab-item.active p{color:rgb(var(--shade-700));font-size:.75rem;line-height:1rem;font-weight:600}#dtl-tabs .tab-content .dtl-tabs-dsc-content p,#dtl-tabs .tab-content .dtl-tabs-trade-content p{color:rgb(var(--color-grey));font-size:.75rem;line-height:1rem;font-weight:600}#dtl-tabs .tabs-container .tab-item.ulasan{gap:10px;display:flex;align-items:center}#dtl-tabs .tabs-container .tab-item .ulasan-star{padding:5px 5px 5px 22px;border-radius:5px;background:rgb(var(--yellow-700));gap:2px;display:flex;align-items:center}#dtl-tabs .tabs-container .tab-item .ulasan-star img{position:absolute;top:4px;left:5px}#dtl-tabs .tabs-container .ulasan-star span{color:rgb(var(--color-white));font-size:.75rem;line-height:1rem;font-weight:700}#dtl-tabs .dtl-no-ulasan{gap:10px;margin-bottom:.625rem;display:flex;flex-direction:column;align-items:center;justify-content:center}#dtl-tabs .dtl-no-ulasan p{color:rgb(var(--text-grey));font-size:.75rem;line-height:1rem;font-weight:600}#dtl-tabs .dtl-tabs-dsc-content{padding-bottom:10px}#dtl-tabs .see-all-reviews button{padding:10px 0;margin-left:auto;margin-right:auto;width:100%}#dtl-tabs .tab-content .dtl-tabs-trade-content{margin-bottom:10px}#dtl-tabs .tab-content .text-dsc{color:rgb(var(--color-grey));font-size:.75rem;line-height:1rem;font-weight:600}#dtl-tabs .tab-content .text-dsc.show-more{max-height:110px;overflow:hidden}#dtl-rlvnt{margin-bottom:55px}#dtl-rlvnt .section-slider{display:flex;overflow-x:auto;padding:0 1rem 1rem}#dtl-rlvnt .section-slider .card-product{min-width:130px;max-width:135px}#trading-tab ol{list-style-type:decimal;padding-left:.5rem;padding-right:.5rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(var(--color-shade-200)/var(--tw-text-opacity))}.img-wrapper{z-index:2}.text-html li,.text-html p,.text-html span{font-size:12px;font-weight:600;color:rgb(var(--color-grey));line-height:16px}.info-wrap{width:100%;padding:10px;z-index:99;max-width:480px;min-height:40px;position:fixed;display:flex;align-items:center;gap:.5rem}.success{background:rgb(var(--soft-green))}.danger{background:rgb(var(--color-softred))}.warning{background:rgb(var(--color-orange-soft))}.info-wrap p{font-size:.75rem;line-height:1rem;font-weight:600}.info-wrap p.success{color:rgb(var(--color-bold-green))}.info-wrap p.danger{color:rgb(var(--color-red))}.info-wrap .icon-dark-orange:before,.info-wrap p.warning{color:rgb(var(--color-orange-dark))}.embla{position:relative;max-width:48rem;margin:auto;--slide-spacing:1rem;--slide-size:100%}.embla,.embla__viewport{overflow:hidden}.embla__container{display:flex;touch-action:pan-y pinch-zoom;margin-left:calc(var(--slide-spacing) * -1)}.embla__slide{transform:translateZ(0);flex:0 0 var(--slide-size);padding-left:var(--slide-spacing);-webkit-user-select:none;-moz-user-select:none;user-select:none}.embla__buttons{position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:space-between;pointer-events:none}.embla__button{-webkit-tap-highlight-color:rgba(var(--text-high-contrast-rgb-value),.5);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:rgba(255,255,255,.9);pointer-events:all;touch-action:manipulation;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;border:0;padding:0;margin:0;box-shadow:inset 0 0 0 .2rem var(--detail-medium-contrast);width:2rem;height:2rem;margin-inline:.5rem;border-radius:50%;color:var(--text-body);z-index:5}.embla__button:disabled{color:var(--detail-high-contrast)}.embla__button__svg{width:35%;height:35%}.embla__dots{position:absolute;display:flex;bottom:.5rem;left:50%;transform:translateX(-50%);gap:1rem;pointer-events:none;z-index:6}.embla__dot{-webkit-tap-highlight-color:rgba(var(--text-high-contrast-rgb-value),.5);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:white;pointer-events:all;touch-action:manipulation;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;border:0;padding:0;margin:0;width:.6rem;height:.6rem;border-radius:50%;opacity:.4}.embla__dot--selected{opacity:1}.embla-thumbs{--thumbs-slide-spacing:1.5rem;--thumbs-slide-height:6rem;margin-top:var(--thumbs-slide-spacing)}.embla-thumbs__viewport{overflow:hidden}.embla-thumbs__container{display:flex}.embla-thumbs__slide{flex:0 0 22%;min-width:0;padding-left:var(--thumbs-slide-spacing)}.embla-thumbs__slide img{border-radius:10px;border:3px solid var(--shade-700-hex)}.embla-thumbs__slide{-webkit-user-select:none;-moz-user-select:none;user-select:none}.embla-thumbs__slide--selected>img{border:3px solid var(--color-green-hex);border-radius:10px}.breadcrumb{color:#b5b8c5;display:flex;flex-wrap:nowrap;align-items:center;font-weight:500;font-size:12px;padding-inline:12px;overflow:hidden}.breadcrumb li{text-decoration:none;color:#9b7dff;transition:color .3s ease;text-wrap:nowrap;position:relative;padding-right:14px;margin-right:7px}.breadcrumb li:after{content:">";position:absolute;right:0;color:#b5b8c5;font-weight:100}.breadcrumb li:last-child:after{content:""}.breadcrumb li a.disable,.breadcrumb li:last-child{color:#b5b8c5;cursor:default}.breadcrumb li .disable,.breadcrumb li:last-child a:hover{color:#b5b8c5}.breadcrumb li a:hover{color:#8775fa}.item-variation-wrap{border:1px solid #dedede;padding:10px;border-radius:10px}.item-variation-wrap.stock-out{background:rgb(var(--shade-75));border-color:rgb(var(--text-grey))}.item-variation-wrap p{color:rgb(var(--foreground-rgb));font-size:.75rem;line-height:1rem;font-weight:600}.item-variation-wrap p.stock{color:rgb(var(--text-grey))}.item-variation-wrap.stock-out p.stock span{color:rgb(var(--color-red))}.item-variation-wrap p.stock span{color:rgb(var(--text-grey))}.item-variation-wrap p.price{color:rgb(var(--color-primary));font-weight:700}.item-variation-wrap .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hexagon-container{padding-left:3px;position:relative;margin:auto}.hexagon-container,.hexagon-container .hexagon-wrapper{height:50px;width:52px}.hexagon-container .hexagon-wrapper .hexagon-group{height:50px;width:52px;margin:auto}.hexagon-container .hexagon-wrapper .hexagon-group svg{width:55px}.hexagon-container .hexagon-wrapper .hexagon-group svg polygon{fill:rgb(var(--white));stroke:rgb(var(--purple))}.hexagon-container .hexagon-wrapper .hexagon-group .hexagon-img{position:absolute;margin-top:5.5px;margin-left:4.5px;z-index:1;height:36px;width:37px;clip-path:polygon(22% 0,75% 0,100% 50%,75% 100%,22% 100%,0 50%);transform:rotate(90deg)}.hexagon-container .hexagon-wrapper .hexagon-group .hexagon-img img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transform:rotate(-90deg)}.hexagon-container .icon-gercep{z-index:2;position:absolute;bottom:0;right:.25rem}.hexagon-container.hex-60,.hexagon-container.hex-60 .hexagon-wrapper,.hexagon-container.hex-60 .hexagon-wrapper .hexagon-group{height:60px;width:60px}.hexagon-container.hex-60 .hexagon-wrapper .hexagon-group .hexagon-img{height:46px;width:46px;margin-top:6.5px;margin-left:6.5px}.hexagon-container.hex-60 .hexagon-wrapper .hexagon-group svg{width:70px}.hexagon-container.hex-60 .icon-gercep{bottom:3px;right:-3px}.hexagon-container.hex-70,.hexagon-container.hex-70 .hexagon-wrapper,.hexagon-container.hex-70 .hexagon-wrapper .hexagon-group{height:60px;width:60px}.hexagon-container.hex-70 .hexagon-wrapper .hexagon-group .hexagon-img{height:56px;width:53px;margin-top:6.5px;margin-left:6.5px}.hexagon-container.hex-70 .hexagon-wrapper .hexagon-group svg{width:80px}.hexagon-container.hex-70 .icon-gercep{bottom:-5px;right:-9px}.hexagon-container.is-small,.hexagon-container.is-small .hexagon-wrapper,.hexagon-container.is-small .hexagon-wrapper .hexagon-group{height:24px;width:26px;margin:0;padding:0}.hexagon-container.is-small .hexagon-wrapper .hexagon-group .hexagon-img{height:20px;width:21px;margin-top:2px;margin-left:1.36px}.hexagon-container.is-small .hexagon-wrapper .hexagon-group svg{width:28px}.hexagon-container.pl-0{padding-left:0}