@import"https://fonts.googleapis.com/css2?family=Zain:wght@300;400;900&family=Teachers:wght@400;900&family=Rubik&family=Paytone+One&family=Source+Code+Pro:wght@400;900&family=Roboto+Slab&family=Mulish&display=swap";.labels{background:#840020;padding:4px 8px;color:#fff;text-transform:uppercase;width:fit-content;margin:0 auto 8px;font-size:1rem}@media screen and (max-width: 768px){.labels{margin:0}}.preloader{position:fixed;top:0;bottom:0;left:0;right:0;z-index:999999;background:#ab3138}.preloader .waiting{position:absolute;transform:translate(-50%, -50%);left:50%;top:50%;width:200px;height:auto}.preloader .waiting img{width:100%;height:100%;object-fit:contain}.preloader .animate{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:linear;animation-timing-function:linear;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes bounce{0%,100%{-webkit-transform:translateX(0)}50%{-webkit-transform:translateX(-10px)}}@keyframes bounce{0%,100%{transform:translateX(0)}50%{transform:translateX(-10px)}}.preloader .bounce{-webkit-animation-name:bounce;animation-name:bounce}.mb-80{margin-bottom:20vh}.source-code{font-family:"Source Code Pro"}section{padding:32px 0;background:#ab3138;min-height:100vh;z-index:11;position:relative}section h3{color:#ab3138}section .bg-block{background:#fff;padding:16px;border-radius:16px}section .text-center h3{font-size:2.5rem}section p,section li{font-size:1.8rem;color:#eaeaea;font-weight:300;line-height:1.9rem}@media screen and (max-width: 768px){section p,section li{font-size:2rem;line-height:2rem}}@media screen and (max-width: 400px){section p,section li{font-size:1.6rem;line-height:1.6rem}}.slick-next,.slick-prev{z-index:17 !important;width:40px;height:40px;border-radius:50%;background:rgba(206,147,82,.8)}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{background:rgba(206,147,82,.5)}.slick-next::before,.slick-prev::before{font-family:"fontAwesome" !important;font-size:32px !important;color:#fff !important;font-weight:700 !important}@media screen and (max-width: 766px){.slick-next::before,.slick-prev::before{font-size:32px !important}}.slick-prev{left:-16px !important}@media screen and (max-width: 768px){.slick-prev{left:-16px !important}}.slick-prev::before{content:"" !important}.slick-next{right:-16px !important}@media screen and (max-width: 768px){.slick-next{right:-16px !important}}.slick-next::before{content:"" !important}.sticky-mode{position:sticky;left:0;right:0;top:0;bottom:0;min-height:100vh}.wrap-detikx{width:700px;position:relative;margin:0 auto}@media screen and (max-width: 766px){.wrap-detikx{width:90%;margin:0 auto;display:block}}.line-line{width:100%;height:1px;background:linear-gradient(to right, transparent, white, transparent);margin:52px 0}.totop{position:relative;z-index:19}.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}main{overflow-x:clip;background:#fafafa}html,body{position:relative;height:100%;font-family:"Zain" !important}html h1,html h2,html h3,body h1,body h2,body h3{font-family:"Rubik",sans-serif !important}h4,h5{font-family:"Rubik",sans-serif !important;font-weight:bold}.slick-slide{margin:0 8px}.slick-list{margin:0 -8px}.img{width:100%}.img img{width:100%;height:100%;object-fit:cover}.hello{width:100%;height:auto;margin-top:8px;border-radius:16px;margin-bottom:16px;background:linear-gradient(to top, #054157, rgba(5, 65, 87, 0.9));position:relative}.hello .content{padding:16px 16px;position:relative;z-index:2}.hello .content p{margin-bottom:0}section .nav-pills .nav-link.active,section .nav-pills .show>.nav-link{background:#333;color:#fff}section .nav-pills .nav-link{border-radius:25px}.dashboard-content{display:none}#nav.no_index,#share{z-index:21}#nav.dark{background:linear-gradient(45deg, #044258, #10607d) !important}.footer{z-index:22}.share_icon>a i{font-size:25px !important;line-height:initial !important}@media screen and (max-width: 766px){.share_icon>a i{font-size:16px !important;line-height:initial !important;width:30px !important;height:30px !important}}#nav{background:linear-gradient(45deg, #333, #10607d) !important}.bg-blues{background:#1c7b9d !important;position:relative;z-index:12}.share_icon>a{padding:0 !important}.baca-detikx .bacajuga_box{display:initial !important}.baca-detikx .bacajuga_box .container{display:none}.baca-detikx .bacajuga{width:100% !important;display:block}.baca-detikx .bacajuga a{display:inline-block;padding:0px;width:47% !important;margin:0 8px;border-radius:24px;position:relative;height:320px;text-align:left}.baca-detikx .bacajuga a::after{border-radius:24px}@media screen and (max-width: 766px){.baca-detikx .bacajuga a{width:100% !important;margin:4px 0}}.baca-detikx .bacajuga a:hover{text-decoration:none;color:orange !important}.baca-detikx .bacajuga a article{position:absolute;top:initial;width:100%;background:linear-gradient(to top, black, transparent);padding:8px 16px;border-radius:24px;bottom:0;transform:initial}.baca-detikx .bacajuga a article h2{font-family:"Rubik" !important;font-size:1.2rem}.haha,.hahad{background:#fff;border-radius:16px;padding:0px 8px;position:absolute;top:165px;right:0}@media screen and (max-width: 768px){.haha,.hahad{display:none;color:#333;top:140px}}.haha:hover,.hahad:hover{background:rgba(206,147,82,.5)}.all-helping{position:absolute;inset:0;background:#fff;text-align:center;width:100%;height:100%;z-index:17}.slider{display:none}.slider.slick-initialized{display:block}@media screen and (max-width: 768px){.help-bawah{position:fixed;bottom:0;left:0;right:0;width:100%;height:59px;background:#ccc;z-index:21}}:root{--color: rgba(122, 122, 124, 0.918)}.banner{padding:0}.banner .titlex{position:absolute;left:50%;top:20%;transform:translate(-50%, -50%);z-index:12;width:50%;text-align:center}@media screen and (max-width: 768px){.banner .titlex{width:90%;top:30%}}.banner .titlex h2{font-family:"Zain" !important;font-size:4rem;font-weight:bold;color:#fff;line-height:3.5rem}@media screen and (max-width: 768px){.banner .titlex h2{font-size:2.5rem;line-height:2.5rem;margin-bottom:0}}.banner::before{content:"";position:absolute;left:0;right:0;top:0;width:100%;height:100%;background:linear-gradient(to bottom, #10607d 74%, #1c7b9d 70%)}@media screen and (max-width: 768px){.banner::before{background:linear-gradient(to bottom, #10607d 62%, #1c7b9d 60%)}}.banner::after{content:"";position:absolute;inset:0;width:100%;height:75%;background:linear-gradient(to right, #10607d 46%, #15576f 44%)}@media screen and (max-width: 768px){.banner::after{height:75%}}@media screen and (max-width: 768px){.banner{background:linear-gradient(to top, #1c7b9d 30%, rgba(28, 123, 157, 0.8), #1c7b9d);min-height:78vh}}.banner .container_mouse{text-align:center;color:#eaeaea;position:relative;z-index:12;font-weight:bold;padding-top:2rem;cursor:pointer}@media screen and (max-width: 768px){.banner .container_mouse{padding-top:0;top:-40px}}.banner .container_mouse .mouse-btn{margin:10px auto;width:30px;height:60px;border:4px solid #eaeaea;border-radius:30px;display:flex}.banner .container_mouse .mouse-btn .mouse-scroll{display:block;width:16px;height:16px;background:linear-gradient(170deg, #eaeaea, rgba(0, 0, 0, 0.1));border-radius:50%;margin:auto;animation:scrolling 1s linear infinite}@keyframes scrolling{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(20px)}}.banner .mata{position:absolute;z-index:15;left:64%;top:30%;transform:translate(0%, -68%);width:3px;height:auto}@media screen and (min-width: 415px)and (max-width: 768px){.banner .mata{z-index:15;left:77%;top:30%;width:3px;transform:translate(-16%, -65%)}}@media screen and (min-width: 300px)and (max-width: 414px){.banner .mata{z-index:15;left:72%;top:30%;width:2px;transform:translate(50%, -65%)}}.banner .mata img{width:100%;height:100%;object-fit:contain}.banner .pesan{position:absolute;top:85%;left:60%;z-index:6;filter:drop-shadow(2px 2px 6px #888);width:fit-content;transform:translate(100%, -100%);height:70px;animation:MoveUpDown 2s linear infinite}@media screen and (max-width: 768px){.banner .pesan{display:none}}.banner .pesan img{width:100%;height:100%;object-fit:contain}.banner .pesan2{position:absolute;top:60%;filter:drop-shadow(2px 2px 6px #888);left:10%;z-index:6;width:fit-content;transform:translate(100%, -100%) rotate(180deg);height:70px;animation:MoveUpDown21 3.5s linear infinite}@media screen and (max-width: 768px){.banner .pesan2{animation:MoveUpDown2 2.5s linear infinite;transform:translate(-50%, -100%) rotate(180deg);height:50px}}.banner .pesan2 img{width:100%;height:100%;object-fit:contain}.banner .title{position:absolute;text-align:left;left:60%;top:50%;transform:translate(-50%, -50%);width:20%;z-index:8;padding:8px;border-radius:8px 8px 0 0}.banner .title h2{font-weight:bold;font-family:"Zain" !important;color:#535e78;font-size:4.5rem;line-height:3.5rem}@media screen and (max-width: 768px){.banner .title h2{font-size:2.4rem;line-height:2rem}}@media screen and (max-width: 768px){.banner .title{left:69%;width:40%;background:transparent;top:50%}}.wrappers{width:fit-content;height:100vh;margin:0 auto;position:relative}@media screen and (max-width: 768px){.wrappers{height:50vh;top:20vh}}.wrappers .image{width:100%;height:100%;position:relative;z-index:5;top:0%}.wrappers .image::after{content:"";position:absolute;left:0;right:0;width:100%;bottom:0;height:50px;background:linear-gradient(to top, #1c7b9d, transparent)}.wrappers .image img{width:100%;height:100%;object-fit:cover}@media screen and (max-width: 768px){.wrappers .image img{object-fit:cover}}@media screen and (max-width: 768px){.wrappers .image{top:0%}}.wrappers .tangan{position:absolute;left:18vw;top:13vh;width:fit-content;height:35%}@media screen and (max-width: 768px){.wrappers .tangan{left:-14vw;top:12vh;height:30%}}.wrappers .tangan img{width:100%;height:100%;object-fit:contain}.wrappers img{width:100%;height:100%;object-fit:cover}.videox{position:absolute;left:63%;z-index:4;top:30%;outline:none;width:20vw;height:auto;transform:translate(-50%, -50%) rotate(6deg)}@media screen and (max-width: 768px){.videox{width:55%;top:40%;left:60%}}@keyframes MoveUpDown{0%,100%{left:60%}50%{left:65%}}@keyframes MoveUpDown21{0%,100%{left:10%}50%{left:15%}}@keyframes MoveUpDown2{0%,100%{left:0%}50%{left:5%}}@keyframes toga{0%,100%{top:30%;opacity:0}10%{top:30%;opacity:0}20%{top:30%;opacity:1}50%{top:20%;opacity:1}80%{top:20%;opacity:1}90%{top:20%;opacity:0}}.toga{position:absolute;left:50%;top:30%;opacity:0;transform:translate(-50%, -50%);width:auto;height:150px;z-index:4;animation:toga 2s linear infinite}.toga img{width:100%;height:100%;object-fit:contain}.source-code{color:#fff;font-family:"Source Code Pro"}.pembukaan{background:#1c7b9d}.pembukaan.tambah-kotak::before{content:"";position:absolute;inset:0;width:100%;height:100%;background:url("../img/kotak.png");background-repeat:repeat}.pembukaan.tambah-kotak::after{content:"";position:absolute;inset:0;width:100%;height:100%;background:linear-gradient(to top, #1c7b9d, rgba(28, 123, 157, 0.9), #1c7b9d)}.pembukaan .hello{background:linear-gradient(to top, rgba(5, 65, 87, 0.7), rgba(5, 65, 87, 0.4))}@media screen and (max-width: 768px){.pembukaan{z-index:10}}.pembukaan .bayangan{position:absolute;right:-8%;bottom:-16%;width:50%;height:auto;filter:grayscale(1) opacity(0.2)}.pembukaan .bayangan img{width:100%;height:100%;object-fit:cover}.pembukaan .bawah{position:absolute;bottom:0%;left:0;width:50%;z-index:4;height:auto}@media screen and (max-width: 768px){.pembukaan .bawah{width:100%;bottom:-5%;left:-8%}}.pembukaan .bawah img{width:100%;height:100%;object-fit:contain}.pembukaan .bawahx{position:absolute;top:50%;transform:translate(-50%, -50%);left:50%;width:fit-content;z-index:4;filter:drop-shadow(2px 0px 6px black);height:80vh}@media screen and (max-width: 768px){.pembukaan .bawahx{width:65%;right:0;bottom:-4%;filter:drop-shadow(2px 0px 6px black);height:fit-content}}.pembukaan .bawahx img{width:100%;height:100%;object-fit:contain}.pembukaan .wrap-detikx{padding-bottom:20vh}.pembukaan .wrap-detikx .hello{z-index:-1}.teropong{background:#1c7b9d;padding:8px;min-height:auto}.teropong .lala{position:absolute;left:50%;top:43%;transform:translate(-50%, -50%)}@media screen and (max-width: 768px){.teropong .lala{top:50%}}.teropong .contentx{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:100%}.teropong h3{color:#fff;font-size:2.5rem;font-weight:bold}@media screen and (max-width: 768px){.teropong h3{font-size:2rem !important}}.teropong .image{width:70%;height:auto;margin:0 auto}@media screen and (max-width: 768px){.teropong .image{width:100%}}.teropong .image img{width:100%;height:100%;object-fit:contain}.teropong .wrap-detikx{z-index:12}.teropong .choosen{position:relative}.teropong .choosen::after{content:"";position:absolute;bottom:20px;left:0;height:40px;right:0;z-index:-1;background:rgba(250,250,250,.1);border-radius:50%}.all-berlari{position:relative;width:100%;height:320px}@media screen and (max-width: 768px){.all-berlari{height:240px}}@keyframes lari{0%{opacity:0;left:0px}20%{left:0px;opacity:1}30%{left:0px;opacity:1}50%{left:-72px;opacity:1}80%{left:-72px;opacity:1}90%,100%{left:-72px;opacity:0}}.lari2{animation:lari 1.8s linear infinite;opacity:0}.lari{z-index:4}.lari,.lari2{position:absolute;inset:0;width:100%;height:100%}.lari img,.lari2 img{width:100%;height:100%;object-fit:contain}.highcharts-figure,.highcharts-data-table table{min-width:310px;max-width:800px;margin:1em auto}.highcharts-figure .height-update,.highcharts-data-table table .height-update{height:600px !important}@media screen and (max-width: 768px){.highcharts-figure .height-update,.highcharts-data-table table .height-update{height:500px !important}}#container{height:500px}.highcharts-data-table table{font-family:Verdana,sans-serif;border-collapse:collapse;border:1px solid #ebebeb;margin:10px auto;text-align:center;width:100%;max-width:500px}.highcharts-data-table caption{padding:1em 0;font-size:1.2em;color:#555}.highcharts-data-table th{font-weight:600;padding:.5em}.highcharts-data-table td,.highcharts-data-table th,.highcharts-data-table caption{padding:.5em}.highcharts-data-table thead tr,.highcharts-data-table tr:nth-child(even){background:#f8f8f8}.highcharts-data-table tr:hover{background:#f1f7ff}.min-height-auto{min-height:auto}.data{background:#1c7b9d}.data .imagexx{width:100%;height:130vh}.data .imagexx img{width:100%;height:100%;object-fit:contain}@media screen and (max-width: 768px){.data .imagexx{height:auto}}.data .gambar{width:320px;height:auto}@media screen and (max-width: 768px){.data .gambar{width:50%}}.data .gambar img{width:100%;height:100%;object-fit:contain}.data .imagex{width:100%;height:auto}.data .imagex img{width:100%;height:100%;object-fit:contain}.data.tambah-kotak::before{content:"";position:absolute;inset:0;width:100%;height:100%;background:url("../img/kotak.png");background-repeat:repeat}.data.tambah-kotak::after{content:"";position:absolute;inset:0;width:100%;height:100%;background:linear-gradient(to top, #1c7b9d, rgba(28, 123, 157, 0.9), #1c7b9d)}.data .wrappers{width:100%;height:520px;margin:0 auto 0;position:relative}@media screen and (max-width: 768px){.data .wrappers{height:50vh;top:20vh}}.data .wrappers .laptop{position:absolute;text-align:left;left:67%;font-size:2rem;top:50%;z-index:8;color:#535e78;transform:translate(-50%, -50%)}@media screen and (max-width: 768px){.data .wrappers .laptop{font-size:1.2rem !important;top:8%}}.data .wrappers .btn-click{position:absolute;left:61%;top:68%;transform:translate(-50%, -50%);z-index:13;padding:0px 8px;font-weight:bold;font-size:18px}@media screen and (max-width: 768px){.data .wrappers .btn-click{position:absolute;left:67%;top:27%;transform:translate(-50%, -50%);z-index:13;padding:0px 8px;font-weight:bold;font-size:14px}}.data .wrappers .image{width:100%;height:100%;position:relative;z-index:5}.data .wrappers .image::after{content:"";position:absolute;left:0;right:0;width:100%;bottom:0;height:50px;background:linear-gradient(to top, #1c7b9d, transparent)}.data .wrappers .image img{width:100%;height:100%;object-fit:cover}@media screen and (max-width: 768px){.data .wrappers .image img{object-fit:cover}}@media screen and (max-width: 768px){.data .wrappers .image{top:10%}}.data .wrappers .tangan{position:absolute;left:18vw;top:13vh;width:fit-content;height:35%}@media screen and (max-width: 768px){.data .wrappers .tangan{left:-14vw;top:12vh;height:30%}}.data .wrappers .tangan img{width:100%;height:100%;object-fit:contain}.data .wrappers img{width:100%;height:100%;object-fit:cover}.data .videox{position:absolute;left:63%;z-index:4;top:30%;outline:none;width:20vw;height:auto;transform:translate(-50%, -50%) rotate(6deg)}@media screen and (max-width: 768px){.data .videox{width:55%;top:-10%;left:76%}}@keyframes MoveUpDown{0%,100%{left:60%}50%{left:65%}}@keyframes MoveUpDown21{0%,100%{left:10%}50%{left:15%}}@keyframes MoveUpDown2{0%,100%{left:0%}50%{left:5%}}@keyframes toga{0%,100%{top:30%;opacity:0}10%{top:30%;opacity:0}20%{top:30%;opacity:1}50%{top:20%;opacity:1}80%{top:20%;opacity:1}90%{top:20%;opacity:0}}.data .toga{position:absolute;left:50%;top:30%;opacity:0;transform:translate(-50%, -50%);width:auto;height:150px;z-index:4;animation:toga 2s linear infinite}.data .toga img{width:100%;height:100%;object-fit:contain}.data .pesan{position:absolute;top:85%;left:60%;z-index:6;filter:drop-shadow(2px 2px 6px #888);width:fit-content;transform:translate(100%, -100%);height:70px;animation:MoveUpDown 2s linear infinite}@media screen and (max-width: 768px){.data .pesan{display:none}}.data .pesan img{width:100%;height:100%;object-fit:contain}.data .pesan2{position:absolute;top:60%;filter:drop-shadow(2px 2px 6px #888);left:10%;z-index:6;width:fit-content;transform:translate(100%, -100%) rotate(180deg);height:70px;animation:MoveUpDown21 3.5s linear infinite}@media screen and (max-width: 768px){.data .pesan2{animation:MoveUpDown2 2.5s linear infinite;transform:translate(-50%, -100%) rotate(180deg);height:50px;top:35%}}.data .pesan2 img{width:100%;height:100%;object-fit:contain}.data h3{color:#fff;font-size:2.5rem;font-weight:bold}@media screen and (max-width: 768px){.data h3{font-size:2rem !important}}.data .data-image{position:relative;width:100%;height:80vh}.data .data-image .grafis{position:absolute;left:50%;top:50%;width:80%;border-radius:24px;height:auto;transform:translate(-50%, -50%);background:linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.4));padding:16px}@media screen and (max-width: 768px){.data .data-image .grafis{width:100%}}.data .data-image .grafis__data{display:inline-block;text-align:center;width:45%}.data .data-image .grafis__data .juduls{font-size:1.3rem;line-height:1.3rem;color:#fff;width:fit-content;margin:0 auto;border-radius:16px;padding:4px 16px;background:rgba(63,63,63,.7)}@media screen and (max-width: 768px){.data .data-image .grafis__data .juduls{font-size:1.2rem;line-height:1.2rem}}.data .data-image .grafis__data .dataz{font-size:3rem;font-weight:bold;line-height:2rem}.data .data-image .grafis__data .dataz::after{content:" jiwa";font-size:1.2rem;font-weight:normal}@media screen and (max-width: 768px){.data .data-image .grafis__data .dataz{font-size:1.5rem;line-height:1.5rem}}.data .image{width:70%;height:auto;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}@media screen and (max-width: 768px){.data .image{width:100%}}.data .image img{width:100%;height:100%;object-fit:contain}.data .contentx{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:100%}.data .choosen{position:relative}.data .choosen::after{content:"";position:absolute;bottom:20px;left:0;height:40px;right:0;z-index:-1;background:rgba(250,250,250,.1);border-radius:50%}.color-black{color:#000 !important}.color-black .font-12{font-size:1.5rem;line-height:1.5rem}.color-black p{color:#3f3f3f !important}.color-black .font-bold{font-weight:bold}@media screen and (max-width: 768px){.helpo-100{width:100%}}@media screen and (max-width: 768px){.mtop-min{top:-30vh}}.modal-content{background:linear-gradient(to top, #ffe19f 64%, #f4aa5b 45%)}@media screen and (max-width: 768px){.modal-content{background:linear-gradient(to top, #ffe19f 70%, #f4aa5b 46%)}}.modal ul{margin:0;padding:0 8px}.modal li{font-size:1.3rem;line-height:1.6rem}.modal .imagesx{width:100%;height:240px}.modal .imagesx img{width:100%;height:100%;object-fit:contain}.alls{margin-bottom:16px;text-align:center}.alls .jobs{color:#ccc !important}.alls .jobs,.alls .name{font-size:1.5rem;color:#fff;line-height:1.5rem}.komponen{margin:8px auto 16px;text-align:center}@media screen and (max-width: 768px){.komponen{text-align:left}}@media screen and (max-width: 768px){.komponen .d-inline{display:block !important}}.komponen i{color:#eaeaea}.komponen span{font-size:1.3rem;line-height:1.3rem;color:#eaeaea}.help-75{width:75% !important;margin:0 auto}@media screen and (max-width: 768px){.help-75{width:100% !important}}.image-comparison{max-width:100%;border:3px solid #fff;margin-right:auto;margin-left:auto}.image-comparison__slider-wrapper{position:relative}.image-comparison__label{font-size:0;line-height:0}.image-comparison__label,.image-comparison__range{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;background-color:transparent;border:none;appearance:none;outline:none;cursor:ew-resize;z-index:20}@media(hover){.image-comparison__range:hover~.image-comparison__slider .image-comparison__thumb{transform:scale(1.2)}}.image-comparison .image-comparison__slider-wrapper .image-comparison__range:active~.image-comparison__slider .image-comparison__thumb,.image-comparison .image-comparison__slider-wrapper .image-comparison__range:focus~.image-comparison__slider .image-comparison__thumb,.image-comparison .image-comparison__slider-wrapper .image-comparison__range--active~.image-comparison__slider .image-comparison__thumb{transform:scale(0.8);background-color:rgba(0,97,127,.5)}.image-comparison__image-wrapper--overlay{position:absolute;top:0;left:0;width:calc(50% + 1px);height:100%;overflow:hidden}.image-comparison__figure{margin:0}.image-comparison__figure::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f2f2f2}.image-comparison__figure:not(.image-comparison__figure--overlay){position:relative;padding-top:66.666666667%}.image-comparison__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:0 50%;overflow:hidden}.image-comparison__figure--overlay .image-comparison__image{z-index:1}.image-comparison__caption{position:absolute;bottom:12px;min-width:max-content;display:flex;flex-direction:column;flex-wrap:nowrap;color:#fff;font-weight:bold;text-transform:uppercase}@media screen and (max-width: 40.063em){.image-comparison__caption{font-size:12px}}.image-comparison__caption--before{left:12px;z-index:2}.image-comparison__caption--after{right:12px;text-align:right}.image-comparison__caption-body{max-width:40vmin;padding:6px 12px;background-color:rgba(0,0,0,.55)}.image-comparison__slider{position:absolute;top:0;left:50%;width:2px;height:100%;background-color:#fff;transition:background-color .3s ease-in-out;z-index:10}.image-comparison__range--active~.image-comparison__slider{background-color:rgba(255,255,255,0)}.image-comparison__thumb{position:absolute;top:calc(50% - 20px);left:calc(50% - 20px);width:40px;height:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#0091df;color:#fff;border-radius:50%;box-shadow:0 0 22px 0 rgba(0,0,0,.5);transform-origin:center;transition:transform .3s ease-in-out,background-color .3s ease-in-out}.image-comparison__range::-webkit-slider-runnable-track{width:40px;height:40px;opacity:0}.image-comparison__range::-moz-range-thumb{width:40px;height:40px;opacity:0}.image-comparison__range::-webkit-slider-thumb{width:40px;height:40px;opacity:0}.image-comparison__range::-ms-fill-lower{background-color:transparent}.image-comparison__range::-ms-track{position:relative;top:0;left:0;width:100%;height:100%;border:none;margin:0;padding:0;background-color:transparent;color:transparent;outline:none;cursor:col-resize}.image-comparison__range::-ms-thumb{width:.5%;height:100%;opacity:0}.image-comparison__range::-ms-tooltip{display:none}/*# sourceMappingURL=style.css.map */