:root{--color-primary: #a57c80;--color-header-bg: #eee;--color-font: #21323f;--color-bg: #fefefe;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:var(--color-font);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}input{border:2px solid var(--color-primary);border-radius:7px;padding:.5rem;font-size:large;text-align:center;width:350px}span{font-size:large;display:flex;align-self:center}.label{margin-right:5rem}input[type=button]{width:150px}progress{width:100%;height:20px;border-radius:5px;overflow:hidden}progress::-webkit-progress-bar{background-color:#eee;border-radius:5px}progress::-webkit-progress-value{background-color:var(--color-primary);border-radius:5px}progress::-moz-progress-bar{background-color:var(--color-primary);border-radius:5px}input[type=button]{transition:all .1s ease-in-out;transform:scale(1)}input[type=button]:hover{transition:all .1s ease-in-out;transform:scale(1.1)}.card{border:2px solid var(--color-primary);border-radius:10px;padding:1rem}.card h2{margin:0;font-weight:450}.loader{width:25px;height:25px;border:5px solid #ddd;border-top:5px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.row{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.message-container{position:fixed;top:-50px;left:50%;transform:translate(-50%);background-color:var(--color-primary);color:#fff;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:700;box-shadow:0 4px 10px #0003;transition:top .5s ease-in-out,opacity .5s ease-in-out;opacity:0}.message-container.show{top:20px;opacity:1}.message-container.hide{top:-50px;opacity:0}.header{padding:1rem;background-color:var(--color-header-bg)}.header span{font-weight:500}