.vertical-flex.status-container{align-items:center}.status{text-align:center;width:max-content}.status:after{animation:loading 1s linear infinite alternate;width:1rem;text-align:left;float:right;content:"."}.error{color:var(--accent);text-align:center}.progress-bar{width:var(--button-width);max-width:80%;border-radius:1rem;background:var(--disabled);overflow:hidden;height:1rem}.progress-bar div{border-radius:1rem;background:var(--accent);transition:width .5s;position:relative;height:100%}.progress-bar div:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-image:linear-gradient(-45deg,rgba(255,255,255,.2) 25%,transparent 0,transparent 50%,rgba(255,255,255,.2) 0,rgba(255,255,255,.2) 75%,transparent 0,transparent);background-size:50px 50px;animation:move 2s linear infinite;border-radius:1rem;overflow:hidden}form.vertical-flex{gap:2rem}.input{position:relative;cursor:text;flex-grow:1;transition:background-color .2s}.input._disabled{opacity:.5;cursor:not-allowed}.input._alt{background-color:var(--background2);border-radius:var(--radius-small);padding:.9rem 1rem}.block:not(.song) .input._alt:not(:hover){background:var(--background3)}.input._alt:not(._disabled):hover{background-color:var(--grey)}.input :focus{outline:unset}.input._alt .input-field{border:unset;font-size:.8rem}.input._alt .input-name{display:none}.input-name{position:absolute;cursor:inherit;transition:all .3s;top:.18rem;-webkit-user-select:none;user-select:none;color:var(--text2)}.input-name.focus{top:-.8rem;font-size:.6rem}.input-field{font-size:1rem;border:0;color:unset;-webkit-border-radius:0;background:none;width:100%;display:block;transition:border-color .3s}.input:not(._alt) .input-field{border-bottom:2px solid var(--text);line-height:calc(2rem - 2px)}.input._alt .input-field{line-height:1.2rem}.input:hover .input-field{border-color:var(--accent)}.textarea-field{resize:none;overflow-y:hidden}@keyframes move{0%{background-position:0 0}to{background-position:50px 50px}}.progress-circle{height:1rem;width:1rem;position:relative}.progress-circle:before{content:"";position:absolute;border-radius:50%;top:0;right:0;bottom:0;left:0;background:conic-gradient(var(--text) calc(var(--p) * 1%),#0000 0);-webkit-mask-image:radial-gradient(farthest-side,#0000 calc(99% - 4px),#000 calc(100% - 4px));mask-image:radial-gradient(farthest-side,#0000 calc(99% - 4px),#000 calc(100% - 4px))}