.fx-template-save{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:none;min-width:88px;height:var(--control-h-sm);padding:0 12px;box-sizing:border-box;border:1px solid var(--rule-strong);border-radius:var(--radius-1);background:var(--porcelain-raised);color:var(--ink);font:560 13px/1 var(--font-sans);white-space:nowrap;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.fx-template-save__star{width:15px;height:15px;flex:none}.fx-template-save:hover{border-color:var(--ink)}.fx-template-save[aria-pressed=true]{background:var(--accent);border-color:var(--ink);transition:none}.fx-template-save:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.fx-template-save[aria-pressed=false]:active .fx-template-save__star{transform:scale(.82)}.fx-template-save__star{transition:transform var(--dur-fast) var(--ease-out)}.fx-template-save__liquid{position:absolute;inset:0;z-index:-1;overflow:hidden;border-radius:inherit;pointer-events:none}.fx-template-save__wave{position:absolute;left:0;top:100%;width:200%;height:calc(100% + 8px);fill:var(--accent);opacity:0}.fx-template-save__drops,.fx-template-save__fall,.fx-template-save__ripple{position:absolute;left:50%;pointer-events:none}.fx-template-save__fall{top:-26px;width:7px;height:9px;margin-left:-3.5px;border-radius:50% 50% 50% 50%/62% 62% 38% 38%;background:var(--accent);box-shadow:0 0 0 1px var(--ink);opacity:0}.fx-template-save__ripple{top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;border:1.5px solid var(--accent-ink);opacity:0}.fx-template-save__drops{top:2px;width:0;height:0}.fx-template-save__drops i{position:absolute;left:0;top:0;opacity:0}.fx-template-save__drops b{display:block;width:5px;height:6px;margin:-3px 0 0 -2.5px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;background:var(--accent);box-shadow:0 0 0 1px var(--ink);transform:scale(var(--s))}.fx-template-save[data-pop]{background:var(--porcelain-raised)}.fx-template-save[data-pop] .fx-template-save__fall{animation:fx-save-fall .2s cubic-bezier(.5,0,1,.6) both}.fx-template-save[data-pop] .fx-template-save__ripple{animation:fx-save-ripple .64s var(--ease-out) .18s both}.fx-template-save[data-pop] .fx-template-save__drops i{animation:fx-save-drift .62s linear calc(.19s + var(--d)) both}.fx-template-save[data-pop] .fx-template-save__drops b{animation:fx-save-arc .62s linear calc(.19s + var(--d)) both}.fx-template-save[data-pop] .fx-template-save__wave{animation:fx-save-rise .7s var(--ease-out) .2s both}.fx-template-save[data-pop] .fx-template-save__star{animation:fx-save-pop .52s var(--ease-settle) .18s both}@keyframes fx-save-fall{0%{opacity:0;transform:translateY(-10px) scaleY(1.3)}25%{opacity:1}90%{opacity:1;transform:translateY(26px) scaleY(1.15)}to{opacity:0;transform:translateY(30px) scale(1.4,.5)}}@keyframes fx-save-ripple{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(5.5,2.6)}}@keyframes fx-save-drift{0%{opacity:1;transform:translateX(0)}80%{opacity:1}to{opacity:0;transform:translateX(var(--x))}}@keyframes fx-save-arc{0%{transform:translateY(0) scale(var(--s));animation-timing-function:cubic-bezier(.2,.7,.4,1)}40%{transform:translateY(calc(var(--h) * -1)) scale(var(--s));animation-timing-function:cubic-bezier(.6,0,.9,.5)}to{transform:translateY(18px) scale(calc(var(--s) * .6))}}@keyframes fx-save-rise{0%{opacity:1;transform:translate(0)}to{opacity:1;transform:translate(-50%,-100%)}}@keyframes fx-save-pop{0%{transform:scale(.7)}45%{transform:scale(1.35) rotate(-14deg)}75%{transform:scale(.94) rotate(3deg)}to{transform:none}}@media (prefers-reduced-motion:reduce){.fx-template-save[data-pop] *{animation:none!important}}.fx-tpl__cap{flex-wrap:wrap}.fx-template-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}