.button{font-size:1.1rem;text-wrap:nowrap;padding:14px 20px;color:#2a415b;background:#74b5fe;border-radius:.75rem;border:none;display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;box-shadow:0 2px 8px 0 rgba(0,0,0,.1),inset 0 1px 0 0 #cde4ff;transition:background .1s ease-in;cursor:pointer}.button svg{transition:transform .1s ease-in}.button p,.button svg,.button svg *{color:inherit}.button .add-file{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer}.button:hover{background:#8ac1fe}.button:hover svg{transform:translateX(2px)}.button.secondary{background:#121e2a;color:#a0cdfe;box-shadow:0 2px 8px 0 rgba(0,0,0,.1),inset 0 1px 0 0 #46596c}.button.secondary:hover{background:#0d151d}.button.outlined{border:1px solid #74b5fe;color:#74b5fe;background:transparent}.button.outlined:hover{background:#0d151d}.button.transparent{background:transparent;border:none;color:inherit;box-shadow:none}.button.transparent:hover{background:rgba(13,21,29,.75)}.button.disabled{background:#1c1c1f;color:#5a5a5f}.button.disabled:hover{background:rgba(28,28,31,.85)}.button.danger{color:#fff;background:crimson;box-shadow:0 2px 8px 0 rgba(0,0,0,.1),inset 0 1px 0 0 #f2aab9}.button.danger:hover{background:#b91132}.button.editor{border-radius:.25rem;padding:.5rem 1rem;color:#fff;border:1px solid #444;background:rgba(28,28,31,.5);transition:all .2s ease;box-shadow:none;font-size:.85rem;justify-content:space-between;width:100%}.button.editor svg{font:inherit}.button.editor:hover{border:1px solid #46596c;background:rgba(24,39,54,.5)}.button.editor.danger{color:#e23a5b;border:1px solid #e23a5b}.button.editor.danger,.button.editor.danger:hover{background:rgba(220,20,60,.25)}.button.editor.download{background:rgba(116,181,254,.075);color:#74b5fe;border:1px solid #3c5e84}.button.editor.download:hover{background:rgba(116,181,254,.25)}.button.magic{box-shadow:0 0 5px hsla(0,0%,100%,0),0 0 5px rgba(255,0,255,0);color:#fff;position:relative;cursor:pointer;transition:all .3s ease-in-out;animation:rotate-border 5s linear infinite}.button.magic:hover{box-shadow:0 0 5px hsla(0,0%,100%,.5),0 0 5px #00ffea}.button.disabled{opacity:.5!important;pointer-events:none!important}@keyframes spin{0%{transform:scale(.5) rotate(0deg)}to{transform:scale(1.5) rotate(180deg)}}@keyframes rotate-border{0%{border-image:linear-gradient(45deg,#f0f,#6e00ff,#00ffea,#00ffb8) 1}to{border-image:linear-gradient(405deg,#f0f,#6e00ff,#00ffea,#00ffb8) 1}}