body{margin:0;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif}#app{display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap}h3{text-align:center;border-bottom:1px solid #689dff;padding-bottom:10px;margin-top:20px;margin-bottom:-10px}#app img{height:24px;transform:translateY(25px)}#app img:hover{cursor:pointer;-webkit-filter:invert(50%);filter:invert(50%)}#widget{font-size:13px;font-weight:520;padding:30px 0}#widget #control{padding:3px 10px;border-radius:5px;font-size:11px;box-shadow:2px 1px 1px rgba(0,0,0,.5);color:#5353d4;background-color:#f7f7ff;transform:translate(-50px)}#widget #control:hover{color:#fff;background-color:#7575e6;cursor:pointer}#widget #container{width:540px;border:1px solid rgba(147,147,194,.438);margin-top:30px;min-height:100px;display:grid;grid-template-columns:repeat(auto-fill,minmax(85px,1fr));grid-row-gap:-10px;row-gap:-10px;grid-column-gap:10px;-webkit-column-gap:10px;column-gap:10px;padding:0 10px}#widget #container .range{padding:3px 7px;background-color:#fff;box-shadow:1px 1px 1px rgba(0,0,0,.5)}#widget #container .range:hover{cursor:pointer;color:#fff;background-color:#7575e6}#widget #container .active{color:#5353d4}@media only screen and (max-width:800px){#app img{margin:0 100px;transform:rotate(90deg) translate(25px)}}@media only screen and (max-width:600px){#widget #container{width:300px}#app img{transform:rotate(90deg) translate(8px)}}
/*# sourceMappingURL=main.7c0abf57.chunk.css.map */