@layer components{:is(.st-icon,.pb-icon,.mcp-icon)[aria-busy=true]:disabled{background:var(--gp-m-100);color:var(--gp-m-700);cursor:progress}:is(.st-icon,.pb-icon,.mcp-icon)[data-anim] svg :is(path,circle,rect){fill:currentColor;fill-opacity:0;transition:fill-opacity var(--gp-d-state) linear}:is(.st-icon,.pb-icon,.mcp-icon)[data-anim]:not(:disabled):is(:hover,:focus-visible) svg :is(path,circle,rect){fill-opacity:.28}:is(.st-icon,.pb-icon,.mcp-icon)[data-anim=copy]:not(:disabled):is(:hover,:focus-visible){background:var(--gp-card);color:var(--gp-ink)}:is(.st-icon,.pb-icon,.mcp-icon)[data-anim=copy]:not(:disabled):is(:hover,:focus-visible) svg :is(path,rect){fill-opacity:.16}:is(.st-icon,.pb-icon,.mcp-icon):is([data-anim=edit],[data-anim=share]):not(:disabled):is(:hover,:focus-visible){background:var(--gp-m-100);color:var(--gp-m-700)}:is(.st-icon,.pb-icon,.mcp-icon):is([data-anim=edit],[data-anim=share]):not(:disabled):is(:hover,:focus-visible) svg :is(path,circle){fill:var(--gp-m-500)}:is(.st-icon,.pb-icon,.mcp-icon)[data-anim=delete]:not(:disabled):is(:hover,:focus-visible,[aria-expanded=true]){background:color-mix(in srgb, var(--gp-bad) 12%, transparent);color:var(--gp-bad)}:is(.st-icon,.pb-icon,.mcp-icon)[data-anim=delete]:not(:disabled):is(:hover,:focus-visible,[aria-expanded=true]) svg path{fill:var(--gp-bad);fill-opacity:.22}@media (prefers-reduced-motion:no-preference){:is(.st-icon,.pb-icon,.mcp-icon)[data-anim]:not(:disabled):is(:hover,:focus-visible) svg{animation:.4s both st-icon-hop}:is(.st-icon,.pb-icon,.mcp-icon)[data-anim=edit] svg{transform-origin:15% 85%;transition:rotate .22s var(--gp-ease-state)}:is(.st-icon,.pb-icon,.mcp-icon)[data-anim=edit]:not(:disabled):is(:hover,:focus-visible) svg{transition:rotate .36s var(--gp-spring-pop);rotate:-14deg}:is(.st-icon,.pb-icon,.mcp-icon)[data-anim=share] svg circle{transform-box:fill-box;transform-origin:50%}:is(.st-icon,.pb-icon,.mcp-icon)[data-anim=share]:not(:disabled):is(:hover,:focus-visible) svg circle{animation:.32s 90ms both st-icon-node-pop}:is(.st-icon,.pb-icon,.mcp-icon)[data-anim=share]:not(:disabled):is(:hover,:focus-visible) svg circle:is(:first-of-type,:nth-of-type(3)){animation-delay:.17s}:is(.st-icon,.pb-icon,.mcp-icon)[data-anim=close] svg{transition:rotate .22s var(--gp-ease-state)}:is(.st-icon,.pb-icon,.mcp-icon)[data-anim=close]:not(:disabled):is(:hover,:focus-visible) svg{transition:rotate .38s var(--gp-spring-pop);rotate:90deg}:is(.st-icon,.pb-icon,.mcp-icon)[data-anim=copy] svg rect{transform-box:view-box;transition:translate .2s var(--gp-ease-state)}:is(.st-icon,.pb-icon,.mcp-icon)[data-anim=copy]:not(:disabled):is(:hover,:focus-visible) svg rect{transition:translate .38s var(--gp-spring-pop);translate:-1.5px -1.5px}:is(.st-icon,.pb-icon,.mcp-icon)[data-anim=delete] svg{transform-origin:50% 100%}:is(.st-icon,.pb-icon,.mcp-icon)[data-anim=delete]:not(:disabled):is(:hover,:focus-visible) svg{animation:.4s both st-icon-hop,.42s ease-out both st-icon-wiggle}:is(.st-icon,.pb-icon,.mcp-icon)[data-anim=delete] svg path:is(:nth-of-type(4),:nth-of-type(5)){transform-box:view-box;transform-origin:3px 6px;transition:translate .2s var(--gp-ease-state), rotate .2s var(--gp-ease-state), fill-opacity var(--gp-d-state) linear}:is(.st-icon,.pb-icon,.mcp-icon)[data-anim=delete]:not(:disabled):is(:hover,:focus-visible,[aria-expanded=true]) svg path:is(:nth-of-type(4),:nth-of-type(5)){transition:translate .38s var(--gp-spring-pop), rotate .38s var(--gp-spring-pop), fill-opacity var(--gp-d-state) linear;translate:0 -1.5px;rotate:-12deg}}@keyframes st-icon-hop{0%{animation-timing-function:cubic-bezier(.2,0,.4,1);translate:0}40%{animation-timing-function:cubic-bezier(.3,1.45,.45,1);translate:0 -4px}to{translate:0}}@keyframes st-icon-node-pop{0%{scale:1}45%{scale:1.35}75%{scale:.92}to{scale:1}}@keyframes st-icon-wiggle{0%{rotate:0deg}25%{rotate:-9deg}50%{rotate:7deg}75%{rotate:-3deg}to{rotate:0deg}}}