footer[data-astro-cid-sz7xmlte]{color:var(--gray-0);background-color:var(--gray-1000);background-image:url(/assets/bricks.webp);background-position:top,center;background-size:100%,contain;background-repeat:no-repeat}.box[data-astro-cid-sz7xmlte]{display:flex;flex-direction:column;flex-wrap:wrap;gap:50px;justify-content:unset;padding:70px 0}.details[data-astro-cid-sz7xmlte]{width:100%;max-width:350px}.logo[data-astro-cid-sz7xmlte] svg[data-astro-cid-sz7xmlte]{width:170px;fill:var(--gray-0);margin-top:10px}.text[data-astro-cid-sz7xmlte]{margin:20px 0;color:var(--gray-300)}.social[data-astro-cid-sz7xmlte]{display:flex;gap:15px}.social[data-astro-cid-sz7xmlte] button[data-astro-cid-sz7xmlte]{display:flex;align-items:center;justify-content:center;width:50px;height:50px;padding:0;border:1px solid var(--gray-0-25);border-radius:50%;background:transparent;transition:.2s}.social[data-astro-cid-sz7xmlte] button[data-astro-cid-sz7xmlte] svg[data-astro-cid-sz7xmlte]{width:25px;height:25px;fill:var(--gray-0)}.social[data-astro-cid-sz7xmlte] button[data-astro-cid-sz7xmlte]:hover{border:1px solid var(--gray-0);background:var(--gray-0)}.social[data-astro-cid-sz7xmlte] button[data-astro-cid-sz7xmlte]:hover svg[data-astro-cid-sz7xmlte]{fill:var(--gray-1000)}.header[data-astro-cid-sz7xmlte]{font-family:var(--fontHeading);font-size:34px;line-height:1.375}.footerForm{position:relative;width:fit-content;margin-top:32px}.footerForm input{width:350px;border:1px solid var(--gray-0-50);border-radius:50px;background:transparent;padding:15px 30px;font-family:var(--fontBase);font-size:16px;color:var(--gray-0)}.footerForm input:focus{outline:none}.footerForm button{position:absolute;right:7px;top:7px;display:flex;align-items:center;justify-content:center;padding:0;width:38px;height:38px;border:none;border-radius:50%;background:var(--red);transition:.3s}.footerForm button svg{width:20px;height:20px;fill:var(--gray-0);transition:.3s}.footerForm button:hover{background:var(--redHover)}.footerForm button:hover svg{rotate:45deg}.navigasi[data-astro-cid-sz7xmlte]{max-width:400px}.link[data-astro-cid-sz7xmlte]{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.link[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{flex-shrink:0;padding:6px 12px;border:1px solid var(--gray-0-25);border-radius:6px;text-decoration:none;color:var(--gray-350);text-transform:uppercase;font-size:14px;background:var(--gray-0-10);transition:.2s}.link[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:var(--gray-1000);border:1px solid var(--gray-0);background:var(--gray-0)}.copyright[data-astro-cid-sz7xmlte]{border-top:1px solid var(--gray-0-25);padding:20px 0;text-align:center}.copyright[data-astro-cid-sz7xmlte] span[data-astro-cid-sz7xmlte]:nth-child(2){margin:0 10px}.copyright[data-astro-cid-sz7xmlte] span[data-astro-cid-sz7xmlte]:nth-child(2),.copyright[data-astro-cid-sz7xmlte] span[data-astro-cid-sz7xmlte]:nth-child(3){display:none}@media (min-width: 768px){.box[data-astro-cid-sz7xmlte]{flex-direction:row;justify-content:space-around}.details[data-astro-cid-sz7xmlte]{max-width:290px}.logo[data-astro-cid-sz7xmlte] svg[data-astro-cid-sz7xmlte]{width:200px}.copyright[data-astro-cid-sz7xmlte] span[data-astro-cid-sz7xmlte]:nth-child(2),.copyright[data-astro-cid-sz7xmlte] span[data-astro-cid-sz7xmlte]:nth-child(3){display:inline}}@media (min-width: 992px){.details[data-astro-cid-sz7xmlte]{max-width:350px}.social[data-astro-cid-sz7xmlte] button[data-astro-cid-sz7xmlte]{width:40px;height:40px}.social[data-astro-cid-sz7xmlte] button[data-astro-cid-sz7xmlte] svg[data-astro-cid-sz7xmlte]{width:20px;height:20px}}@media (min-width: 1280px){.box[data-astro-cid-sz7xmlte]{justify-content:space-between}}#subscribeOverlay[data-astro-cid-47vq4obb]{position:fixed;inset:0;background-color:var(--gray-900-75);backdrop-filter:blur(16px);transition:.2s ease-in-out;cursor:pointer;z-index:101011}#subscribeOverlay[data-astro-cid-47vq4obb].deactive{visibility:hidden;opacity:0;transition-delay:.1s}#subscribeOverlay[data-astro-cid-47vq4obb].active{visibility:visible;opacity:1}#subscribeModal[data-astro-cid-47vq4obb]{position:fixed;left:50%;top:50%;transition:.2s ease-in-out;width:90vw;max-width:500px;height:auto;padding:50px 40px;text-align:center;border-radius:20px;color:var(--gray-0);background:url(/assets/wave.webp),var(--greenBg) center / contain;border:1px solid var(--greenLine);z-index:101012}#subscribeModal[data-astro-cid-47vq4obb].deactive{visibility:hidden;opacity:0;transform:translate(-50%,-50%) scale(.9);transition-delay:0s}#subscribeModal[data-astro-cid-47vq4obb].active{visibility:visible;opacity:1;transform:translate(-50%,-50%) scale(1);transition-delay:.1s}#subscribeModal[data-astro-cid-47vq4obb] .exit[data-astro-cid-47vq4obb]{position:absolute;top:15px;right:15px;display:flex;align-items:center;justify-content:center;width:45px;height:45px;border:none;border-radius:50px;font-size:18px;background:var(--gray-0-10)}#subscribeModal[data-astro-cid-47vq4obb] .exit[data-astro-cid-47vq4obb]:hover{background:var(--redHover)}#subscribeModal[data-astro-cid-47vq4obb] .exit[data-astro-cid-47vq4obb] svg[data-astro-cid-47vq4obb]{height:24px;width:24px;fill:var(--gray-0)}.subscribeModalGambar[data-astro-cid-47vq4obb] svg[data-astro-cid-47vq4obb]{width:50px;height:50px;fill:var(--gray-0)}#subscribeModal[data-astro-cid-47vq4obb]>div[data-astro-cid-47vq4obb]:nth-child(3){margin:15px 0 30px}#subscribeModal[data-astro-cid-47vq4obb]>div[data-astro-cid-47vq4obb] div[data-astro-cid-47vq4obb]:first-child{font-family:var(--fontHeading);font-size:30px;margin-bottom:10px}@media (min-width: 768px){#subscribeModal[data-astro-cid-47vq4obb]{width:500px;padding:50px}#subscribeModal[data-astro-cid-47vq4obb]>div[data-astro-cid-47vq4obb] div[data-astro-cid-47vq4obb]:first-child{font-size:40px}.popupForm input,.popupForm button{width:250px}}#sosmedOverlay[data-astro-cid-qzaw6m73]{position:fixed;inset:0;background-color:var(--gray-900-75);backdrop-filter:blur(16px);transition:.2s ease-in-out;cursor:pointer;z-index:101011}#sosmedOverlay[data-astro-cid-qzaw6m73].deactive{visibility:hidden;opacity:0;transition-delay:.1s}#sosmedOverlay[data-astro-cid-qzaw6m73].active{visibility:visible;opacity:1}#sosmedPopup[data-astro-cid-qzaw6m73]{position:fixed;left:50%;top:50%;transition:.2s ease-in-out;width:90vw;max-width:500px;height:auto;padding:50px 40px;text-align:center;border-radius:20px;color:var(--gray-0);background:url(/assets/wave.webp),var(--greenBg) center / contain;border:1px solid var(--greenLine);z-index:101012}#sosmedPopup[data-astro-cid-qzaw6m73].deactive{visibility:hidden;opacity:0;transform:translate(-50%,-50%) scale(.9);transition-delay:0s}#sosmedPopup[data-astro-cid-qzaw6m73].active{visibility:visible;opacity:1;transform:translate(-50%,-50%) scale(1);transition-delay:.1s}#sosmedPopup[data-astro-cid-qzaw6m73] .exit[data-astro-cid-qzaw6m73]{position:absolute;top:15px;right:15px;display:flex;align-items:center;justify-content:center;width:45px;height:45px;border:none;border-radius:50px;font-size:18px;background:var(--gray-0-10)}#sosmedPopup[data-astro-cid-qzaw6m73] .exit[data-astro-cid-qzaw6m73]:hover{background:var(--redHover)}#sosmedPopup[data-astro-cid-qzaw6m73] .exit[data-astro-cid-qzaw6m73] svg[data-astro-cid-qzaw6m73]{height:24px;width:24px;fill:var(--gray-0)}.sosmedPopupGambar[data-astro-cid-qzaw6m73] svg[data-astro-cid-qzaw6m73]{width:50px;height:50px;fill:var(--gray-0)}#sosmedPopup[data-astro-cid-qzaw6m73]>div[data-astro-cid-qzaw6m73]:nth-child(3){margin:15px 0 30px}#sosmedPopup[data-astro-cid-qzaw6m73]>div[data-astro-cid-qzaw6m73] div[data-astro-cid-qzaw6m73]:first-child{font-family:var(--fontHeading);font-size:30px;margin-bottom:10px}.popupForm{display:flex;flex-direction:column;align-items:center;gap:15px}.popupForm input{width:100%;border:1px solid var(--greenLine);border-radius:50px;background:var(--greenBg);padding:12px 20px;color:var(--gray-0)}.popupForm input:focus{outline:none}.popupForm input::placeholder{color:var(--greenText)}.popupForm button{display:flex;align-items:center;justify-content:center;color:var(--gray-0);font-size:15px;font-weight:500;padding:0;border:none;border-radius:20px;height:40px;width:100%;background:var(--red)}.popupForm button svg{width:25px;height:25px}.popupForm button:hover{background:var(--redHover)}@media (min-width: 768px){#sosmedPopup[data-astro-cid-qzaw6m73]{width:500px;padding:50px}#sosmedPopup[data-astro-cid-qzaw6m73]>div[data-astro-cid-qzaw6m73] div[data-astro-cid-qzaw6m73]:first-child{font-size:40px}.popupForm input,.popupForm button{width:250px}}.title[data-astro-cid-drt3owk2]{display:flex;flex-direction:column;align-items:center;padding-bottom:30px!important;border-bottom:none}.articleHeroBox1[data-astro-cid-drt3owk2],.articleHeroBox2[data-astro-cid-drt3owk2]{flex-shrink:0;width:100%;padding-top:30px}.date[data-astro-cid-drt3owk2]{display:flex;align-items:center;gap:16px}.date[data-astro-cid-drt3owk2] a[data-astro-cid-drt3owk2]{font-size:14px;color:var(--colorBody);text-decoration:none;text-transform:uppercase;padding:8px 12px;border:1px solid var(--line-5);border-radius:6px;background:var(--line-5-reverse);transition:.3s}.date[data-astro-cid-drt3owk2] a[data-astro-cid-drt3owk2]:hover{color:var(--white);border:1px solid var(--white);background:var(--black)}.date[data-astro-cid-drt3owk2] span[data-astro-cid-drt3owk2]:nth-child(2){opacity:.4}.h1[data-astro-cid-drt3owk2]{font-family:var(--fontHeading);font-size:30px;line-height:1.625;color:var(--colorHeading);margin:24px 0;padding-right:0}.author[data-astro-cid-drt3owk2]{display:flex;align-items:center;color:var(--colorBody);font-size:14px;text-transform:uppercase}.author[data-astro-cid-drt3owk2] img[data-astro-cid-drt3owk2]{width:25px;height:25px;border:1px solid var(--line--reverse);border-radius:25px;margin-right:8px}.author[data-astro-cid-drt3owk2] span[data-astro-cid-drt3owk2]:nth-child(3){margin:0 12px}.articleHeroBox2[data-astro-cid-drt3owk2] figure[data-astro-cid-drt3owk2]{position:relative;width:100%;margin:unset}.articleHeroBox2[data-astro-cid-drt3owk2] img[data-astro-cid-drt3owk2]{width:100%;height:100%;border-radius:8px;object-fit:cover;object-position:50% 50%}.articleHeroBox2 figcaption{display:inline-block;position:absolute;left:0;bottom:6px;padding:5px 10px 0 5px;border-radius:0 8px 0 0;font-size:14px;background:var(--background);transition:.3s}.titleFigcaptionDivider{margin:0 10px;color:var(--text-secondary);transition:.3s}.articleHeroBox2 figcaption svg{width:15px;height:15px;fill:currentColor;margin:0 4px -2px 0;transition:.1s}.articleHeroBox2 figcaption a{color:var(--colorBody);text-decoration:none}.articleHeroBox2 figcaption:before{position:absolute;content:"";left:0;bottom:100%;width:12px;height:12px;border-radius:0 0 0 8px;background:transparent;box-shadow:-3px 3px var(--background);transition:.3s;z-index:1}.articleHeroBox2 figcaption:after{position:absolute;content:"";left:100%;bottom:0;width:12px;height:12px;border-radius:0 0 0 8px;background:transparent;box-shadow:-3px 3px var(--background);transition:.3s;z-index:1}@media (min-width: 768px){.articleHeroBox1[data-astro-cid-drt3owk2],.articleHeroBox2[data-astro-cid-drt3owk2]{width:600px}}@media (min-width: 992px){.title[data-astro-cid-drt3owk2]{padding-bottom:50px!important;border-bottom:1px solid var(--line-5)}}@media (min-width: 1280px){.title[data-astro-cid-drt3owk2]{flex-direction:row}.articleHeroBox1[data-astro-cid-drt3owk2],.articleHeroBox2[data-astro-cid-drt3owk2]{width:50%;padding-top:50px}.h1[data-astro-cid-drt3owk2]{font-size:36px;padding-right:50px}.articleHeroBox2[data-astro-cid-drt3owk2] figure[data-astro-cid-drt3owk2]{width:90%;margin:0 0 0 auto}.articleHeroBox2[data-astro-cid-drt3owk2] img[data-astro-cid-drt3owk2]{height:330px;border-radius:15px}}.toc[data-astro-cid-6t6zfk7k]{display:none}@media (min-width: 1280px){.toc[data-astro-cid-6t6zfk7k]{position:sticky;top:80px;display:block;width:225px;height:fit-content;border-radius:10px;background:var(--surface-1);transition:.3s;will-change:top,background,color}.toc[data-astro-cid-6t6zfk7k] span[data-astro-cid-6t6zfk7k]{display:block;font-size:18px;font-weight:600;color:var(--black);margin:15px 0 0 15px}.toc[data-astro-cid-6t6zfk7k] span[data-astro-cid-6t6zfk7k]:nth-child(1) svg[data-astro-cid-6t6zfk7k]{width:20px;height:20px;margin:0 5px -3px -5px;fill:currentColor}.toc[data-astro-cid-6t6zfk7k] nav[data-astro-cid-6t6zfk7k]{display:flex;flex-direction:column;gap:15px;max-height:calc(100vh - 295px);margin:10px 0 25px;padding:5px 15px 0 35px;overflow-y:auto}.toc[data-astro-cid-6t6zfk7k] nav[data-astro-cid-6t6zfk7k]:before{position:absolute;content:"";left:17px;top:58px;bottom:27px;width:1px;border-left:1px dashed var(--line-3)}.toc[data-astro-cid-6t6zfk7k] nav[data-astro-cid-6t6zfk7k]::-webkit-scrollbar{width:5px}.toc[data-astro-cid-6t6zfk7k] nav[data-astro-cid-6t6zfk7k]::-webkit-scrollbar-track{background:var(--line-5)}.toc[data-astro-cid-6t6zfk7k] nav[data-astro-cid-6t6zfk7k]::-webkit-scrollbar-thumb{border-radius:25px;background:var(--line-4)}.toc[data-astro-cid-6t6zfk7k] nav[data-astro-cid-6t6zfk7k]::-webkit-scrollbar-thumb:hover{background:var(--accent)}.toc nav div a{position:relative;font-size:16px;color:var(--black);text-decoration:none}.toc nav div a.active{font-weight:700}.toc nav div a.active:after{position:absolute;left:-21px;top:-4px;font-size:14px;content:"▶";color:var(--accent);background:var(--surface-1);padding:5px 0;transition:.3s}.tocscroll{scroll-margin-top:160px}}.sidebar[data-astro-cid-ssfzsv2f]{display:none}.article[data-astro-cid-ssfzsv2f]{width:100%}.card[data-astro-cid-ssfzsv2f]{display:flex;gap:10px;text-decoration:none;padding:15px 0}.card[data-astro-cid-ssfzsv2f]:not(:nth-child(2)){border-top:1px solid var(--line-5)}.name[data-astro-cid-ssfzsv2f]{font-family:var(--fontHeading);font-size:17px;color:var(--black);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:fit-content}.wrapper[data-astro-cid-ssfzsv2f]{display:flex;flex-direction:column;justify-content:space-between}.details[data-astro-cid-ssfzsv2f]{display:flex;align-items:center;color:var(--colorBody);font-size:13px;text-transform:uppercase}.details[data-astro-cid-ssfzsv2f] img[data-astro-cid-ssfzsv2f]{width:20px;height:20px;border:1px solid var(--line-5);border-radius:25px;margin-right:6px}.details[data-astro-cid-ssfzsv2f] span[data-astro-cid-ssfzsv2f]:nth-child(3){margin:0 10px}.image[data-astro-cid-ssfzsv2f]{width:70px;height:80px;flex-shrink:0;border-radius:5px;object-fit:cover;object-position:50% 50%}@media (min-width: 1280px){.sidebar[data-astro-cid-ssfzsv2f]{position:sticky;top:80px;display:flex;flex-direction:column;align-items:center;width:300px;height:fit-content;will-change:top,background,color;transition:.3s}.article[data-astro-cid-ssfzsv2f]{margin-bottom:10px}.title[data-astro-cid-ssfzsv2f]{display:flex;align-items:center;font-size:18px;font-weight:500;color:var(--black)}.sidebarad[data-astro-cid-ssfzsv2f]{position:sticky;top:90px;margin-top:10px;width:100%}}@media (min-width: 1400px){.sidebar[data-astro-cid-ssfzsv2f]{position:sticky;top:75px;height:fit-content}.sidebarad[data-astro-cid-ssfzsv2f]{position:static;top:unset}}.share[data-astro-cid-ung7bpju]{gap:15px;margin:50px 5%}.shareTitle[data-astro-cid-ung7bpju]{display:flex;align-items:center;gap:7px;font-family:var(--fontHeading);font-size:28px;color:var(--black);margin-bottom:20px}.shareTitle[data-astro-cid-ung7bpju] svg[data-astro-cid-ung7bpju]{width:32px;height:32px;fill:currentColor;padding-bottom:5px}.shareLink[data-astro-cid-ung7bpju]{display:flex;flex-wrap:wrap;gap:13px}.shareLink[data-astro-cid-ung7bpju] a[data-astro-cid-ung7bpju]{display:flex;justify-content:center;align-items:center;gap:7px;border:1px solid var(--line-5);border-radius:6px;color:var(--black);padding:6px 15px;text-decoration:none}.shareLink[data-astro-cid-ung7bpju] a[data-astro-cid-ung7bpju] svg[data-astro-cid-ung7bpju]{width:16px;height:16px;fill:currentColor}.shareLink[data-astro-cid-ung7bpju] a[data-astro-cid-ung7bpju]:hover{color:var(--white);background:var(--black);border:1px solid var(--black)}@media (min-width: 768px){.share[data-astro-cid-ung7bpju]{margin:50px 0}}.tagsRelated{width:100%;margin:50px 0}.tagsRelatedTitle{display:flex;align-items:center;width:auto;font-family:var(--fontHeading);font-size:28px;text-transform:capitalize;color:var(--black);margin-bottom:25px}.tagsRelatedTitle svg{width:32px;height:32px;fill:currentColor;margin-right:7px;margin-bottom:5px}.tagsRelatedBox{display:flex;flex-direction:column}.tagsRelatedBox>div:first-child{padding-bottom:20px}.tagsRelatedBox>div:not(:first-child){border-top:1px solid var(--line-5);padding:20px 0}.tagsRelatedCard{display:flex;gap:15px;text-decoration:none}.tagsRelatedCard img{width:96px;height:110px;border-radius:8px;object-fit:cover;object-position:50% 50%}.tagsRelatedCardDetails{display:flex;flex-direction:column;justify-content:center}.tagsRelatedCardDetails>div:nth-child(1){flex-shrink:0;width:auto;font-family:var(--fontHeading);font-size:18px;color:var(--colorHeading);line-height:1.625;margin-bottom:17px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.tagsRelatedCardDetails>div:nth-child(2){display:flex;align-items:center;color:var(--text-secondary);font-size:14px;text-transform:uppercase}.tagsRelatedCardDetails>div:nth-child(2) img{width:25px;height:25px;border:1px solid var(--line-5);border-radius:25px;margin-right:8px}.tagsRelatedCardDetails>div:nth-child(2) span:nth-child(3){margin:0 10px}.tagsRelatedViewMore{display:flex;justify-content:center}.tagsRelatedViewMore button{display:flex;align-items:center;gap:5px;color:var(--black);border:1px solid var(--line-5);border-radius:7px;padding:10px 20px;margin-top:15px;background:transparent;font-weight:500;text-transform:uppercase}.tagsRelatedViewMore button:hover{color:var(--white);background:var(--black)}.tagsRelatedViewMore button svg{width:18px;height:18px;fill:currentColor}@media (min-width: 768px){.tagsRelatedCardDetails>div:nth-child(1){max-width:290px;min-width:220px}}@media (min-width: 992px){.tagsRelatedCardDetails>div:nth-child(1){max-width:485px;font-size:20px}}