.upload-container{background-color:#006eff0a;border-radius:10px;flex-direction:column;justify-content:space-between;align-items:center;gap:15px;width:100%;min-height:300px;padding:20px;display:flex;box-shadow:4px 4px 30px #0003}.upload-header{border:2px dashed #4169e1;border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;padding:20px;transition:all .3s;display:flex}.upload-header:hover{background-color:#4169e11a}.upload-header svg{color:#4169e1;width:100px;height:100px;margin-bottom:15px}.upload-header p{text-align:center;color:#333;font-size:1.2em;font-weight:500}.upload-footer{cursor:pointer;color:#000;background-color:#006eff13;border:none;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:12px;transition:all .3s;display:flex}.upload-footer:hover{background-color:#006eff26}.upload-footer svg{fill:#4169e1;cursor:pointer;background-color:#4642421a;border-radius:50%;width:24px;height:24px;padding:2px;box-shadow:0 2px 30px #00000034}.upload-footer p{text-align:center;color:#666;flex:1;margin:0;font-size:.9em}.upload-input{display:none}.upload-button{color:#fff;cursor:pointer;background-color:#4169e1;border:none;border-radius:8px;width:100%;padding:12px;font-weight:600;transition:all .3s}.upload-button:hover{background-color:#2d4cbb;transform:translateY(-2px)}.upload-button:disabled{cursor:not-allowed;background-color:#ccc;transform:none}.upload-success{color:#4caf50;margin-bottom:15px;font-size:3em}
.btn-arrow{--color:0, 189, 216;background-color:rgba(var(--color), .1);color:rgb(var(--color));fill:rgb(var(--color));cursor:pointer;border:2px solid rgb(var(--color));box-shadow:0 0 10px rgba(var(--color), .2);border-radius:.5rem;outline:none;justify-content:center;align-items:center;min-width:100px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .3s;display:flex;position:relative}.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{z-index:1;transition:all .3s;position:relative;transform:scale(.95)}.btn-arrow:hover span{transform:scale(1)}.btn-arrow svg{opacity:0;width:0;height:1.25rem;transition:all .3s;position:absolute}.btn-arrow:hover svg{opacity:1;width:1.25rem}.btn-arrow-prev{padding-left:1rem}.btn-arrow-prev svg{left:.75rem;transform:rotate(180deg)translate(10px)}.btn-arrow-prev:hover svg{transform:rotate(180deg)translate(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:translate(-10px)}.btn-arrow:not(.btn-arrow-prev):hover svg{transform:translate(0)}.btn-arrow:not(.btn-arrow-prev):hover{padding-right:2.5rem}.btn-arrow:active{box-shadow:0 0 0 3px rgb(var(--color));transition:all}.btn-arrow-success{--color:34, 197, 94}@keyframes arrowPulse{0%{filter:drop-shadow(0 0 3px #3af4ef99);transform:translate(0)}50%{filter:drop-shadow(0 0 8px #3af4efe6);transform:translate(-5px)}to{filter:drop-shadow(0 0 3px #3af4ef99);transform:translate(0)}}.arrow-glow{animation:2s ease-in-out infinite arrowPulse}.arrow-glow-container{justify-content:center;align-items:center;padding:5px;display:flex}