.button{padding:calc(var(--padding)/2) calc(var(--padding)/1);border:1px solid var(--white2);border-radius:var(--bradius);width:100%;font-size:calc(var(--textsize));color:var(--white);cursor:pointer;justify-content:center;align-items:center;gap:1rem;font-weight:500;display:flex}.button.short{width:fit-content}a.button i{font-size:calc(var(--textsize)*3)}a.link i,button i{font-size:calc(var(--textsize)*1);color:var(--color-color-white)}a.column{font-size:calc(var(--textsize)*1);background-color:var(--color-white);border:var(--border2);justify-content:flex-start;align-items:flex-start;color:var(--text-color)!important}a.column:hover{background-color:var(--primary);border:var(--border3);color:var(--color-white)!important}a.column p,a.column i{font-size:calc(var(--textsize)*1);color:var(--color-color-white)}.button.low-size{font-size:calc(var(--textsize)/1.5);padding:1rem!important}button[disabled],button[disabled]:hover{background-color:var(--lightbg)}.delete-btn{background-color:var(--danger);color:var(--color-white)}.full-btn{background-color:var(--primary);color:var(--white);border:none}.full-btn:hover{background-color:var(--third);color:var(--color-white)}.outline-btn{color:var(--dark);border:var(--border1)}.outline-btn:hover{background-color:var(--secondary);border:var(--border1);color:var(--color-white)}.outline-btn-success{border:1px solid var(--success);color:var(--success)}.full-btn-success{color:var(--color-white);background-color:var(--success)}.full-btn-gray{color:var(--color-white);background-color:var(--color-light)}.outline-btn-success:hover{color:var(--color-white);background-color:var(--success)}.outline-btn-warning{border:1px solid var(--warning);color:var(--warning)}.outline-btn-warning:hover{background-color:var(--warning);color:var(--color-white)}.button a:hover{color:var(--color-white)}.full-btn.secondary{border:.5rem solid var(--primary);color:var(--primary);background:0 0}.full-btn.secondary:hover{background:var(--third);border:.5rem solid var(--third);color:var(--color-white)}
.spinner{aspect-ratio:1;border:3px solid var(--color-dark);border-color:var(--color-white) transparent;border-radius:50%;width:1.5rem;animation:1s ease-in infinite spin}.spinnerContainer{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.spinnerContainer .spinner{aspect-ratio:1;border:3px solid var(--color-dark);border-color:var(--primary) transparent;border-radius:50%;width:4.5rem;animation:1s ease-in infinite spin}@keyframes spin{0%{transform:rotate(360deg)}}.spinnerSection{flex-direction:column;justify-content:center;align-items:center;display:flex}.spinnerSection .spinner{border-color:var(--primary) transparent;width:20rem}
input:focus{border-color:var(--primary);background-color:var(--primary-100);box-shadow:0 0 0 2px var(--primary);outline:none}input::placeholder{color:var(--textcolor-200);font-size:calc(var(--textsize) / 1.5)}.form-label span{color:var(--danger);margin-left:.5rem}.form-group{flex-direction:column;gap:.25rem;width:100%;display:flex}.form-input[type=checkbox]{width:1.5rem;height:1.5rem}.form-input[checked=true]{background-color:var(--primary)}.form-input{appearance:initial;width:100%;height:fit-content;padding:calc(var(--padding) / 1.5) calc(var(--padding) / 2);font-size:calc(var(--textsize) / 1);background-color:var(--white);border:.1rem solid var(--color-text);border-radius:var(--bradius)}.form-error{color:var(--danger);font-size:calc(var(--textsize)/1.3)}.input-wrap{width:100%;position:relative}.input-wrap.has-toggle .form-input{padding-right:3.2rem}.pwd-toggle{cursor:pointer;color:var(--gray2);background:0 0;border:none;padding:.4rem;font-size:1.4rem;line-height:1;position:absolute;top:50%;right:.6rem;transform:translateY(-50%)}.pwd-toggle:hover{color:var(--primary)}