.alur-terbit{--putar:7s}.alur-terbit *{transform-box:fill-box}.alur-terbit .stasiun{transform-origin:center bottom;animation:stasiun-aktif var(--putar) ease-in-out infinite}.alur-terbit .stasiun-2{animation-delay:calc(var(--putar) * .34)}.alur-terbit .stasiun-3{animation-delay:calc(var(--putar) * .64)}@keyframes stasiun-aktif{0%,30%,to{transform:translateY(0)}26%,4%{transform:translateY(-6px)}}.alur-terbit .garis-tulis{stroke-dasharray:40;stroke-dashoffset:40;animation:garis-tulis var(--putar) linear infinite}.alur-terbit .garis-tulis-2{animation-name:garis-tulis-2}.alur-terbit .garis-tulis-3{animation-name:garis-tulis-3}@keyframes garis-tulis{0%{stroke-dashoffset:40}9%,94%{stroke-dashoffset:0}to{stroke-dashoffset:40}}@keyframes garis-tulis-2{0%,9%{stroke-dashoffset:40}18%,94%{stroke-dashoffset:0}to{stroke-dashoffset:40}}@keyframes garis-tulis-3{0%,18%{stroke-dashoffset:40}27%,94%{stroke-dashoffset:0}to{stroke-dashoffset:40}}.alur-terbit .pena{animation:pena-gerak var(--putar) ease-in-out infinite}@keyframes pena-gerak{0%{transform:translate(0)}8%{transform:translate(26px)}9%{transform:translateY(9px)}17%{transform:translate(26px,9px)}18%{transform:translateY(18px)}27%{transform:translate(20px,18px)}32%,to{transform:translate(34px,-8px) rotate(20deg)}}.alur-terbit .sambung{stroke-dasharray:44;stroke-dashoffset:44;animation:sambung-1 var(--putar) ease-out infinite}.alur-terbit .sambung-2{animation-name:sambung-2}@keyframes sambung-1{0%,29%{stroke-dashoffset:44}34%,94%{stroke-dashoffset:0}to{stroke-dashoffset:44}}@keyframes sambung-2{0%,59%{stroke-dashoffset:44}64%,94%{stroke-dashoffset:0}to{stroke-dashoffset:44}}.alur-terbit .kaca{animation:kaca-periksa var(--putar) ease-in-out infinite}@keyframes kaca-periksa{0%,34%{transform:translate(-10px,6px);opacity:.35}38%{opacity:1}44%{transform:translate(10px,-4px)}50%{transform:translate(-8px,10px)}56%{transform:translate(8px,14px);opacity:1}62%,to{transform:translate(0);opacity:1}}.alur-terbit .centang-periksa{stroke-dasharray:20;stroke-dashoffset:20;animation:centang var(--putar) ease-out infinite}@keyframes centang{0%,58%{stroke-dashoffset:20}63%,94%{stroke-dashoffset:0}to{stroke-dashoffset:20}}.alur-terbit .cap{transform-origin:center;opacity:0;animation:cap-hentak var(--putar) cubic-bezier(.2,.9,.3,1.3) infinite}@keyframes cap-hentak{0%,66%{opacity:0;transform:scale(1.8) rotate(-4deg)}70%{opacity:1;transform:scale(.94) rotate(-12deg)}73%,94%{opacity:1;transform:scale(1) rotate(-12deg)}to{opacity:0;transform:scale(1) rotate(-12deg)}}.alur-terbit .pembaca{transform-origin:center bottom;opacity:0;animation:pembaca-muncul var(--putar) ease-out infinite}.alur-terbit .pembaca-2{animation-name:pembaca-muncul-2}.alur-terbit .pembaca-3{animation-name:pembaca-muncul-3}@keyframes pembaca-muncul{0%,74%{opacity:0;transform:translateY(8px) scale(.6)}78%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes pembaca-muncul-2{0%,78%{opacity:0;transform:translateY(8px) scale(.6)}82%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes pembaca-muncul-3{0%,82%{opacity:0;transform:translateY(8px) scale(.6)}86%,94%{opacity:1;transform:none}to{opacity:0}}.alur-label{animation:label-aktif 7s ease-in-out infinite}.alur-label-2{animation-delay:calc(7s * .34)}.alur-label-3{animation-delay:calc(7s * .64)}@keyframes label-aktif{0%,30%,to{background:var(--color-krem);color:var(--color-tinta)}27%,3%{background:var(--color-tinta);color:var(--color-krem)}}.amplop *{transform-box:fill-box}.amplop .surat{animation:surat-masuk .7s cubic-bezier(.2,.8,.2,1) both}.amplop .kertas-kode{animation:kode-mengintip .5s cubic-bezier(.2,.9,.3,1.2) .65s both}.amplop .tutup-amplop{transform-origin:center top;animation:tutup-buka .3s ease-out .45s both}@keyframes surat-masuk{0%{transform:translate(-60px,-24px) rotate(-14deg);opacity:0}}@keyframes kode-mengintip{0%{transform:translateY(22px)}}@keyframes tutup-buka{to{transform:scaleY(-1)}}.mesin-pilah *{transform-box:fill-box;transform-origin:center}.mesin-pilah .kartu-jatuh{animation:kartu-kanan 6s ease-in infinite}.mesin-pilah .kartu-jatuh-2{animation-name:kartu-kiri;animation-delay:3s}@keyframes kartu-kanan{0%{transform:translateY(-30px);opacity:0}8%{opacity:1;transform:translate(0)}30%{transform:translateY(34px)}45%{transform:translate(70px,92px) rotate(8deg);opacity:1}50%,to{transform:translate(70px,100px) rotate(8deg);opacity:0}}@keyframes kartu-kiri{0%{transform:translateY(-30px);opacity:0}8%{opacity:1;transform:translate(0)}30%{transform:translateY(34px)}45%{transform:translate(-70px,92px) rotate(-8deg);opacity:1}50%,to{transform:translate(-70px,100px) rotate(-8deg);opacity:0}}.mesin-pilah .lampu-terbit{animation:lampu 6s ease-out infinite;animation-delay:2.6s}.mesin-pilah .lampu-tolak{animation:lampu 6s ease-out infinite;animation-delay:5.6s}@keyframes lampu{0%,12%,to{opacity:.25}2%,8%{opacity:1}}.nampan .kertas-melayang{animation:melayang 3.2s ease-in-out infinite alternate}@keyframes melayang{to{transform:translateY(-8px) rotate(3deg)}}.cap-sambut{animation:cap-sambut .52s cubic-bezier(.2,.9,.3,1.3) .15s both}@keyframes cap-sambut{0%{opacity:0;transform:scale(2.2) rotate(8deg)}70%{opacity:1;transform:scale(.95) rotate(-6deg)}to{opacity:1;transform:scale(1) rotate(-6deg)}}.debu-cap{animation:debu .6s ease-out .48s both}@keyframes debu{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(1.5)}}.kotak-angka-isi{animation:angka-letup .18s ease-out}@keyframes angka-letup{0%{transform:scale(.6);opacity:.2}}.getar{animation:getar .32s ease-in-out}@keyframes getar{20%,60%{transform:translateX(-8px)}40%,80%{transform:translateX(8px)}}[data-gerak=hemat] .alur-terbit .kaca,[data-gerak=hemat] .alur-terbit .stasiun,[data-gerak=hemat] .debu-cap,[data-gerak=hemat] .nampan .kertas-melayang{animation:none}[data-gerak=hemat] .alur-terbit .pena{animation:pudar-pena var(--putar) linear infinite;transform:translate(34px,-8px) rotate(20deg)}[data-gerak=hemat] .alur-terbit .cap{animation-name:cap-pudar;transform:rotate(-12deg)}[data-gerak=hemat] .alur-terbit .pembaca,[data-gerak=hemat] .alur-terbit .pembaca-2,[data-gerak=hemat] .alur-terbit .pembaca-3{transform:none}[data-gerak=hemat] .alur-terbit .pembaca{animation-name:pembaca-pudar}[data-gerak=hemat] .alur-terbit .pembaca-2{animation-name:pembaca-pudar-2}[data-gerak=hemat] .alur-terbit .pembaca-3{animation-name:pembaca-pudar-3}[data-gerak=hemat] .amplop .kertas-kode,[data-gerak=hemat] .amplop .surat,[data-gerak=hemat] .amplop .tutup-amplop{animation-name:pudar-masuk}[data-gerak=hemat] .amplop .tutup-amplop{transform:scaleY(-1)}[data-gerak=hemat] .mesin-pilah .kartu-jatuh{animation:kartu-pudar 6s ease-in-out infinite;transform:translate(70px,96px) rotate(8deg)}[data-gerak=hemat] .mesin-pilah .kartu-jatuh-2{animation-delay:3s;transform:translate(-70px,96px) rotate(-8deg)}[data-gerak=hemat] .cap-sambut{animation-name:pudar-masuk;transform:rotate(-6deg)}[data-gerak=hemat] .kotak-angka-isi{animation-name:pudar-masuk}[data-gerak=hemat] .getar{animation:getar-warna .4s ease-in-out}[data-gerak=hemat] .muncul-bergilir[data-siap]>*{transform:none}@keyframes pudar-pena{0%,28%{opacity:1}34%,to{opacity:.3}}@keyframes cap-pudar{0%,66%{opacity:0}72%,94%{opacity:1}to{opacity:0}}@keyframes pembaca-pudar{0%,74%{opacity:0}78%,94%{opacity:1}to{opacity:0}}@keyframes pembaca-pudar-2{0%,78%{opacity:0}82%,94%{opacity:1}to{opacity:0}}@keyframes pembaca-pudar-3{0%,82%{opacity:0}86%,94%{opacity:1}to{opacity:0}}@keyframes pudar-masuk{0%{opacity:0}}@keyframes kartu-pudar{0%,to{opacity:0}10%,40%{opacity:1}50%{opacity:0}}@keyframes getar-warna{50%{background-color:rgb(217 83 43/.15)}}.muncul-bergilir[data-siap]>*{opacity:0;transform:translateY(16px);transition:opacity .28s ease-out,transform .28s cubic-bezier(.2,.8,.2,1)}.muncul-bergilir[data-tampil]>*{opacity:1;transform:none}.muncul-bergilir>:nth-child(2){transition-delay:80ms}.muncul-bergilir>:nth-child(3){transition-delay:.16s}.muncul-bergilir>:nth-child(4){transition-delay:.24s}.muncul-bergilir>:nth-child(5){transition-delay:.32s}.muncul-bergilir>:nth-child(n+6){transition-delay:.4s}