.morph-upload-wrap{max-width:100%;display:inline-flex;position:relative}.morph-upload{--mu-bg:#3549f5;--mu-fg:#fff;--mu-disc:#ffffff12;width:calc(var(--mu-size) * 3.13);max-width:100%;height:var(--mu-size);border-radius:var(--mu-radius,48px);background:var(--mu-bg);color:var(--mu-fg);cursor:pointer;font:500 calc(var(--mu-size) * .25)/1.2 system-ui, sans-serif;transition:background calc(.4s / var(--vc-speed,1)), color calc(.4s / var(--vc-speed,1)), transform calc(.2s / var(--vc-speed,1)), box-shadow calc(.2s / var(--vc-speed,1));-webkit-tap-highlight-color:transparent;border:0;justify-content:space-between;align-items:center;padding:0;display:inline-flex;position:relative;overflow:hidden}.morph-upload--black{--mu-bg:#20232e;--mu-disc:#0000000a}.morph-upload--mint{--mu-bg:#f4faff;--mu-fg:#3654b5;--mu-disc:transparent}.morph-upload--icon{width:var(--mu-size);justify-content:center}.morph-upload:focus-visible{box-shadow:0 0 0 2px var(--background), 0 0 0 4px color-mix(in srgb, var(--accent) 70%, transparent);outline:none}.morph-upload:active:not(:disabled){transform:scale(.98)}.morph-upload:disabled{opacity:.5;cursor:not-allowed}.morph-upload[aria-busy=true]{cursor:progress}.mu-text{padding-left:calc(var(--mu-size) * .52);white-space:nowrap;text-overflow:ellipsis;animation:mu-text-in calc(.35s / var(--vc-speed,1)) both;overflow:hidden}.mu-icon{flex:0 0 var(--mu-size);height:var(--mu-size);background:var(--mu-disc);border-radius:50%;position:relative;overflow:hidden}.mu-arrow,.mu-check,.mu-spinner,.mu-error{transition:opacity calc(.24s / var(--vc-speed,1)), transform calc(.4s / var(--vc-speed,1)) cubic-bezier(.22, 1, .36, 1);position:absolute;top:50%;left:50%}.mu-arrow{width:calc(var(--mu-size) * .28);height:calc(var(--mu-size) * .34);transform:translate(-50%,-50%)}.mu-shaft{background:currentColor;border-radius:2px;width:2px;height:100%;position:absolute;top:0;left:calc(50% - 1px)}.mu-head{aspect-ratio:1;border-top:2px solid;border-left:2px solid;border-radius:1px;width:60%;position:absolute;top:0;left:50%;transform:translate(-50%,20%)rotate(45deg)}.mu-spinner{width:calc(var(--mu-size) * .33);height:calc(var(--mu-size) * .33);margin:calc(var(--mu-size) * -.165);opacity:0;border:2px solid;border-color:currentColor currentColor #0000 #0000;border-radius:50%}.mu-check{width:calc(var(--mu-size) * .25);height:calc(var(--mu-size) * .14);opacity:0;border-bottom:2px solid;border-left:2px solid;transform:translate(-50%,120%)rotate(-45deg)}.mu-error{opacity:0;transform:translate(-50%,-50%)}.morph-upload[data-phase=loading] .mu-arrow{opacity:0;transform:translate(-50%,-230%)}.morph-upload[data-phase=loading] .mu-spinner{opacity:1;transition-delay:calc(.22s / var(--vc-speed,1));animation:mu-spin calc(.7s / var(--vc-speed,1)) linear infinite}.morph-upload[data-phase=success] .mu-arrow,.morph-upload[data-phase=error] .mu-arrow{opacity:0;transform:translate(-50%,-230%)}.morph-upload[data-phase=success] .mu-check{opacity:1;transform:translate(-50%,-65%)rotate(-45deg)}.morph-upload[data-phase=error] .mu-error{opacity:1}.morph-upload--mint[data-phase=success]{--mu-bg:#55cc8d;--mu-fg:#fff}.mu-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes mu-spin{to{transform:rotate(360deg)}}@keyframes mu-text-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.morph-upload,.mu-arrow,.mu-check,.mu-spinner,.mu-error{transition:none}.mu-text,.mu-spinner{animation:none!important}}.morph-upload{--mu-liquid-color:#91a1ff}.morph-upload--black{--mu-liquid-color:#7485ee}.morph-upload--mint{--mu-liquid-color:#54ca91}.mu-liquid{transition:transform calc(.42s / var(--vc-speed,1)) cubic-bezier(.2, .1, .4, 1);pointer-events:none;position:absolute;inset:0;transform:translateY(110%)}.mu-wave{width:200%;height:120%;fill:var(--mu-liquid-color);animation:mu-wave-slide calc(1.8s / var(--vc-speed,1)) linear infinite;animation-play-state:paused;position:absolute;top:0;left:0;overflow:visible}.mu-wave--back{opacity:.4;animation-duration:calc(2.5s / var(--vc-speed,1));animation-direction:reverse;top:-3%}.mu-wave--front{opacity:.95}.morph-upload[data-effect=Liquid][data-phase=loading] .mu-liquid{transition-duration:var(--mu-fill-duration,calc(1.8s / var(--vc-speed,1)));transform:translateY(0%)}.morph-upload[data-phase=loading] .mu-wave{animation-play-state:running}.morph-upload[data-effect=Liquid][data-phase=loading] .mu-spinner{opacity:0;animation:none}.morph-upload[data-effect=Liquid][data-phase=success] .mu-liquid{transform:translateY(-20%)}.mu-icon>:not(.mu-liquid){z-index:1}@keyframes mu-wave-slide{to{transform:translate(-25%)}}@media (prefers-reduced-motion:reduce){.mu-liquid{transition:none!important}.mu-wave{animation:none!important}.morph-upload[data-effect=Liquid][data-phase=loading] .mu-liquid{transform:translateY(50%)}}.morph-upload{--mu-bg:var(--vc-surface);--mu-fg:var(--vc-text);--mu-disc:var(--vc-disc);--mu-liquid-color:var(--vc-liquid);background:var(--vc-surface);color:var(--vc-text);border:var(--vc-border-width) solid var(--vc-border);box-shadow:var(--vc-shadow);font-weight:var(--vc-font-weight);letter-spacing:var(--vc-letter-spacing)}.morph-upload:hover:not(:disabled){background:var(--vc-hover);color:var(--vc-text);box-shadow:var(--vc-shadow)}.morph-upload[data-phase=success],.morph-upload[data-phase=success]:hover:not(:disabled){background:var(--vc-success);color:var(--vc-successText)}.mu-icon{background:var(--vc-disc);color:var(--vc-icon)}.mu-arrow,.mu-check{scale:var(--vc-icon-scale)}.mu-error{color:var(--vc-error)}.mu-wave{fill:var(--vc-liquid)}.morph-upload:focus-visible{outline-color:var(--vc-focus)}.mu-text{font-weight:var(--vc-font-weight);padding-left:calc(var(--mu-size) * .52 + var(--vc-pad-x))}.mu-shaft{width:var(--mu-stroke);left:calc(50% - var(--mu-stroke) / 2)}.mu-head{border-top-width:var(--mu-stroke);border-left-width:var(--mu-stroke)}.mu-check{border-left-width:var(--mu-stroke);border-bottom-width:var(--mu-stroke)}.mu-spinner{border-width:var(--mu-stroke)}.morph-upload{height:calc(var(--mu-size) + var(--vc-pad-y) * 2);width:calc(var(--mu-size) * 3.13 + var(--vc-pad-x) * 2)}.morph-upload--icon{width:calc(var(--mu-size) + var(--vc-pad-x) * 2)}.mu-spinner{color:var(--vc-spinner);scale:var(--vc-icon-scale)}.mu-check{color:var(--vc-check)}.mu-wave--back{fill:var(--vc-liquidBack)}.convert-morph-button .morph-upload{padding:3px;gap:12px;width:auto;min-width:0;padding-inline-end:53px;font-size:12px}.convert-morph-button .mu-icon{width:calc(var(--mu-size) - 6px);height:calc(var(--mu-size) - 6px);position:absolute;inset-block-start:3px;inset-inline-end:3px}.convert-morph-button .mu-text{padding-left:0;flex:none;padding-inline:19px 4px;animation:none;position:relative}.convert-morph-button .mu-label{display:inline-block}.convert-morph-button .morph-upload:disabled[aria-busy=true]{opacity:1;cursor:progress}.converter-zip-button{width:auto;min-width:0;height:44px;box-shadow:inset 0 0 0 1px var(--border);border:0;border-radius:48px;gap:12px;padding:3px;overflow:hidden}.converter-zip-label{padding-inline:19px 4px}.converter-settings-button{flex:0 0 44px;gap:0;width:44px}.converter-zip-icon{background:color-mix(in srgb, var(--foreground) 8%, transparent);border-radius:50%;flex:0 0 38px;width:38px;height:38px}
