.modal{width:450px;height:250px}.modal,.modalChose{position:fixed;display:flex;flex-direction:column;gap:10px;z-index:15;inset:0;margin:auto;padding:15px;background-color:var(--background);border:2px solid;border-radius:var(--border-radius);justify-content:space-around;align-items:center;flex-wrap:wrap;box-shadow:0 0 5px #000}.modalChose{width:575px;height:320px}.modalReview{width:72%;height:80%}.modalError,.modalReview{position:fixed;overflow:auto;gap:10px;z-index:15;inset:0;margin:auto;padding:15px;background-color:var(--background);border:2px solid;border-radius:var(--border-radius);justify-content:space-around;align-items:center;flex-wrap:wrap;box-shadow:0 0 5px #000}.modalError{width:575px;height:320px}.modalPush{position:fixed;overflow:auto;gap:10px;z-index:15;inset:0;margin:auto;padding:15px;width:65%;height:65%;background-color:var(--background);border:2px solid;border-radius:var(--border-radius);justify-content:space-around;align-items:center;flex-wrap:wrap;box-shadow:0 0 5px #000}.modalAdd{width:840px;height:500px}.modalAdd,.modalShop{position:fixed;display:flex;flex-direction:column;gap:10px;z-index:15;inset:0;margin:auto;padding:15px;background-color:var(--background);border:2px solid;border-radius:var(--border-radius);justify-content:space-around;align-items:center;flex-wrap:wrap;box-shadow:0 0 5px #000}.modalShop{width:600px;height:550px}.modal-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.5);z-index:10}.modalDark{background-color:#111413!important}.modalLight{background-color:#fbf7f7!important}.modal_form{align-items:center;justify-content:space-between;height:100%;width:100%}.modal_form,.uploadModal_specs{display:flex;flex-direction:column}.uploadModal_specs{font-size:.7rem}.uploadModal_specs>*{display:flex;align-items:center}.goodAttribute{color:green}.badAttribute{color:var(--button-cancel)}.errorMsg{font-size:.6rem;padding-left:15px;color:#000}.uploadModal_buttons{display:flex;width:80%;justify-content:center}.withConfirm{gap:50px}.uploadModal_input_container{width:250px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:.7rem}.uploadModal_input_container .button{width:85px}.input_selector{width:75px}.input_selector>label{display:flex;justify-content:flex-start;gap:5px;align-items:center;padding-right:5px}.table-select-input{height:24px;width:85px;padding:3px 5px;border-radius:7.5px;border:1px solid;background-color:var(--button-primary);color:#fff;cursor:pointer;min-width:80px;text-align:start}.table-select-input:hover:not(:disabled){outline:2px solid #fff;box-shadow:0 0 5px #000}.table-select-input:focus{outline:3px auto -webkit-focus-ring-color}.table-select-input option{background-color:var(--background);color:var(--text);padding:3px 5px;font-size:.7rem}.upload-result{font-size:1rem;flex-direction:column;height:100%;gap:20px}.upload-result,.upload-result>*{display:flex;justify-content:center;align-items:center}.upload-result>*{gap:15px;text-wrap:balance;text-align:center;width:-moz-fit-content;width:fit-content}.fade-in-down,.fade-in-down .button_upload,.fade-in-down .upload-result,.fade-in-down .uploadModal_buttons,.fade-in-down .uploadModal_specs{opacity:0;animation:fadeInDown .4s ease-out forwards}.fade-in-down .button_upload{animation-delay:.1s}.fade-in-down .uploadModal_specs{animation-delay:.2s}.fade-in-down .uploadModal_buttons{animation-delay:.3s}.fade-in-down .button_upload,.fade-in-down .upload-result,.fade-in-down .uploadModal_buttons,.fade-in-down .uploadModal_specs,.fade-in-down>*{will-change:opacity,transform}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.fade-in-down{animation:fadeInDown .3s ease-out forwards}.button_upload,.upload-result,.uploadModal_buttons,.uploadModal_specs{opacity:0;animation:fadeInDown .3s ease-out forwards}.button_upload{animation-delay:.3s;border:1px solid}.uploadModal_specs{animation-delay:.1s}.uploadModal_buttons{animation-delay:.3s}.modal-login{position:fixed;display:flex;flex-direction:column;gap:10px;z-index:15;inset:0;margin:auto;width:450px;height:250px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,.2);text-align:center;max-width:350px;border:1px solid #999}.login-info-new{color:#555;margin-bottom:20px;font-size:16px}.buttonLogin{width:100%;padding:10px;font-size:16px;background:#344c45;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:box-shadow .3s ease,transform .2s ease}.buttonLogin:hover{box-shadow:0 4px 10px rgba(0,0,0,.3);transform:translateY(-2px)}