.button{cursor:pointer;height:var(--button-height,auto);width:var(--button-width,100%);background:#f81919;border:none;border-radius:3px;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 24px #0003}.button:after{content:"";background:#111;width:0;height:100%;transition:all .4s ease-in-out;position:absolute;right:0}.button:hover:after{width:100%;left:0;right:auto}.button span{color:#fff;text-align:center;text-transform:none;z-index:20;width:100%;padding:8px 16px;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .3s ease-in-out}.button:hover span{color:#fff;animation:.3s ease-in-out scaleUp}@keyframes scaleUp{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.container{max-width:100%;margin-left:auto;margin-right:auto;padding-left:13px;padding-right:13px}@media (min-width:600px){.container{max-width:600px}}@media (min-width:960px){.container{max-width:960px}}@media (min-width:1280px){.container{max-width:1060px}}@media (min-width:1920px){.container{max-width:1420px}}.container-logo-menu{text-align:left;padding-left:16px;padding-right:16px}@media (min-width:600px){.container-logo-menu{max-width:600px}}@media (min-width:960px){.container-logo-menu{max-width:960px}}@media (min-width:1280px){.container-logo-menu{max-width:1280px}}@media (min-width:1920px){.container-logo-menu{max-width:1920px}}.container-hd{max-width:100%;margin-left:auto;margin-right:auto;padding-left:13px;padding-right:13px}@media (min-width:600px){.container-hd{max-width:600px}}@media (min-width:960px){.container-hd{max-width:960px}}@media (min-width:1280px){.container-hd{max-width:1220px}}@media (min-width:1920px){.container-hd{max-width:1420px}}.row{flex-wrap:wrap;display:flex}.col{flex:100%}.col-1{flex:0 0 8.33333%;max-width:8.33333%}.col-2{flex:0 0 16.6667%;max-width:16.6667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.3333%;max-width:33.3333%}.col-5{flex:0 0 41.6667%;max-width:41.6667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.3333%;max-width:58.3333%}.col-8{flex:0 0 66.6667%;max-width:66.6667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.3333%;max-width:83.3333%}.col-11{flex:0 0 91.6667%;max-width:91.6667%}.col-12{flex:0 0 100%;max-width:100%}@media (min-width:600px){.col-sm-1{flex:0 0 8.33333%;max-width:8.33333%}.col-sm-2{flex:0 0 16.6667%;max-width:16.6667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.3333%;max-width:33.3333%}.col-sm-5{flex:0 0 41.6667%;max-width:41.6667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.3333%;max-width:58.3333%}.col-sm-8{flex:0 0 66.6667%;max-width:66.6667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.3333%;max-width:83.3333%}.col-sm-11{flex:0 0 91.6667%;max-width:91.6667%}.col-sm-12{flex:0 0 100%;max-width:100%}}@media (min-width:960px){.col-md-1{flex:0 0 8.33333%;max-width:8.33333%}.col-md-2{flex:0 0 16.6667%;max-width:16.6667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.3333%;max-width:33.3333%}.col-md-5{flex:0 0 41.6667%;max-width:41.6667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.3333%;max-width:58.3333%}.col-md-8{flex:0 0 66.6667%;max-width:66.6667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.3333%;max-width:83.3333%}.col-md-11{flex:0 0 91.6667%;max-width:91.6667%}.col-md-12{flex:0 0 100%;max-width:100%}}@media (min-width:1280px){.col-lg-1{flex:0 0 8.33333%;max-width:8.33333%}.col-lg-2{flex:0 0 16.6667%;max-width:16.6667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.3333%;max-width:33.3333%}.col-lg-5{flex:0 0 41.6667%;max-width:41.6667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.3333%;max-width:58.3333%}.col-lg-8{flex:0 0 66.6667%;max-width:66.6667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.3333%;max-width:83.3333%}.col-lg-11{flex:0 0 91.6667%;max-width:91.6667%}.col-lg-12{flex:0 0 100%;max-width:100%}}@media (min-width:1920px){.col-xl-1{flex:0 0 8.33333%;max-width:8.33333%}.col-xl-2{flex:0 0 16.6667%;max-width:16.6667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.3333%;max-width:33.3333%}.col-xl-5{flex:0 0 41.6667%;max-width:41.6667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.3333%;max-width:58.3333%}.col-xl-8{flex:0 0 66.6667%;max-width:66.6667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.3333%;max-width:83.3333%}.col-xl-11{flex:0 0 91.6667%;max-width:91.6667%}.col-xl-12{flex:0 0 100%;max-width:100%}}.card{background-color:#fff;border:1px solid #dbeafe;border-radius:.6rem;width:90%;padding:1rem;box-shadow:0 12px 18px #0000001a}.card .card-title{color:#333;background-color:#f5f5f5;padding:16px;font-size:16px;font-weight:700}.card .card-text{color:#666;padding:16px;font-size:1rem}.card .card-actions{background-color:#f5f5f5;justify-content:flex-end;padding:12px 16px;display:flex}.card .img-container{justify-content:center;align-items:center;display:flex}.card .img-container img{-o-object-fit:cover;object-fit:cover;border-radius:.2rem;width:100%;height:100%}.card .header{align-items:center;gap:1rem}.card .header .title{color:#ee1212}.card .chatai,.card .message{color:#5f5f5f;margin-top:-.3rem}.card .actions{margin-top:1.5rem}.card .actions a{text-decoration:none}.card .actions .mark-as-read,.card .actions .read{text-align:center;border-radius:.2rem;width:100%;margin:0 auto;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;line-height:1.25rem;display:block;position:relative}.card .actions .read{color:#fff;background-color:#3b82f6}.card .actions .mark-as-read{color:#fff;background-color:#fa3a3a;margin-top:.5rem;transition:all .15s}.card .actions .mark-as-read:hover{background-color:#131313}.text-h1{letter-spacing:-.015625em;font-size:6rem}.text-h1,.text-h2{font-weight:300;line-height:1}.text-h2{letter-spacing:-.00833333em;font-size:3.75rem}.text-h3{letter-spacing:normal;font-size:3rem;font-weight:400;line-height:1.05}.text-h4{letter-spacing:.00735294em;font-size:2.125rem;font-weight:400;line-height:1.175}.text-h5{letter-spacing:normal;font-size:1.5rem;font-weight:400;line-height:1.333}.text-h6{letter-spacing:.0125em;font-size:1.25rem;font-weight:500;line-height:1.6}.text-subtitle-1{letter-spacing:.009375em;font-size:1rem;font-weight:400;line-height:1.75}.text-subtitle-2{letter-spacing:.00714286em;font-size:.875rem;font-weight:500;line-height:1.6}.text-body-1{letter-spacing:.03125em;font-size:1rem;font-weight:400;line-height:1.5}.text-body-2{letter-spacing:.0178571em;font-size:.875rem;font-weight:400;line-height:1.425}.text-button{letter-spacing:.0892857em;text-transform:uppercase;font-size:.875rem;font-weight:500;line-height:2.6}.text-caption{letter-spacing:.0333333em;font-size:.75rem;font-weight:400;line-height:1.667}.text-overline{letter-spacing:.166667em;text-transform:uppercase;font-size:.75rem;font-weight:500;line-height:2.667}.text-start{text-align:start}.text-center{text-align:center}.text-end{text-align:end}.text-justify{text-align:justify}.text-left{text-align:left}.text-right{text-align:right}.font-weight-black{font-weight:900}.font-weight-bold{font-weight:700}.font-weight-medium{font-weight:500}.font-weight-regular{font-weight:400}.font-weight-light{font-weight:300}.font-weight-thin{font-weight:100}.font-italic{font-style:italic}.flex{display:flex}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.align-center{align-items:center}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.m-1{margin:8px}.p-1{padding:8px}.mt-1{margin-top:8px}.mb-1{margin-bottom:8px}.ml-1{margin-left:8px}.mr-1,.mx-1{margin-right:8px}.mx-1{margin-left:8px}.my-1{margin-top:8px;margin-bottom:8px}.px-1{padding-left:8px;padding-right:8px}.py-1{padding-top:8px;padding-bottom:8px}.m-2{margin:16px}.p-2{padding:16px}.mt-2{margin-top:16px}.mb-2{margin-bottom:16px}.ml-2{margin-left:16px}.mr-2,.mx-2{margin-right:16px}.mx-2{margin-left:16px}.my-2{margin-top:16px;margin-bottom:16px}.px-2{padding-left:16px;padding-right:16px}.py-2{padding-top:16px;padding-bottom:16px}.m-3{margin:24px}.p-3{padding:24px}.mt-3{margin-top:24px}.mb-3{margin-bottom:24px}.ml-3{margin-left:24px}.mr-3,.mx-3{margin-right:24px}.mx-3{margin-left:24px}.my-3{margin-top:24px;margin-bottom:24px}.px-3{padding-left:24px;padding-right:24px}.py-3{padding-top:24px;padding-bottom:24px}.m-4{margin:32px}.p-4{padding:32px}.mt-4{margin-top:32px}.mb-4{margin-bottom:32px}.ml-4{margin-left:32px}.mr-4,.mx-4{margin-right:32px}.mx-4{margin-left:32px}.my-4{margin-top:32px;margin-bottom:32px}.px-4{padding-left:32px;padding-right:32px}.py-4{padding-top:32px;padding-bottom:32px}.m-5{margin:40px}.p-5{padding:40px}.mt-5{margin-top:40px}.mb-5{margin-bottom:40px}.ml-5{margin-left:40px}.mr-5,.mx-5{margin-right:40px}.mx-5{margin-left:40px}.my-5{margin-top:40px;margin-bottom:40px}.px-5{padding-left:40px;padding-right:40px}.py-5{padding-top:40px;padding-bottom:40px}.m-6{margin:48px}.p-6{padding:48px}.mt-6{margin-top:48px}.mb-6{margin-bottom:48px}.ml-6{margin-left:48px}.mr-6,.mx-6{margin-right:48px}.mx-6{margin-left:48px}.my-6{margin-top:48px;margin-bottom:48px}.px-6{padding-left:48px;padding-right:48px}.py-6{padding-top:48px;padding-bottom:48px}.m-7{margin:56px}.p-7{padding:56px}.mt-7{margin-top:56px}.mb-7{margin-bottom:56px}.ml-7{margin-left:56px}.mr-7,.mx-7{margin-right:56px}.mx-7{margin-left:56px}.my-7{margin-top:56px;margin-bottom:56px}.px-7{padding-left:56px;padding-right:56px}.py-7{padding-top:56px;padding-bottom:56px}.m-8{margin:64px}.p-8{padding:64px}.mt-8{margin-top:64px}.mb-8{margin-bottom:64px}.ml-8{margin-left:64px}.mr-8,.mx-8{margin-right:64px}.mx-8{margin-left:64px}.my-8{margin-top:64px;margin-bottom:64px}.px-8{padding-left:64px;padding-right:64px}.py-8{padding-top:64px;padding-bottom:64px}.m-9{margin:72px}.p-9{padding:72px}.mt-9{margin-top:72px}.mb-9{margin-bottom:72px}.ml-9{margin-left:72px}.mr-9,.mx-9{margin-right:72px}.mx-9{margin-left:72px}.my-9{margin-top:72px;margin-bottom:72px}.px-9{padding-left:72px;padding-right:72px}.py-9{padding-top:72px;padding-bottom:72px}.m-10{margin:80px}.p-10{padding:80px}.mt-10{margin-top:80px}.mb-10{margin-bottom:80px}.ml-10{margin-left:80px}.mr-10,.mx-10{margin-right:80px}.mx-10{margin-left:80px}.my-10{margin-top:80px;margin-bottom:80px}.px-10{padding-left:80px;padding-right:80px}.py-10{padding-top:80px;padding-bottom:80px}.m-11{margin:88px}.p-11{padding:88px}.mt-11{margin-top:88px}.mb-11{margin-bottom:88px}.ml-11{margin-left:88px}.mr-11,.mx-11{margin-right:88px}.mx-11{margin-left:88px}.my-11{margin-top:88px;margin-bottom:88px}.px-11{padding-left:88px;padding-right:88px}.py-11{padding-top:88px;padding-bottom:88px}.m-12{margin:96px}.p-12{padding:96px}.mt-12{margin-top:96px}.mb-12{margin-bottom:96px}.ml-12{margin-left:96px}.mr-12,.mx-12{margin-right:96px}.mx-12{margin-left:96px}.my-12{margin-top:96px;margin-bottom:96px}.px-12{padding-left:96px;padding-right:96px}.py-12{padding-top:96px;padding-bottom:96px}.m-13{margin:104px}.p-13{padding:104px}.mt-13{margin-top:104px}.mb-13{margin-bottom:104px}.ml-13{margin-left:104px}.mr-13,.mx-13{margin-right:104px}.mx-13{margin-left:104px}.my-13{margin-top:104px;margin-bottom:104px}.px-13{padding-left:104px;padding-right:104px}.py-13{padding-top:104px;padding-bottom:104px}.m-14{margin:112px}.p-14{padding:112px}.mt-14{margin-top:112px}.mb-14{margin-bottom:112px}.ml-14{margin-left:112px}.mr-14,.mx-14{margin-right:112px}.mx-14{margin-left:112px}.my-14{margin-top:112px;margin-bottom:112px}.px-14{padding-left:112px;padding-right:112px}.py-14{padding-top:112px;padding-bottom:112px}.m-15{margin:120px}.p-15{padding:120px}.mt-15{margin-top:120px}.mb-15{margin-bottom:120px}.ml-15{margin-left:120px}.mr-15,.mx-15{margin-right:120px}.mx-15{margin-left:120px}.my-15{margin-top:120px;margin-bottom:120px}.px-15{padding-left:120px;padding-right:120px}.py-15{padding-top:120px;padding-bottom:120px}.m-16{margin:128px}.p-16{padding:128px}.mt-16{margin-top:128px}.mb-16{margin-bottom:128px}.ml-16{margin-left:128px}.mr-16,.mx-16{margin-right:128px}.mx-16{margin-left:128px}.my-16{margin-top:128px;margin-bottom:128px}.px-16{padding-left:128px;padding-right:128px}.py-16{padding-top:128px;padding-bottom:128px}@font-face{font-display:swap;font-family:Barlow;font-weight:400;src:url(https://cdn.perkasaracking.co.id/fonts/Barlow-Medium.woff2)format("woff2")}@font-face{font-display:swap;font-family:Barlow;font-weight:700;src:url(https://cdn.perkasaracking.co.id/fonts/Barlow-Bold.woff2)format("woff2")}*,:after,:before{box-sizing:border-box}body,html{max-width:100%;margin:0;padding:0;font-family:Barlow,sans-serif;overflow-x:hidden}.deskripsi-produk[data-v-88cf454a]{font-size:17px}@media (max-width:600px){.deskripsi-produk[data-v-88cf454a]{font-size:11px}}.des-judul[data-v-88cf454a]{font-size:19px}@media (max-width:400px){.des-judul[data-v-88cf454a]{font-size:15px}}