@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(/motion-party/assets/baloo-2-devanagari-800-normal-BURIY0wZ.woff2)format("woff2"),url(/motion-party/assets/baloo-2-devanagari-800-normal-YLp1oUqR.woff)format("woff");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(/motion-party/assets/baloo-2-vietnamese-800-normal-ConLnEgt.woff2)format("woff2"),url(/motion-party/assets/baloo-2-vietnamese-800-normal-GQACmpuv.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(/motion-party/assets/baloo-2-latin-ext-800-normal-C_Iwmf1s.woff2)format("woff2"),url(/motion-party/assets/baloo-2-latin-ext-800-normal-D-iCxxqE.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(/motion-party/assets/baloo-2-latin-800-normal-BbF3Etk1.woff2)format("woff2"),url(/motion-party/assets/baloo-2-latin-800-normal-B8BXfZF7.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/motion-party/assets/nunito-cyrillic-ext-800-normal-B-cvGohL.woff2)format("woff2"),url(/motion-party/assets/nunito-cyrillic-ext-800-normal-pjRatrRO.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/motion-party/assets/nunito-cyrillic-800-normal-D3igD7Kl.woff2)format("woff2"),url(/motion-party/assets/nunito-cyrillic-800-normal-DymMgApb.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/motion-party/assets/nunito-vietnamese-800-normal-D_CZYdm9.woff2)format("woff2"),url(/motion-party/assets/nunito-vietnamese-800-normal-Dz0hZPb5.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/motion-party/assets/nunito-latin-ext-800-normal-CtU8tJOV.woff2)format("woff2"),url(/motion-party/assets/nunito-latin-ext-800-normal-CDcxIxx8.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/motion-party/assets/nunito-latin-800-normal-Dz8SOQK_.woff2)format("woff2"),url(/motion-party/assets/nunito-latin-800-normal-D-J0wlBY.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.glyph{aspect-ratio:1;perspective:500px;place-items:center;width:min(56vw,250px);margin-bottom:8px;display:grid;position:relative}.glyph[data-icon=none]{display:none}.glyph-ring{opacity:0;transition:opacity .2s;position:absolute;inset:0;transform:rotate(-90deg)}.glyph.metered .glyph-ring{opacity:1}.glyph-ring circle{fill:none;stroke:#fff;stroke-width:5px;stroke-linecap:round;stroke-dasharray:289;stroke-dashoffset:calc(289 * (1 - var(--meter)));transition:stroke-dashoffset .12s linear}.phone{aspect-ratio:9/18;width:34%;transform-style:preserve-3d;background:#fff;border-radius:16%/8%;padding:7%;box-shadow:0 10px #0004,inset 0 0 0 4px #fff}.phone-screen{background:linear-gradient(160deg, var(--me), var(--me-dark));border-radius:10%/5%;width:100%;height:100%}.glyph-extra{pointer-events:none;place-items:center;font-family:"Baloo 2",system-ui,sans-serif;font-size:70px;display:grid;position:absolute;inset:0}.glyph[data-icon=tilt] .phone{animation:2.2s ease-in-out infinite g-tilt}@keyframes g-tilt{0%,to{transform:rotateX(62deg)rotateY(-22deg)}25%{transform:rotateX(40deg)rotateY(0)}50%{transform:rotateX(62deg)rotateY(22deg)}75%{transform:rotateX(75deg)rotateY(0)}}.glyph[data-icon=twist] .phone{animation:2.4s ease-in-out infinite g-twist}@keyframes g-twist{0%,to{transform:rotate(-55deg)}50%{transform:rotate(55deg)}}.glyph[data-icon=steer] .phone{animation:1.8s ease-in-out infinite g-steer}@keyframes g-steer{0%,to{transform:rotate(-28deg)}50%{transform:rotate(28deg)}}.glyph[data-icon=shake] .phone{animation:.22s linear infinite g-shake}@keyframes g-shake{0%,to{transform:translate(-9%)rotate(-7deg)}50%{transform:translate(9%)rotate(7deg)}}.glyph[data-icon=flick] .phone{animation:1.3s cubic-bezier(.3,0,.3,1) infinite g-flick}@keyframes g-flick{0%,55%,to{transform:rotateX(62deg)translateY(18%)}70%{transform:rotateX(38deg)translateY(-38%)}85%{transform:rotateX(62deg)translateY(18%)}}.glyph[data-icon=throw] .phone{animation:1.5s cubic-bezier(.3,0,.3,1) infinite g-throw}@keyframes g-throw{0%,45%,to{transform:rotateX(68deg)translateY(30%)scale(1.05)}65%{transform:rotateX(72deg)translateY(-45%)scale(.8)}80%{transform:rotateX(68deg)translateY(30%)scale(1.05)}}.glyph[data-icon=row] .phone{animation:1.4s ease-in-out infinite g-row}@keyframes g-row{0%,to{transform:rotate(90deg)rotateY(38deg)}50%{transform:rotate(90deg)rotateY(-38deg)}}.glyph[data-icon=still] .phone{animation:2.5s ease-in-out infinite g-still}@keyframes g-still{0%,to{box-shadow:0 10px #0004,0 0 #fff8}50%{box-shadow:0 10px #0004,0 0 0 18px #fff0}}.glyph[data-icon=mystery] .phone{animation:3s ease-in-out infinite g-mystery}.glyph[data-icon=mystery] .glyph-extra:after{content:"?";color:#fff;text-shadow:0 4px #0006}@keyframes g-mystery{0%,to{transform:rotateY(-30deg)rotateX(20deg)}50%{transform:rotateY(30deg)rotateX(-10deg)}}.glyph[data-icon=trophy] .phone{display:none}.glyph[data-icon=trophy] .glyph-extra:after{content:"★";color:#ffcf3f;text-shadow:0 6px #0006;font-size:150px;animation:.5s cubic-bezier(.2,1.6,.4,1) pop}.glyph[data-icon=tap] .glyph-extra:before,.glyph[data-icon=swipe] .glyph-extra:before,.glyph[data-icon=hold] .glyph-extra:before{content:"";aspect-ratio:1;background:#fff;border:4px solid #141026;border-radius:50%;width:17%;box-shadow:0 0 #fffa}.glyph[data-icon=tap] .phone,.glyph[data-icon=swipe] .phone,.glyph[data-icon=hold] .phone{width:40%}.glyph[data-icon=tap] .glyph-extra:before{animation:.7s ease-in-out infinite g-tap}@keyframes g-tap{0%,to{opacity:.55;transform:translateY(18%)scale(1.25)}45%{opacity:1;transform:translateY(18%)scale(.8);box-shadow:0 0 0 14px #fff0}}.glyph[data-icon=swipe] .glyph-extra:before{animation:1.2s cubic-bezier(.3,0,.2,1) infinite g-swipe}@keyframes g-swipe{0%,20%{opacity:0;transform:translate(-110%,130%)}35%{opacity:1;transform:translate(-110%,130%)}75%{opacity:1;transform:translate(110%,-150%)}to{opacity:0;transform:translate(110%,-150%)}}.glyph[data-icon=hold] .glyph-extra:before{animation:2s ease-in-out infinite g-hold}@keyframes g-hold{0%,to{opacity:.5;transform:scale(1.3);box-shadow:0 0 #fff0}20%,80%{opacity:1;transform:scale(.85);box-shadow:0 0 0 16px #fff4}}.glyph[data-icon=pour] .phone{transform-origin:50% 80%;animation:2.6s ease-in-out infinite g-pour}@keyframes g-pour{0%,15%,to{transform:rotate(0)}45%,70%{transform:rotate(78deg)}}.glyph[data-icon=swing] .phone{transform-origin:50% 100%;animation:1.5s cubic-bezier(.5,0,.2,1) infinite g-swing}@keyframes g-swing{0%,30%,to{transform:rotate(-42deg)}55%,70%{transform:rotate(42deg)}}.glyph[data-icon=stir] .phone{animation:1.1s linear infinite g-stir}@keyframes g-stir{0%{transform:rotateX(60deg)translateY(-28%)}25%{transform:rotateX(60deg)translate(34%)}50%{transform:rotateX(60deg)translateY(28%)}75%{transform:rotateX(60deg)translate(-34%)}to{transform:rotateX(60deg)translateY(-28%)}}.glyph[data-icon=aim] .phone{animation:2.6s ease-in-out infinite g-aim}.glyph[data-icon=aim] .glyph-extra:after{content:"";aspect-ratio:1;background:radial-gradient(circle,#fff 0 14%,#0000 16%);border:5px solid #fff;border-radius:50%;width:30%;transform:translateY(-120%)}@keyframes g-aim{0%,to{transform:translateY(34%)rotateX(72deg)rotate(-26deg)}50%{transform:translateY(34%)rotateX(72deg)rotate(26deg)}}.glyph[data-icon=pump] .phone{animation:.7s cubic-bezier(.4,0,.6,1) infinite g-pump}@keyframes g-pump{0%,to{transform:translateY(-26%)}50%{transform:translateY(26%)}}.glyph[data-icon=punch] .phone{animation:1.1s cubic-bezier(.3,0,.2,1) infinite g-punch}@keyframes g-punch{0%,50%,to{transform:rotateY(-35deg)scale(.8)}65%{transform:rotateY(-35deg)scale(1.35)}80%{transform:rotateY(-35deg)scale(.8)}}.glyph[data-icon=balance] .phone{transform-origin:50% 100%;animation:3s ease-in-out infinite g-balance}@keyframes g-balance{0%,to{transform:rotate(-9deg)}30%{transform:rotate(6deg)}60%{transform:rotate(-3deg)}80%{transform:rotate(10deg)}}.glyph[data-icon=knock] .phone{transform:rotateX(66deg)}.glyph[data-icon=knock] .glyph-extra:before{content:"";aspect-ratio:1;background:#fff;border-radius:50%;width:15%;animation:.6s ease-in infinite g-knock}@keyframes g-knock{0%{opacity:.4;transform:translate(190%,-60%)scale(1)}50%{opacity:1;transform:translate(190%,120%)scale(1);box-shadow:0 0 #fff9}to{opacity:0;transform:translate(190%,120%)scale(1);box-shadow:0 0 0 26px #fff0}}