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