@charset "UTF-8";select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(/img/chevron-down.png);background-position-x:98%;background-position-y:50%;background-repeat:no-repeat;margin-right:2rem}img.w-100{width:100%}.form-control-pds{border:1px solid #5a217a;border-radius:8px;color:#65686c;font-size:14px!important;font-weight:400!important;line-height:24px!important;padding:14px 16px!important;resize:none;width:100%}.form-control-pds:focus-visible{border:1px solid #5a217a;outline:2px auto #5a217a}.form-control-pds:disabled{background-color:#e6e0ea}.btn-control-pds{background-color:#5a217a;color:#fff;font-size:14px!important;font-weight:500!important;line-height:22px!important;padding:14px 16px!important;text-align:center!important}.btn-control-pds:active,.btn-control-pds:hover{background-color:rgba(83,24,133,.8);color:#fff!important}.btn-control-pds:focus-visible{background-color:rgba(83,24,133,.8);color:#fff!important}.btn-control-pds:focus{background-color:rgba(83,24,133,.8);color:#fff!important}.form-group.error select{border-color:var(--error-color)}.form-group.error .form-control-feedback.select{right:46px}.section-search{align-items:center;display:flex;position:relative;width:260px}.section-search svg{color:#ccc;display:inline-block;left:25px;position:relative;top:2px}.section-search input{border:1px solid #ccc;border-radius:8px!important;font-size:14px;height:35px;margin-right:-10px;margin-top:4px;outline:none;padding-left:35px}.group-search{margin-bottom:10px}.group-search h3{padding-left:10px}.group-search span{padding-left:15px}.section-search-article{align-items:center;direction:row;display:flex;gap:10px;margin-bottom:24px;padding-left:10px}.section-search-article .main-search{align-items:center;display:flex;width:85%}.section-search-article .main-search svg{margin-left:15px;position:absolute}.section-search-article .main-search input{font-size:18px;height:48px;outline:none;padding-left:40px}@media screen and (max-width:500px){.section-search-article .main-search svg{position:absolute}.section-search-article .main-search input{font-size:18px;height:48px;outline:none;padding-left:35px;width:100%}}.section-search-article button{border-radius:12px;font-size:18px;height:48px;margin-bottom:0;width:15%}@media screen and (max-width:500px){.section-search-article{width:100%}.section-search-article button{width:30%}}.container-article{border:1px solid #ddd;border-radius:0 0 13px 13px}@media screen and (max-width:500px){.container-article{border-radius:13px 13px 13px 13px}}#container-article-related{background-color:#f8f0ff;border-radius:16px;display:flex;flex-direction:column;padding:16px;top:130px}@media screen and (max-width:500px){#container-article-related{background-color:transparent;margin-top:30px;padding:0}}#container-article-related h5{font-size:20px;font-weight:700;line-height:28px}#container-article-related .btn-all{border:1px solid #e7ccff;border-radius:16px;display:block;font-size:14px;font-weight:700;margin-top:10px;width:100%}.content-related{border-bottom:1px solid #e7ccff;padding-left:0;padding-right:0;padding-top:15px}.content-related:last-child{border-bottom:none}@media screen and (max-width:500px){.content-related{border:1px solid #eef5fa;border-radius:16px;margin-bottom:15px;padding-left:0!important;padding-right:0!important}}.sticky{position:fixed;top:130px;width:28.1%}@media screen and (max-width:900px){.sticky{position:relative;top:0;width:100%}}.sticky-none{position:absolute;width:93%}@media screen and (max-width:900px){.sticky-none{margin-top:0!important;position:relative;width:100%}}.article-content{display:flex;gap:20px;position:relative;width:100%}.article-content .content-description{max-width:65%}.article-content .content-suggestion{max-width:30%}@media screen and (max-width:900px){.article-content{flex-direction:column}.article-content .content-description,.article-content .content-suggestion{max-width:100%}}@media (min-width:700px) and (max-width:900px){#menu li a{font-size:3vw!important;padding:15px 0!important}.home-product-image{height:auto}.btn-kosong-homepage .btn-kosong{padding:2vw 9vw}}@media (max-width:400px){.btn-kosong-homepage{padding:28vw 0}.btn-kosong-homepage .btn-kosong{padding:1.5vw 9vw}}.section-article-random{display:flex;flex-direction:row;gap:20px;justify-content:space-between;row-gap:20px}.title-article-random{color:#65686c;font-size:12px;font-weight:500;line-height:normal}.title-article-random .right{text-align:right}.section-article-emotion{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-bottom:24px;padding-left:0!important;padding-right:0!important}.container-emotion{cursor:pointer;padding-left:10px!important;padding-right:10px!important}@media screen and (max-width:500px){.container-emotion{padding-left:15!important;padding-right:15!important}}.content-emotion{align-items:center;border:1px solid #eef5fa;border-radius:12px;display:flex;flex-direction:column;padding:10px 30px;text-align:center}@media screen and (max-width:500px){.content-emotion{margin-bottom:10px}}.content-emotion .counter{color:#000;font-size:16px;font-weight:500;margin-top:10px}.section-article-tags{align-items:center;border-bottom:1px solid #e1e1e1;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;margin-bottom:24px;padding-bottom:24px}.section-article-tags .title-tags{color:#000;font-size:16px;font-weight:500;margin-right:10px}.section-article-tags .main-tags{display:flex;flex-direction:row;flex-wrap:wrap}.section-article-tags .main-tags .content-tags{border:1px solid #531885;border-radius:8px;color:#531885;font-size:14px;font-weight:500;margin-right:10px;margin-top:10px;padding:8px}@media screen and (max-width:500px){.section-article-tags .main-tags .content-tags{font-size:12px;margin-top:10px}}.stack-row{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.v-line{background:#eaeaea;height:32px;margin-left:16px;margin-right:16px;margin-top:-16px;width:1px}@media screen and (max-width:500px){.v-line{background-color:#cbcbcb;border-radius:100%;height:4px;margin-left:16px;margin-right:16px;margin-top:inherit;width:4px}}.reading-progress{background:#d3d3d3;height:4px;position:relative;top:70px}@media screen and (max-width:1024px){.reading-progress{top:20px}}.reading-progress #reading-amount{--scrollAmount:0%;background:#111012;height:100%;width:var(--scrollAmount)}.reading-progress .count{color:#5c0b8a;font-size:12px;font-style:normal;font-weight:500;line-height:20px;margin-right:40px;position:fixed;right:0}@media screen and (max-width:500px){.reading-progress .count{margin-right:16px}}#daftarisi{background:#f8f0ff;border-radius:16px;padding:16px}#daftarisi .title{color:#400f6d;font-size:20px;font-style:normal;font-weight:700;line-height:28px}@media screen and (max-width:500px){#daftarisi .title{font-size:16px}}#daftarisi #post-toc ul{color:#400f6d;list-style:none;margin-bottom:0}#daftarisi #post-toc ul a{color:#400f6d;font-size:14px;font-style:normal;font-weight:500;line-height:24px}#daftarisi #post-toc ul a:hover{color:#260940}#daftarisi #post-toc ul li{list-style:none!important}#daftarisi #post-toc ul li:before{color:#400f6d;content:"•";display:inline-block;font-weight:700;margin-left:-1em;width:1em}.d-inline-flex{display:inline-flex}.d-inline-flex.align-items-center{align-items:center}@media screen and (max-width:500px){.d-inline-flex.align-items-center{align-items:flex-start}}.d-inline-flex.justify-content-center{justify-content:center}.d-inline-flex.justify-content-between{justify-content:space-between;width:100%}.d-flex{display:flex}.d-flex.align-items-center{align-items:center}.d-flex.justify-content-center{justify-content:center}.d-flex.justify-content-between{justify-content:space-between}.section-read-to{background-color:#f8f0ff;border-radius:8px;justify-content:left!important;padding:20px 24px}.outfit-font{font-size:19px;line-height:24px;text-align:left}@media screen and (max-width:500px){.outfit-font{font-size:16px;font-weight:400;line-height:24px;padding-right:5px;text-align:left}}.shop-button-now{align-items:center;background:#f9c04e;border-radius:8px;display:flex;flex-direction:row;gap:8px;height:35px;justify-content:center;padding:0 13px}.shop-button-now a{font-weight:600!important}.shop-button-now a,.shop-button-now a:hover{color:#532e85!important}.shop-button-now .shop-text{font-size:16px;line-height:24px}.shop-button-now.h-36{height:36px}.shop-button-now.mt-3{margin-top:3px!important}@media screen and (max-width:500px){.shop-button-now{margin:10px 0}.shop-button-now a{color:#532e85!important;font-size:14px!important;text-transform:none}}.wording-intro{margin-top:20px}.wording-intro h1{color:#393d43;font-size:24px;font-weight:500;line-height:32px}.wording-intro p{line-height:24px}.section-notice{align-items:center;background-color:#f8f0ff;border-radius:8px;color:#5a217a;display:flex;flex-direction:row;gap:10px;padding:10px 16px}.section-notice span{font-size:14px;font-weight:400;line-height:22px}.section-notice-danger{align-items:center;background-color:#ff2828;border-radius:8px;color:#fff;display:flex;flex-direction:row;margin-top:24px;padding:16px}.section-notice-danger span{font-size:16px;font-weight:500;line-height:24px}@media screen and (max-width:500px){.section-notice-danger{margin-bottom:24px}}.section-notice-before-login{align-items:flex-start;background-color:#fac84c;border-radius:8px;color:#400e6e;display:flex;flex-direction:column;margin-top:24px;padding:16px}.section-notice-before-login span{font-size:16px;font-weight:500;line-height:24px}.section-notice-before-login a{background-color:#fff;border-radius:8px;font-size:14px;font-weight:500;line-height:22px;margin-top:16px;padding:9px 16px}input[type=radio]:checked{accent-color:#5a217a}.form-group-phone{align-items:center;display:flex;flex-direction:row}.form-group-phone input[type=text]{color:#65686c;font-weight:700;line-height:24px;margin-right:10px;text-align:center;width:12%}.form-group-phone input[type=number]{width:88%}@media screen and (max-width:500px){.form-group-phone input[type=text]{width:20%}.form-group-phone input[type=number]{width:80%}}.wording-banner{display:flex;flex-direction:column;left:152px;position:absolute;top:130px;width:35%;z-index:9}.wording-banner img{margin-bottom:32px}.wording-banner h3{color:#5a217a;font-size:40px;font-weight:700;line-height:52px}@media screen and (max-width:500px){.wording-banner{align-items:center;justify-content:center;left:0;margin-bottom:80px;padding:0 16px;position:relative;width:100%}.wording-banner h3{font-size:24px;font-weight:700;line-height:32px;text-align:center}.wording-banner span{text-align:center}}