@import"https://fonts.googleapis.com/css2?family=El+Messiri:wght@400..700&family=Jost:ital,wght@0,100..900;1,100..900&family=Karla:ital,wght@0,200..800;1,200..800&family=Marcellus&family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&family=Spinnaker&family=Staatliches&display=swap";main,body{font-family:"Karla",sans-serif;font-weight:400;box-sizing:border-box;overflow-x:clip}.description .wrap-detikx{margin-top:-20vh}section{position:relative;z-index:8;color:#fff;padding:42px 0;background:#1a1a1a;min-height:100vh}section h3{font-family:"Karla" !important}section p{font-size:1.3rem}@media screen and (max-width: 768px){section p{font-size:1.1rem}}.firstletter::first-letter{float:left;font-weight:bold;margin-right:8px;font-size:60px;font-size:6rem;line-height:40px;line-height:4rem;height:4rem;text-transform:uppercase}.wrap-detikx{width:780px;margin:0 auto}@media screen and (max-width: 768px){.wrap-detikx{width:85%}}.title{position:absolute;left:50%;top:80%;translate:-50% -50%;width:60%}@media screen and (max-width: 768px){.title{width:80%}}.title h2{font-family:"Jost";font-weight:800;color:#fff;font-size:2.4rem}@media screen and (max-width: 768px){.title h2{font-size:2rem}}.title .credit-photo{color:#fff;font-size:1rem}@media screen and (max-width: 768px){.title .credit-photo{font-size:.8rem}}.title .credit-photo .name{width:fit-content;margin:0 auto;padding:2px 16px;font-size:1.2rem;color:#fff}@media screen and (max-width: 768px){.title .credit-photo .name{font-size:1rem}}.logo{position:absolute;left:32px;top:32px;width:fit-content;height:auto}@media screen and (max-width: 768px){.logo{width:100px}}.logo img{width:100%;height:100%;object-fit:contain}.banner{padding:0;height:150vh}.banner .sticky-mode{position:sticky;left:0;right:0;top:0;bottom:0;min-height:100vh}.banner .sticky-mode::after{content:"";position:absolute;bottom:0;left:0;right:0;height:20vh;background:linear-gradient(to top, #1a1a1a, transparent)}.banner .image{position:absolute;inset:0;width:100%;height:100%}.banner .image img{width:100%;height:100%;object-fit:cover}.slick-prev{left:2%;z-index:8}@media screen and (max-width: 768px){.slick-prev{left:24px}}.slick-prev::before{content:""}.slick-next{right:2%;z-index:8}@media screen and (max-width: 768px){.slick-next{right:24px}}.slick-next::before{content:""}.slick-prev,.slick-next{background:rgba(0,0,0,0);z-index:9}@media screen and (max-width: 768px){.slick-prev,.slick-next{top:73%}}.slick-prev::before,.slick-next::before{font:normal normal normal 4rem/1 FontAwesome;color:#fff !important}@media screen and (max-width: 768px){.slick-prev::before,.slick-next::before{font:normal normal normal 2rem/1 FontAwesome}}.gallery{padding:0}.gallery .caption{position:absolute;left:75%;top:80%;translate:-50% -50%;width:40%;background:linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));padding:16px}@media screen and (max-width: 768px){.gallery .caption{width:90%;left:50%;top:90%;background:rgba(0,0,0,0);padding:0}}.gallery .caption p{font-size:1.2rem;text-align:right}@media screen and (max-width: 768px){.gallery .caption p{font-size:1rem;text-align:center}}.gallery .sliderx{width:100%;height:100vh}.gallery .alls{position:relative;width:100%;height:100vh}.gallery .image{width:100%;height:100%;position:absolute;inset:0}.gallery .image img{width:100%;height:100%;object-fit:cover}@media screen and (max-width: 768px){.gallery .image img{object-fit:contain}}.author{min-height:auto;text-align:center;padding:72px 0}.author .allx{margin-bottom:8px}.author .allx .job{color:#bbb}.author .allx .name{font-size:1.3rem}.line{width:100%;height:1px;background:linear-gradient(to right, #1b1b1b, #bbb, #1b1b1b)}.articlex .color-gold{color:#1b1b1b;font-size:2.2rem}.articlex a{color:#fff}.articlex .linkx{position:relative;width:100%;height:400px;margin-bottom:24px}.articlex .linkx:hover .image::before{background:rgba(0,0,0,0)}.articlex .linkx .image{position:absolute;inset:0;width:100%;height:100%}.articlex .linkx .image::before{transition:.6s;content:"";position:absolute;inset:0;background:rgba(0,0,0,.5)}.articlex .linkx .image img{width:100%;height:100%;object-fit:cover}.articlex .linkx .titlex{position:absolute;bottom:0;left:0;right:0;height:100px;width:80%;padding:16px}.articlex .linkx .titlex h3{font-size:1.3rem}.allsx{display:none}@media screen and (max-width: 739px){.allsx{display:block}}.allsx__text{position:absolute;left:50%;top:54px;color:#1b1b1b;font-size:12px;transform:translate(-50%, 50%);text-align:center}.phones{position:absolute;left:50%;font-size:2rem;color:#1b1b1b;top:32px;animation:rotate 1.5s ease-in-out infinite alternate}@keyframes rotate{0%{-webkit-transform:rotate(0deg)}20%{-webkit-transform:rotate(30deg)}25%{-webkit-transform:rotate(40deg)}45%{-webkit-transform:rotate(90deg)}50%{-webkit-transform:rotate(90deg)}70%{-webkit-transform:rotate(70deg)}75%{-webkit-transform:rotate(30deg)}100%{-webkit-transform:rotate(0deg)}}.share_icon{color:#fff !important}.share_icon>a{padding:5px 4px !important}.share_icon>a i{font-size:20px !important;line-height:25px !important}@media screen and (max-width: 766px){.share_icon>a{padding:0 !important}}#share{z-index:999 !important}.sticky{position:fixed !important;top:20px;z-index:99;width:100%;right:0}@media screen and (max-width: 766px){.sticky{top:40px}}#play-button{position:relative}#play-button .teks{position:absolute;right:24px;top:-16px;font-style:italic;font-weight:bold;background:hsla(0,0%,100%,.5)}@media screen and (max-width: 766px){#play-button .teks{display:none}}.play-button{width:36px;height:36px;background:#fff;margin:8px;cursor:pointer;padding:0px;border-radius:50%;text-align:center;position:absolute;right:0;z-index:999}@media screen and (max-width: 766px){.play-button{top:-40px;right:-8px}}.play-button i{font-size:36px;transition:.3s}.play-button i:hover,.play-button i:focus,.play-button i:active{color:#2b88b4}.dataxc{position:absolute;left:50%;top:90%;translate:-50% -50%}@media screen and (max-width: 739px){.dataxc{top:74%}}/*# sourceMappingURL=cnn.css.map */