:root{--tr-dur:.22s;--tr-jarak:28px}@keyframes trGeserKanan{0%{opacity:0;transform:translate(var(--tr-jarak))}to{opacity:1;transform:none}}@keyframes trGeserKiri{0%{opacity:0;transform:translate(calc(-1*var(--tr-jarak)))}to{opacity:1;transform:none}}@keyframes trPudar{0%{opacity:0}to{opacity:1}}@keyframes trNaik{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.tr-geser-kanan{animation:trGeserKanan var(--tr-dur) ease-out both}.tr-geser-kiri{animation:trGeserKiri var(--tr-dur) ease-out both}.tr-pudar{animation:trPudar var(--tr-dur) ease-out both}.tr-naik{animation:trNaik var(--tr-dur) ease-out both}html[data-tr] .app-top{view-transition-name:tr-header}html[data-tr] .tabbar{view-transition-name:tr-bilah}html[data-tr]::view-transition-old(tr-header),html[data-tr]::view-transition-old(tr-bilah){display:none}html[data-tr]::view-transition-new(tr-header),html[data-tr]::view-transition-new(tr-bilah){animation:none}html[data-tr]::view-transition-old(root),html[data-tr]::view-transition-new(root){animation-duration:var(--tr-dur);animation-timing-function:ease-out;mix-blend-mode:normal}@keyframes trVtKeluarKiri{to{opacity:0;transform:translate(calc(-1*var(--tr-jarak)))}}@keyframes trVtKeluarKanan{to{opacity:0;transform:translate(var(--tr-jarak))}}@keyframes trVtMasukKanan{0%{opacity:0;transform:translate(var(--tr-jarak))}}@keyframes trVtMasukKiri{0%{opacity:0;transform:translate(calc(-1*var(--tr-jarak)))}}@keyframes trVtPudarKeluar{to{opacity:0}}@keyframes trVtPudarMasuk{0%{opacity:0}}html[data-tr=geser-kanan]::view-transition-old(root){animation-name:trVtKeluarKiri}html[data-tr=geser-kanan]::view-transition-new(root){animation-name:trVtMasukKanan}html[data-tr=geser-kiri]::view-transition-old(root){animation-name:trVtKeluarKanan}html[data-tr=geser-kiri]::view-transition-new(root){animation-name:trVtMasukKiri}html[data-tr=pudar]::view-transition-old(root){animation-name:trVtPudarKeluar}html[data-tr=pudar]::view-transition-new(root){animation-name:trVtPudarMasuk}@media(prefers-reduced-motion:reduce){.tr-geser-kanan,.tr-geser-kiri,.tr-pudar,.tr-naik{animation:none}html[data-tr]::view-transition-old(root),html[data-tr]::view-transition-new(root),html[data-tr]::view-transition-group(root){animation:none}}html.hemat-1 .tr-geser-kanan,html.hemat-1 .tr-geser-kiri,html.hemat-1 .tr-pudar,html.hemat-1 .tr-naik,html.hemat-2 .tr-geser-kanan,html.hemat-2 .tr-geser-kiri,html.hemat-2 .tr-pudar,html.hemat-2 .tr-naik{animation:none}html.hemat-1[data-tr]::view-transition-old(root),html.hemat-1[data-tr]::view-transition-new(root),html.hemat-2[data-tr]::view-transition-old(root),html.hemat-2[data-tr]::view-transition-new(root){animation:none}