.pi{vertical-align:middle;flex:none;display:inline-block;overflow:visible}.pi .pi-move{transform-box:fill-box;transform-origin:50%}.pi .pi-draw{stroke-dasharray:1}.pi[data-motion=swing] .pi-move{transform-origin:50% 0}.pi[data-motion=grow] .pi-move{transform-origin:50% 100%}.pi[data-motion=move-left]{--pi-motion:pi-move-left}.pi[data-motion=move-right]{--pi-motion:pi-move-right}.pi[data-motion=move-up]{--pi-motion:pi-move-up}.pi[data-motion=move-down]{--pi-motion:pi-move-down}.pi[data-motion=move-up-right]{--pi-motion:pi-move-up-right}.pi[data-motion=move-down-right]{--pi-motion:pi-move-down-right}.pi[data-motion=move-down-left]{--pi-motion:pi-move-down-left}.pi[data-motion=draw]{--pi-motion:pi-draw}.pi[data-motion=grow]{--pi-motion:pi-grow}.pi[data-motion=turn]{--pi-motion:pi-turn}.pi[data-motion=shake]{--pi-motion:pi-shake}.pi[data-motion=swing]{--pi-motion:pi-swing}.pi[data-motion=blink]{--pi-motion:pi-blink}.pi[data-motion=pop]{--pi-motion:pi-pop}:is(a,button,summary,label,[role=button],[role=tab],[role=menuitem],[role=option],.pi-hover):is(:hover,:focus-visible) .pi .pi-move,:is([aria-current=page],[aria-current=true],[aria-pressed=true],[aria-selected=true],[aria-checked=true]) .pi .pi-move{animation:var(--pi-motion) .52s cubic-bezier(.2, .7, .2, 1) 1}@keyframes pi-move-left{45%{transform:translate(-2.5px)}}@keyframes pi-move-right{45%{transform:translate(2.5px)}}@keyframes pi-move-up{45%{transform:translateY(-2.5px)}}@keyframes pi-move-down{45%{transform:translateY(2.5px)}}@keyframes pi-move-up-right{45%{transform:translate(2px,-2px)}}@keyframes pi-move-down-right{45%{transform:translate(2px,2px)}}@keyframes pi-move-down-left{45%{transform:translate(-2px,2px)}}@keyframes pi-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes pi-grow{0%{transform:scaleY(.35)}}@keyframes pi-turn{to{transform:rotate(90deg)}}@keyframes pi-shake{20%{transform:translate(-1.5px)}40%{transform:translate(1.5px)}60%{transform:translate(-1px)}80%{transform:translate(1px)}}@keyframes pi-swing{20%{transform:rotate(12deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(6deg)}80%{transform:rotate(-3deg)}}@keyframes pi-blink{45%{transform:scaleY(.12)}}@keyframes pi-pop{40%{transform:scale(1.12)}}@media (prefers-reduced-motion:reduce){.pi .pi-move{animation:none!important}}.pi-page{gap:var(--p-space-5);max-width:1100px;padding:var(--p-space-6) var(--p-space-5);flex-direction:column;margin:0 auto;display:flex}.pi-group{gap:var(--p-space-3);flex-direction:column;display:flex}.pi-sheet{gap:var(--p-space-3);grid-template-columns:repeat(auto-fill,minmax(112px,1fr));display:grid}.pi-tile{align-items:center;gap:var(--p-space-2);padding:var(--p-space-4) var(--p-space-2) var(--p-space-3);border:1px solid var(--p-line);border-radius:var(--p-radius-panel);background:var(--p-surface);color:var(--p-ink);font:inherit;cursor:pointer;flex-direction:column;display:flex}.pi-tile:hover,.pi-tile[aria-pressed=true]{border-color:var(--p-line-strong);background:var(--p-surface-inset)}.pi-tile[aria-pressed=true]{color:var(--p-accent)}.pi-tile-name{color:var(--p-ink-muted);font-size:.75rem}.pi-sizes{align-items:center;gap:var(--p-space-3);flex-wrap:wrap;display:flex}