:root{--pm-bounce:cubic-bezier(.34, 1.56, .64, 1)}@layer components{.pm-opt{--opt-lip:2px;box-shadow:inset 0 0 0 1px var(--opt-rim,var(--color-line)), var(--shadow-e1);transition:transform .11s var(--pm-bounce), box-shadow .11s var(--pm-bounce), background-color .15s ease-out, color .15s ease-out, opacity .2s ease-out;-webkit-tap-highlight-color:transparent}@media (hover:hover){.pm-lift:hover{transform:translateY(-1px)}}.pm-lift:active{transition-duration:80ms;transform:scale(.985)}}@keyframes pm-rise{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}.pm-rise{animation:pm-rise .34s var(--pm-bounce) backwards}@keyframes pm-key-in{0%{opacity:0;transform:scale(.4)rotate(-12deg)}70%{opacity:1;transform:scale(1.15)rotate(4deg)}to{opacity:1;transform:none}}.pm-key-in{animation:pm-key-in .38s var(--pm-bounce) backwards}@keyframes pm-tile-in{0%{opacity:0;transform:translateY(12px)scale(.85)}60%{opacity:1;transform:translateY(-3px)scale(1.04)}to{opacity:1;transform:none}}.pm-tile-in{animation:pm-tile-in .52s var(--pm-bounce) backwards}@keyframes pm-pop{0%{transform:scale(1)}35%{transform:scale(1.08)}65%{transform:scale(.98)}to{transform:scale(1)}}.pm-pop{animation:pm-pop .42s var(--pm-bounce)}@keyframes pm-key-bounce{0%{transform:scale(.6)}30%{transform:translateY(-5px)scale(1.18)}55%{transform:translateY(0)scale(.94)}75%{transform:translateY(-1.5px)scale(1.04)}to{transform:none}}.pm-key-bounce{animation:pm-key-bounce .52s var(--pm-bounce)}@keyframes pm-wobble{0%,to{transform:none}20%{transform:translate(-3px)rotate(-2deg)}40%{transform:translate(3px)rotate(1.6deg)}60%{transform:translate(-2px)rotate(-1deg)}80%{transform:translate(1px)rotate(.4deg)}}.pm-wobble{animation:.44s ease-in-out pm-wobble}@keyframes pm-pulse{0%,to{box-shadow:inset 0 0 0 1.5px var(--color-superprep-line), 0 0 0 0 color-mix(in oklab, var(--color-grape-500) 45%, transparent);transform:scale(1)}50%{box-shadow:inset 0 0 0 1.5px var(--color-superprep-line), 0 0 0 6px color-mix(in oklab, var(--color-grape-500) 0%, transparent);transform:scale(1.1)}}.pm-pulse{animation:.9s ease-in-out .35s 2 pm-pulse;display:inline-block}@keyframes pm-bob{0%,to{transform:translate(0,0)rotate(0)}50%{transform:translateY(-4px)}}.pm-bob svg{animation:3.6s ease-in-out infinite pm-bob}.pm-key{transition:transform .26s var(--pm-bounce), box-shadow .26s var(--pm-bounce), gap .2s ease-out}@media (hover:hover){.group:hover .pm-key{box-shadow:0 7px 0 var(--color-grape-800);transform:translateY(-3px)scale(1.04)rotate(-1.5deg)}}.group:active .pm-key{box-shadow:0 2px 0 var(--color-grape-800);transition-duration:80ms;transform:translateY(2px)}@keyframes pm-tick-bump{0%{transform:scale(1)}35%{transform:scale(1.22)}70%{transform:scale(.95)}to{transform:scale(1)}}.pm-tick-bump{animation:pm-tick-bump .38s var(--pm-bounce);display:inline-block}@keyframes pm-ready{0%,to{transform:none}20%{transform:rotate(-3deg)scale(1.03)}40%{transform:rotate(2.5deg)scale(1.03)}60%{transform:rotate(-1.5deg)}80%{transform:rotate(.8deg)}}.pm-ready{animation:.56s ease-in-out .2s pm-ready}@keyframes pm-badge-drop{0%{opacity:0;transform:translateY(-28px)scale(.5)rotate(-18deg)}55%{opacity:1;transform:translateY(4px)scale(1.1,.9)rotate(6deg)}78%{transform:translateY(-3px)scale(.97,1.03)rotate(-2deg)}to{transform:none}}.pm-badge-drop{animation:pm-badge-drop .72s var(--pm-bounce) backwards}@keyframes pm-float{0%,to{transform:translate(0,0)rotate(0)}50%{transform:translateY(-5px)rotate(-3deg)}}.pm-float{animation:3.2s ease-in-out .9s infinite pm-float}@keyframes pm-star-in{0%{opacity:0;transform:scale(0)rotate(-60deg)}60%{opacity:1;transform:scale(1.25)rotate(10deg)}to{transform:none}}.pm-star-in{animation:pm-star-in .56s var(--pm-bounce) backwards}.pm-hop{transition:transform .26s var(--pm-bounce)}.pm-hop:hover{transform:translateY(-3px)rotate(-1deg)}@media (prefers-reduced-motion:reduce){.pm-badge-drop,.pm-float,.pm-star-in,.pm-rise,.pm-key-in,.pm-tile-in,.pm-pop,.pm-key-bounce,.pm-wobble,.pm-pulse,.pm-bob svg,.pm-tick-bump,.pm-ready{animation:none!important}.pm-hop{transition:none}.pm-opt,.pm-key{transition-property:background-color,color,opacity,box-shadow}.pm-lift:hover,.pm-lift:active,.group:hover .pm-key,.group:active .pm-key{transform:none!important}}