.stop-1{stop-color:var(--w1);transition:stop-color .8s}.stop-2{stop-color:var(--w2);transition:stop-color .8s}.pipi{fill:var(--wp);transform-origin:50%;transform-box:fill-box;transition:all .8s}.mulut{transform-origin:100px 125px;transition:d .5s cubic-bezier(.34,1.56,.64,1),fill .4s}.mata-bisa-kedip{transform-origin:100px 95px;animation:4.5s infinite mataKedip}.pupil-mata{transition:all .3s}.aura-api,.api-roket,.awan-hujan,.jam-menunggu,.kembang-api,.hati-banyak,.elemen-mikir,.topi-tidur,.kacamata-tebal,.ikat-kepala,.urat-marah,.alis-sedih,.alis-marah,.alis-fokus,.mata-tidur,.mata-ngotot,.mata-bintang,.mata-senang,.mata-sedih,.mata-fokus,.gelembung-ingus,.keringat,.barbel,.biskuit-animasi,.biskuit-digigit,.remah-terbang,.remah-mulut,.gelembung-zzz,.air-mata-imut,.permen-karet,.holo-rings,.sparkles-senang,.asap-kepala{opacity:0!important;pointer-events:none!important}.api-roket{transform-origin:100px 190px}.kembang-api{transform-origin:100px 100px}.topi-tidur{transform-origin:100px 30px;transition:all .5s;transform:translateY(-20px)}.kacamata-tebal,.ikat-kepala{transition:all .5s;transform:translateY(-20px)}.urat-marah{transform-origin:150px 50px}.awan-hujan{transform-origin:top;transition:all .5s;transform:translateY(-40px)scale(.85)}.state-idle.hp-buddy-svg-wrap{animation:1.5s ease-in-out infinite alternate melayangIdle}.state-idle.hp-buddy-svg-wrap~.hp-buddy-bayangan{animation:1.5s ease-in-out infinite alternate bayanganMelayang}@keyframes melayangIdle{0%{transform:translateY(0)}to{transform:translateY(-12px)}}@keyframes bayanganMelayang{0%{opacity:.15;transform:translate(-50%)scale(1)}to{opacity:.08;transform:translate(-50%)scale(.85)}}.state-ngantuk.hp-buddy-svg-wrap{animation:2s ease-in-out infinite alternate napasTidur}.state-ngantuk .topi-tidur{transform:translateY(0);opacity:1!important}.state-ngantuk .gelembung-zzz{animation:3s linear infinite zzzNaik;opacity:1!important}.state-ngantuk .mata-bisa-kedip{opacity:0!important}.state-ngantuk .mata-tidur{opacity:1!important}.state-ngantuk .gelembung-ingus{transform-origin:108px 108px;animation:3s linear infinite ingusMembesar;opacity:1!important}.state-sedih.hp-buddy-svg-wrap{animation:1.5s ease-in-out infinite alternate napasSedih;transform:translateY(0)scale(.95)}.state-sedih .mata-bisa-kedip{opacity:0!important}.state-sedih .mata-sedih,.state-sedih .alis-sedih,.state-sedih .air-mata-imut{opacity:1!important}.state-sedih .tetesan-mata{animation:1s ease-in infinite nangisBanjir}.state-sedih .tetesan-mata.delay{animation-delay:.4s}.state-sedih .awan-hujan{transform:translateY(-25px)scale(.8);opacity:1!important}.state-sedih .tetes-hujan{animation:.8s linear infinite hujanTurun;opacity:1!important}.state-sedih .mulut{animation:2.5s infinite bibirGemetar}.state-sedih~.hp-buddy-genangan{animation:3s forwards genanganMeluas;opacity:1!important}.state-menunggu.hp-buddy-svg-wrap{animation:1.5s ease-in-out infinite alternate nungguBosan}.state-menunggu .jam-menunggu{opacity:1!important}.state-menunggu .jarum-jam{transform-origin:100px 40px;animation:1s steps(8,end) infinite putarJam}.state-menunggu .pupil-mata{animation:3s ease-in-out infinite lirikKananKiri}.state-menunggu .permen-karet{opacity:1!important}.state-menunggu .balon-tiup{transform-origin:100px 125px;animation:4s cubic-bezier(.2,.8,.2,1) infinite tiupBalon}.state-menunggu .ledakan-permen{transform-origin:100px 125px;animation:4s ease-out infinite ledakanBalon}.state-menunggu .mulut{transform:scale(.3)}.state-olahraga.hp-buddy-svg-wrap{animation:1.5s linear infinite squatJump}.state-olahraga .mata-bisa-kedip{opacity:0!important}.state-olahraga .mata-ngotot{opacity:1!important}.state-olahraga .ikat-kepala{transform:translateY(0);opacity:1!important}.state-olahraga .pipi{transform:scale(1.3)}.state-olahraga .barbel{animation:1.5s infinite angkatBarbel;opacity:1!important}.state-olahraga .keringat{animation:1.5s infinite keringatBercucuran;opacity:1!important}.state-olahraga .hp-buddy-bayangan{animation:1.5s infinite bayanganSquat}.state-olahraga .aura-api{animation:.75s infinite alternate auraMenyala;opacity:1!important}.state-fokus .kacamata-tebal{transform:translateY(0);opacity:1!important}.state-fokus .alis-fokus,.state-fokus .elemen-mikir{opacity:1!important}.state-fokus .bohlam{animation:1.5s infinite alternate lampuNyala}.state-fokus .rumus{animation:3s linear infinite melayangRumus}.state-fokus .garis-laser{animation:2s ease-in-out infinite scanLaser;opacity:1!important}.state-fokus .holo-rings{opacity:1!important}.state-fokus .ring-1{animation:8s linear infinite putarRing1}.state-fokus .ring-2{animation:12s linear infinite putarRing2}.state-fokus .mata-laser{transform-origin:50%;transform-box:fill-box;animation:1.5s infinite alternate nyalaLaser}.state-senang.hp-buddy-svg-wrap{animation:2s linear infinite tarianSenang}.state-senang .mata-bisa-kedip{opacity:0!important}.state-senang .mata-senang{opacity:1!important}.state-senang .hati-banyak{animation:1.5s ease-out infinite loveTerbangSuper;opacity:1!important}.state-senang .sparkles-senang{animation:1.5s infinite alternate sparkleKelapKelip;opacity:1!important}.state-senang .pipi{transform:scale(1.4);opacity:1!important}.state-semangat.hp-buddy-svg-wrap{animation:.4s ease-in-out infinite alternate lompatSemangat}.state-semangat .mata-bisa-kedip{opacity:0!important}.state-semangat .mata-bintang{transform-origin:50%;transform-box:fill-box;transform:scale(1.1);opacity:1!important}.state-semangat .kembang-api{animation:.8s infinite alternate kembangApiMeriah;opacity:1!important}.state-semangat .hp-buddy-bayangan{animation:.4s ease-in infinite alternate bayanganLompatSemangat}.state-makan.hp-buddy-svg-wrap{animation:2s linear infinite goyangSenang}.state-makan .mulut{animation:.3s infinite alternate ngunyah}.state-makan .pipi{animation:.3s infinite alternate pipiNgunyah}.state-makan .biskuit-animasi{opacity:1!important}.state-makan .biskuit-utuh{animation:2.5s infinite toggleBiskuit}.state-makan .biskuit-digigit{animation:2.5s infinite toggleBiskuitBalik}.state-makan .remah-mulut{animation:2.5s infinite remahNempel;opacity:1!important}.state-makan .remah-terbang{animation:2.5s infinite hamburRemah;opacity:1!important}.state-kesal.hp-buddy-svg-wrap{animation:.1s infinite gemetarKesal}.state-kesal .alis-marah{opacity:1!important}.state-kesal .urat-marah{animation:.5s infinite denyut;opacity:1!important}.state-kesal .asap-kepala{animation:1s infinite ngepulAsap;opacity:1!important}.state-kesal .pipi{transform:scale(1.4)}@keyframes melayangHalus{0%{transform:translateY(0)rotateX(0)scaleX(1)scaleY(1)}30%{transform:translateY(-7px)rotateX(-6deg)scaleX(1.04)scaleY(1.03)}50%{transform:translateY(-12px)rotateX(-3deg)scaleX(1.02)scaleY(1.06)}70%{transform:translateY(-7px)rotateX(-6deg)scaleX(1.04)scaleY(1.03)}to{transform:translateY(0)rotateX(0)scaleX(1)scaleY(1)}}@keyframes bayanganHalus{0%,to{opacity:.22;transform:translate(-50%)scale(1)}50%{opacity:.07;transform:translate(-50%)scale(.65)}}@keyframes mataKedip{0%,96%,to{transform:scaleY(1)}98%{transform:scaleY(.1)}}@keyframes napasTidur{0%{transform:translateY(0)scaleY(.95)}to{transform:translateY(-5px)scaleY(1)}}@keyframes zzzNaik{0%{opacity:0;transform:translate(0)scale(.5)}20%{opacity:1}to{opacity:0;transform:translate(30px,-60px)scale(1.5)rotate(20deg)}}@keyframes ingusMembesar{0%{opacity:1;transform:scale(.2)}80%{opacity:1;transform:scale(1.5)}85%{opacity:0;transform:scale(1.6)}to{opacity:0;transform:scale(.2)}}@keyframes napasSedih{0%{transform:translateY(0)scaleY(.95)}to{transform:translateY(-3px)scaleY(1)}}@keyframes nangisBanjir{0%{opacity:0;transform:translateY(-5px)scaleY(.5)}20%{opacity:1}to{opacity:0;transform:translateY(35px)scaleY(1.3)}}@keyframes bibirGemetar{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes gemetarSedih{0%,to{transform:translateY(0)translate(0)}25%{transform:translateY(1px)translate(1px)}75%{transform:translateY(-1px)translate(-1px)}}@keyframes hujanTurun{0%{opacity:1;transform:translateY(-5px)}to{opacity:0;transform:translateY(25px)}}@keyframes lirikKananKiri{0%,to{transform:translate(0)}20%,40%{transform:translate(-6px)}60%,80%{transform:translate(6px)}}@keyframes nungguBosan{0%{transform:translateY(0)scaleY(1)}to{transform:translateY(8px)scaleY(.95)}}@keyframes tiupBalon{0%{opacity:0;transform:scale(0)}10%{opacity:.9;transform:scale(.5)}75%{opacity:.9;transform:scale(2.2)}76%,to{opacity:0;transform:scale(0)}}@keyframes ledakanBalon{0%,75%{opacity:0;transform:scale(.5)}76%{opacity:1;transform:scale(1.5)}85%,to{opacity:0;transform:scale(2.5)}}@keyframes putarJam{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes squatJump{0%{animation-timing-function:ease-out;transform:translateY(0)scale(1)}25%{animation-timing-function:ease-in;transform:translateY(12px)scale(1.1,.9)}50%{animation-timing-function:ease-out;transform:translateY(0)scale(1)}75%{animation-timing-function:ease-in;transform:translateY(-20px)scale(.9,1.1)}to{transform:translateY(0)scale(1)}}@keyframes angkatBarbel{0%,to{transform:translateY(0)}30%{transform:translateY(-10px)}70%{transform:translateY(-60px)}}@keyframes keringatBercucuran{0%{opacity:0;transform:translateY(0)}20%{opacity:1}80%{opacity:1;transform:translateY(25px)}to{opacity:0;transform:translateY(35px)}}@keyframes auraMenyala{0%{opacity:.4;transform:scale(1)}to{opacity:.8;filter:hue-rotate(15deg);transform:scale(1.25)}}@keyframes bayanganSquat{0%,to{opacity:.2;transform:translate(-50%)scale(1.2)}50%{opacity:.04;transform:translate(-50%)scale(.6)}}@keyframes lampuNyala{0%{opacity:.5;filter:drop-shadow(0 0 5px #fcc419);transform:scale(.9)}to{opacity:1;filter:drop-shadow(0 0 15px #fcc419);transform:scale(1.1)}}@keyframes melayangRumus{0%{opacity:0;transform:translateY(0)rotate(0)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(-40px)rotate(20deg)}}@keyframes scanLaser{0%,to{opacity:0;transform:translateY(-15px)}10%,90%{opacity:1}50%{transform:translateY(25px)}}@keyframes putarRing1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes putarRing2{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes nyalaLaser{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;filter:drop-shadow(0 0 5px #339af0);transform:scale(1.4)}}@keyframes tarianSenang{0%{animation-timing-function:ease-out;transform:translateY(0)scale(1.02,.98)rotate(0)}25%{animation-timing-function:ease-in;transform:translateY(-15px)scale(.98,1.02)rotate(-6deg)}50%{animation-timing-function:ease-out;transform:translateY(0)scale(1.02,.98)rotate(0)}75%{animation-timing-function:ease-in;transform:translateY(-15px)scale(.98,1.02)rotate(6deg)}to{transform:translateY(0)scale(1.02,.98)rotate(0)}}@keyframes loveTerbangSuper{0%{opacity:0;transform:translate(0)scale(.5)}30%{opacity:1}to{opacity:0;transform:translate(30px,-80px)scale(1.5)rotate(20deg)}}@keyframes sparkleKelapKelip{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes lompatSemangat{0%{transform:translateY(10px)scale(1.1,.9)}to{transform:translateY(-15px)scale(.9,1.1)}}@keyframes kembangApiMeriah{0%{opacity:0;transform:scale(.5)}50%{opacity:1}to{opacity:0;transform:scale(1.8)}}@keyframes bayanganLompatSemangat{0%{opacity:.2;transform:translate(-50%)scale(1.2)}to{opacity:.08;transform:translate(-50%)scale(.6)}}@keyframes goyangSenang{0%{animation-timing-function:ease-out;transform:rotate(0)}25%{animation-timing-function:ease-in;transform:rotate(-5deg)}50%{animation-timing-function:ease-out;transform:rotate(0)}75%{animation-timing-function:ease-in;transform:rotate(5deg)}to{transform:rotate(0)}}@keyframes ngunyah{0%{transform:scaleY(1)translateY(0)}to{transform:scaleY(.4)translateY(-5px)}}@keyframes pipiNgunyah{0%{transform:scaleX(1)}to{transform:scaleX(1.2)translate(3px)}}@keyframes toggleBiskuit{0%,55%{opacity:1}60%,to{opacity:0}}@keyframes toggleBiskuitBalik{0%,55%{opacity:0}60%,95%{opacity:1}to{opacity:0}}@keyframes remahNempel{0%,55%{opacity:0}60%,to{opacity:1}}@keyframes hamburRemah{0%,55%{opacity:0;transform:translate(0)}60%{opacity:1;transform:translate(0)}85%{opacity:.4}to{opacity:0;transform:translate(10px,-20px)scale(.4)}}@keyframes gemetarKesal{0%{transform:translate(.5px,.5px)}25%{transform:translate(-.5px,-.5px)}50%{transform:translate(-.5px,.5px)}75%{transform:translate(.5px,-.5px)}to{transform:translate(0)}}@keyframes denyut{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}@keyframes ngepulAsap{0%{opacity:0;transform:translateY(0)scale(.5)}50%{opacity:.9}to{opacity:0;transform:translateY(-50px)scale(1.5)}}