.button{border-radius:0 calc(var(--bradius)*3)0 calc(var(--bradius)*3);width:100%;font-size:var(--fs-base);color:var(--white);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.55rem;padding:.75rem 1.6rem;font-weight:600;display:flex}.button.short{width:fit-content}a.button i{font-size:calc(var(--fs-base)*1.5)}a.link i,button i{font-size:var(--fs-base);color:var(--white)}a.column{font-size:var(--fs-base);background-color:var(--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(--white)!important}a.column p,a.column i{font-size:var(--fs-base);color:var(--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(--white)}.full-btn{background-color:var(--primary);color:var(--white);border:none;box-shadow:0 2px 12px #d81e5b33}.full-btn:hover{background-color:var(--secondary);color:var(--white);box-shadow:0 4px 18px #00cecb4d}.outline-btn{color:var(--primary);border:2px solid var(--primary);background-color:#0000}.outline-btn:hover{background-color:var(--primary);border:2px solid var(--primary);color:var(--white)}.outline-btn-success{border:1px solid var(--success);color:var(--success)}.full-btn-success{color:var(--white);background-color:var(--success)}.full-btn-gray{color:var(--white);background-color:var(--color-light)}.outline-btn-success:hover{color:var(--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(--white)}.button a:hover{color:var(--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(--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}