.upload-container{min-height:300px;border-radius:10px;box-shadow:4px 4px 30px rgba(0,0,0,.2);flex-direction:column;justify-content:space-between;gap:15px;background-color:rgba(0,110,255,.041)}.upload-container,.upload-header{width:100%;display:flex;align-items:center;padding:20px}.upload-header{flex:1;border:2px dashed royalblue;border-radius:10px;justify-content:center;flex-direction:column;transition:all .3s ease}.upload-header:hover{background-color:rgba(65,105,225,.1)}.upload-header svg{height:100px;width:100px;color:royalblue;margin-bottom:15px}.upload-header p{text-align:center;color:#333;font-size:1.2em;font-weight:500}.upload-footer{background-color:rgba(0,110,255,.075);width:100%;padding:12px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;color:black;border:none;transition:all .3s ease}.upload-footer:hover{background-color:rgba(0,110,255,.15)}.upload-footer svg{height:24px;width:24px;fill:royalblue;background-color:rgba(70,66,66,.103);border-radius:50%;padding:2px;cursor:pointer;box-shadow:0 2px 30px rgba(0,0,0,.205)}.upload-footer p{flex:1;text-align:center;margin:0;font-size:.9em;color:#666}.upload-input{display:none}.upload-button{width:100%;padding:12px;background-color:royalblue;color:white;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.upload-button:hover{background-color:#2d4cbb;transform:translateY(-2px)}.upload-button:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.upload-success{color:#4caf50;font-size:3em;margin-bottom:15px}.btn-arrow{--color:0,189,216;position:relative;border-radius:.5rem;transition:.3s;background-color:rgba(var(--color),.1);color:rgb(var(--color));fill:rgb(var(--color));font-weight:600;font-size:.875rem;cursor:pointer;border:2px solid rgb(var(--color));box-shadow:0 0 10px rgba(var(--color),.2);outline:none;display:flex;align-items:center;padding:.5rem 1rem;min-width:100px;justify-content:center}.btn-arrow:disabled{opacity:.5;cursor:not-allowed}.btn-arrow:not(:disabled):hover{box-shadow:0 0 0 3px rgba(var(--color),.3);background-color:rgba(var(--color),.15)}.btn-arrow span{transform:scale(.95);transition:.3s;position:relative;z-index:1}.btn-arrow:hover span{transform:scale(1)}.btn-arrow svg{position:absolute;width:0;height:1.25rem;transition:all .3s;opacity:0}.btn-arrow:hover svg{width:1.25rem;opacity:1}.btn-arrow-prev{padding-left:1rem}.btn-arrow-prev svg{left:.75rem;transform:rotate(180deg) translateX(10px)}.btn-arrow-prev:hover svg{transform:rotate(180deg) translateX(0)}.btn-arrow-prev:hover{padding-left:2.5rem}.btn-arrow:not(.btn-arrow-prev){padding-right:1rem}.btn-arrow:not(.btn-arrow-prev) svg{right:.75rem;transform:translateX(-10px)}.btn-arrow:not(.btn-arrow-prev):hover svg{transform:translateX(0)}.btn-arrow:not(.btn-arrow-prev):hover{padding-right:2.5rem}.btn-arrow:active{transition:0s;box-shadow:0 0 0 3px rgb(var(--color))}.btn-arrow-success{--color:34,197,94}@keyframes arrowPulse{0%{transform:translateX(0);filter:drop-shadow(0 0 3px rgba(58,244,239,.6))}50%{transform:translateX(-5px);filter:drop-shadow(0 0 8px rgba(58,244,239,.9))}to{transform:translateX(0);filter:drop-shadow(0 0 3px rgba(58,244,239,.6))}}.arrow-glow{animation:arrowPulse 2s ease-in-out infinite}.arrow-glow-container{display:flex;justify-content:center;align-items:center;padding:5px}