:root{--dark-navy:#020c1b;--dark-navy-rgba:rgba(2,12,27,0.2);--navy:#0a192f;--light-navy:#112240;--lightest-navy:#233554;--navy-shadow:rgba(2,12,27,0.7);--dark-slate:#495670;--slate:#8892b0;--light-slate:#a8b2d1;--lightest-slate:#ccd6f6;--white:#e6f1ff;--green:#64ffda;--outer-space:#041424;--outer-space-ast:#092138;--white-black-rgba:rgba(0,0,0,0.12);--notes-pattern:rgba(204,214,246,0.2);--color-bg:#1f1f38;--color-bg-variant:#2c2c6c;--color-primary:#0077b6;--color-primary-variant:rgba(77,181,255,0.4);--color-white:#ffffff;--color-light:rgba(255,255,255,0.6);--container-width-lg:75%;--container-width-md:86%;--container-width-sm:90%;--transition:all 300ms ease;--rgba-button-next:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,0.75) 25%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,1) 75%);--rgba-button-previous:linear-gradient(270deg,rgba(255,255,255,0),rgba(255,255,255,0.75) 25%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,1) 75%);--skeleton-background:#f3f3f3;--skeleton-foreground:#ecebeb;--card-height:400px;--card-width:calc(var(--card-height) / 1.5);--d:700ms;--e:cubic-bezier(0.19,1,0.22,1)}.tox-tinymce{border:none!important;border-radius:unset!important}#shrink{min-height:95px}#expanded{min-height:200px}.dark{--dark-navy-rgba:rgba(204,214,246,0.8);--notes-pattern:rgba(204,214,246,0.05);--white-black-rgba:rgba(255,255,255,0.2);--dark-navy:#f1f1f1;--dark-slate:#f1f1f1;--color-white:#0f0f0f;--light-navy:#ccd6f6;--skeleton-background:#2c2c2c;--skeleton-foreground:#1c1c1c;--color-primary:#1da5ee;--rgba-button-next:linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,0.75) 25%,rgba(0,0,0,0.9) 50%,rgba(0,0,0,1) 75%);--rgba-button-previous:linear-gradient(270deg,rgba(0,0,0,0),rgba(0,0,0,0.75) 25%,rgba(0,0,0,0.9) 50%,rgba(0,0,0,1) 75%)}::-webkit-scrollbar-track{background-color:var(--navy)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background-image:radial-gradient(circle,#0a192f,#0b1d3b,#0f2146,#152552,#1e285d,#1e3a75,#184d8c,#0061a4,#008ac5,#00b2d7,#00dadd,#64ffda);border-radius:10px}.swal2-shown>[aria-hidden=true]{filter:blur(5px)}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#011627;color:#d6deeb}.hljs-keyword{color:#c792ea;font-style:italic}.hljs-built_in{color:#addb67;font-style:italic}.hljs-type{color:#82aaff}.hljs-literal{color:#ff5874}.hljs-number{color:#f78c6c}.hljs-regexp{color:#5ca7e4}.hljs-string{color:#ecc48d}.hljs-subst{color:#d3423e}.hljs-symbol{color:#82aaff}.hljs-class{color:#ffcb8b}.hljs-function{color:#82aaff}.hljs-title{color:#dcdcaa;font-style:italic}.hljs-params{color:#7fdbca}.hljs-comment{color:#637777;font-style:italic}.hljs-doctag{color:#7fdbca}.hljs-meta,.hljs-meta .hljs-keyword{color:#82aaff}.hljs-meta .hljs-string{color:#ecc48d}.hljs-section{color:#82b1ff}.hljs-attr,.hljs-name,.hljs-tag{color:#7fdbca}.hljs-attribute{color:#80cbc4}.hljs-variable{color:#addb67}.hljs-bullet{color:#d9f5dd}.hljs-code{color:#80cbc4}.hljs-emphasis{color:#c792ea;font-style:italic}.hljs-strong{color:#addb67;font-weight:700}.hljs-formula{color:#c792ea}.hljs-link{color:#ff869a}.hljs-quote{color:#697098;font-style:italic}.hljs-selector-tag{color:#ff6363}.hljs-selector-id{color:#fad430}.hljs-selector-class{color:#addb67;font-style:italic}.hljs-selector-attr,.hljs-selector-pseudo{color:#c792ea;font-style:italic}.hljs-template-tag{color:#c792ea}.hljs-template-variable{color:#addb67}.hljs-addition{color:#addb67ff;font-style:italic}.hljs-deletion{color:#ef535090;font-style:italic}*{margin:0;padding:0;border:0;font-family:Poppins,sans-serif;box-sizing:border-box;scroll-behavior:smooth;outline:0;list-style:none}body,html{min-height:100vh;position:relative;background-color:var(--color-white)}a{text-decoration:none}h1,h2,h3{color:var(--dark-navy)}h1{font-size:1.75rem}h2{font-size:1.25rem;font-weight:600}h3{font-size:.85rem}div{display:block}button{cursor:pointer}.header.hidden{transform:translateY(-100%)}.hr-line-navy{background:var(--navy)}.hr-line,.hr-line-navy{width:100%;height:1px;margin-bottom:1px}.hr-line{background:#d1d3d4}.blog{padding:20px 17.5% 100px;min-height:100vh}.kategori{text-transform:capitalize}main{padding:20px 17.5% 75px;width:100%;display:grid;grid-template-columns:70% 30%}.content__container{padding:20px 5% 20px .5%;display:flex;flex-direction:column;gap:5vh}.postinganShimmer:empty{position:relative;background-color:#ffffff;border-radius:0 0 0 5px;background-image:linear-gradient(#F5F7F9 15px,transparent 0),linear-gradient(#f2f2f2 90%,transparent 0),linear-gradient(#F5F7F9 20%,transparent 0),linear-gradient(#F5F7F9 15px,transparent 0),linear-gradient(#F5F7F9 10px,transparent 0),radial-gradient(circle 17.5px at 17.5px 17.5px,#F5F7F9 99%,transparent 0)}.postinganShimmer:empty,.postinganShimmer:empty:before{height:162px;background-repeat:repeat-y;background-size:250px 162px,27.5% 162px,65% 162px,65% 162px,35px 162px,35px 162px;background-position:left 0 top 130px,right 11px top 10px,left 0 top 81px,left 0 top 58px,left 40px top 26px,left 0 top 15px}.postinganShimmer:empty:before{content:" ";position:absolute;z-index:1000;width:100%;-webkit-mask-image:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.2) 20%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0));-webkit-mask-repeat:repeat-y;-webkit-mask-size:50px 162px;-webkit-mask-position:-20% 0;background-image:linear-gradient(rgba(189,189,189,1) 15px,transparent 0),linear-gradient(rgba(189,189,189,1) 90%,transparent 0),linear-gradient(rgba(189,189,189,1) 20%,transparent 0),linear-gradient(rgba(189,189,189,1) 15px,transparent 0),linear-gradient(rgba(189,189,189,1) 10px,transparent 0),radial-gradient(circle 17.5px at 17.5px 17.5px,rgba(189,189,189,1) 99%,transparent 0);animation:postinganShimmer 2s infinite}@keyframes postinganShimmer{to{-webkit-mask-position:120% 0}}.fade-out{opacity:0;top:-10px;transition:var(--transition)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes ItemOut{0%{padding:0}50%{padding:5px}to{padding:10px}}main.special{padding:75px 17.5%;display:grid;grid-template-columns:70% 30%}main.special .special__container{width:100%;display:flex;gap:1rem;flex-direction:column;margin-top:1rem;padding:0 5% 20px 0;text-align:justify}section.hero{width:100%;display:flex;height:50vh;padding:70px 17.5% 30px;position:relative;align-items:center;background:var(--navy);box-shadow:var(--dark-navy-rgba) 0 1px 0}section.hero>.cta{width:100%;display:flex;flex-direction:column;gap:15px;height:225px}.cta>h1{font-size:4rem;font-family:Montserrat,sans-serif}.cta>h1,.cta>h2{padding:15px;color:var(--lightest-slate)}.cta>h2{font-size:1rem}.cta>a.btn{font-size:.85rem;width:max-content;display:flex;font-weight:600;justify-content:center;border-radius:50px;color:var(--white);background:rgba(0,0,0,.5);padding:.75rem 3rem}section.hero .hero-image{overflow:hidden;height:100%}section.hero .hero-image img{opacity:.2;mix-blend-mode:luminosity;object-fit:cover;background-position:50%}.search__tags{border:1px solid var(--slate);padding:.25rem 1rem;border-radius:2.5px}.z3rsa .container{margin:20px 17.5% 0;position:relative}.tagList__container{position:relative;display:flex;overflow-y:hidden;overflow-x:scroll;width:100%;gap:15px;scroll-snap-type:x mandatory}.container .next-section{right:0;padding-left:50px;background:var(--rgba-button-next)}.container .next-section,.container .previous-section{position:absolute;top:50%;display:flex;justify-content:center;align-items:center;height:36px;transform:translateY(-50%)}.container .previous-section{left:0;padding-right:50px;background:var(--rgba-button-previous)}.container :is(.next-section,.previous-section) .icon{cursor:pointer}.tagList__container::-webkit-scrollbar{display:none}main#tags .tagList__container{position:relative;display:flex;flex-wrap:wrap}.tagList__container .tagsList{display:flex;justify-content:center;align-items:center;font-size:.8rem;color:var(--dark-navy);padding:.5rem;width:max-content;white-space:nowrap;border:1px solid var(--slate);border-radius:3px;font-weight:500;transition:all 275ms ease-in-out}.tagList__container .tagsList:hover{background-color:var(--dark-navy);color:var(--color-white)!important}.is-sticky{position:fixed;top:10vh;right:14.1vw;display:flex;flex-direction:column;max-width:400px;z-index:999;animation:fadeInDown .5s ease-in-out 0s 1 normal none running}footer{background-color:var(--navy);position:absolute;width:100%;bottom:0;left:0;height:5vh;color:var(--light-slate)}footer,footer .credit span.text__credit{display:flex;justify-content:center;align-items:center}.credit>span{font-size:.9rem;font-weight:600}.credit>span.text__credit>a{color:var(--lightest-slate);text-decoration:underline;padding-left:5px}.credit>span.text__credit>a:hover{color:var(--lightest-navy)}@media only screen and (min-width:601px) and (max-width:1280px){section.hero{padding:70px 0 1rem 5%;height:50vh}section.hero .hero-image{position:absolute;width:100%;left:0}main{grid-template-columns:1fr;padding:0 0 5rem}.blog{padding:0!important;min-height:unset}.z3rsa .container{margin:1rem 5%}.content__container{padding:30px 5% 40px;gap:5vh}.content__container,main.special{display:flex;flex-direction:column}main.special{padding:75px 5%!important}main.special .special__container{padding:0!important}}@media only screen and (max-width:600px){section.hero{position:relative;padding:125px 0 1rem 5%;display:flex}section.hero>.cta{justify-content:center}.cta>h1{font-size:3rem}.cta>h2{margin-bottom:1vh}.cta>a.btn{width:50vw;padding:15px;border-radius:50px}section.hero .hero-image{position:absolute;width:100%;left:0}section.hero .hero-image img{width:100%;opacity:.1;height:100%}main{display:flex;flex-direction:column;justify-content:space-between;padding:0 1% 2.5rem 0}main#dashboard{margin-top:10vh}.content{display:flex;flex-direction:column;padding:2rem 20px 1rem;margin-bottom:5vh;border-radius:2.5px;box-shadow:var(--dark-navy-rgba) 0 1px 2px 0,var(--dark-navy-rgba) 0 1px 3px 1px}.content:before{display:none}.content__container{gap:2.5vh;padding:25px 5% 40px}.button__options{position:relative}footer{height:7.5svh}.z3rsa .container{margin:1rem 5%}.blog{padding:0!important;display:flex;flex-direction:column}.icon{margin-bottom:.2vh}.author{margin-left:1vw}.tanggal{padding-bottom:1rem}main.detail__main div:nth-of-type(2){order:unset!important}.detail__img>img{max-width:90vw}main.special{padding:100px 5% 25px!important;display:flex}main.special .special__container{padding:25px 10px 10px!important;text-align:justify}}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:400;src:local("../assets/fonts/poppins-v20-latin-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:500;src:local("../assets/fonts/poppins-v20-latin-500.woff2") format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:600;src:local("../assets/fonts/poppins-v20-latin-600.woff2") format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:700;src:local("../assets/fonts/poppins-v20-latin-700.woff2") format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:800;src:local("../assets/fonts/poppins-v20-latin-800.woff2") format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:900;src:local("../assets/fonts/poppins-v20-latin-900.woff2") format("woff2")}@font-face{font-display:swap;font-family:Press Start\ 2P;font-style:normal;font-weight:400;src:local("../assets/fonts/press-start-2p-v15-latin-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:400;src:local("../assets/fonts/montserrat-v25-latin-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:500;src:local("../assets/fonts/montserrat-v25-latin-500.woff2") format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:600;src:local("../assets/fonts/montserrat-v25-latin-600.woff2") format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:700;src:local("../assets/fonts/montserrat-v25-latin-700.woff2") format("woff2")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:local("../assets/fonts/roboto-v30-latin-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:500;src:local("../assets/fonts/roboto-v30-latin-500.woff2") format("woff2")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:700;src:local("../assets/fonts/roboto-v30-latin-700.woff2") format("woff2")}