html,body,#root,.app{height:100%;width:100%;font-family:Inter,sans-serif;background:#fafafa}#password::placeholder{text-indent:5px}#username::placeholder{text-indent:5px}#value::placeholder{color:#cfcfcf}.filterButton{border-radius:50%}.filterButton:hover{background-color:#ffffff4d}.field{width:100%;height:56px;border-radius:4px;position:relative;background-color:#ffffff4d;transition:.3s all}.field:hover{background-color:#ffffff73;box-shadow:0 4px 20px #0000000d}.filterBar{width:450px;height:56px;border-radius:4px;background-color:#2e0363;transition:.3s all;color:#fff}#value{background-color:#2e0363;border-bottom:2px solid #ccc;outline:none}select{background-color:transparent;border-bottom:2px solid #ccc;outline:none}.filterButton{display:flex;align-items:center}.categoryWidth,#columns{min-width:136px}.searchTypeWidth,#opesearchTyperator{min-width:116px}.valueWidth,#value{min-width:170px}.center{position:fixed;right:70%;left:30%;top:33%}.spinner{border:.5rem solid #f9fafb;border-radius:2rem;border-top:.5rem solid #6b21a8;height:4rem;width:4rem;animation:spinner 1s linear infinite,fade-in .2s linear 1;-webkit-animation:spinner 1s linear infinite,fade-in .2s linear 1}.spinner-small{border-radius:1.5rem;border-width:.25rem;height:3rem;width:3rem}.spinner-medium{border-radius:2rem;border-width:.5rem;height:4rem;width:4rem}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}