@import url(https://fonts.googleapis.com/css2?family=Montserrat&family=Nunito&display=swap);*{box-sizing:border-box;font-family:Montserrat,sans-serif;margin:0;padding:0}.app{display:flex;flex-direction:column}.header{align-items:center;background-color:#15171c;display:flex;gap:24px;height:80px;justify-content:center;padding-top:12px}@media screen and (max-width:1180px){.header{flex-direction:column;height:100%}}.array-bar{background-color:#97aabd;width:42px}.visualized-bar{background-color:#f5466f}.generated-bar{transition:height .3s ease-in-out}.visualizer{display:flex;flex-direction:column;gap:24px}.visualizer-menu{background-color:#15171c;gap:24px;height:80px;padding-bottom:12px}.visualizer-item,.visualizer-menu{align-items:center;display:flex;justify-content:center}.visualizer-item{color:#e1e9fc;cursor:pointer;font-size:12px;margin-bottom:12px;margin-top:12px;padding:18px;transition:all .3s ease-in-out}.visualizer-bars{display:flex;gap:2px;height:500px;justify-content:center;padding:20px;-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}@media screen and (max-width:1180px){.visualizer-menu{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);height:100%;padding:12px}}.dropdown{position:relative}.dropdown-active{align-items:center;color:#e1e9fc;cursor:pointer;display:flex;font-size:12px;justify-content:center;margin-bottom:12px;padding:18px;transition:all .3s ease-in-out;width:270px}.dropdown-content{background-color:#15171c;border-radius:10px;max-width:270px;overflow:hidden;padding:12px;position:absolute;right:0;top:calc(100% + 5px);-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:top right;transform-origin:top right;transition:-webkit-transform .3s cubic-bezier(.075,.82,.165,1);transition:transform .3s cubic-bezier(.075,.82,.165,1);transition:transform .3s cubic-bezier(.075,.82,.165,1),-webkit-transform .3s cubic-bezier(.075,.82,.165,1);width:270px;z-index:10}.dropdown-content.active{-webkit-transform:scale(1);transform:scale(1)}.dropdown-item{align-items:center;color:#e1e9fc;cursor:pointer;display:flex;font-size:12px;justify-content:center;margin-bottom:12px;padding:18px;transition:all .3s ease-in-out}.dropdown-item:hover{background-color:#bdbdbd}
/*# sourceMappingURL=main.35515bfc.css.map*/