body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#ecf0f3;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0}.App{align-items:center;display:flex;flex-direction:column;min-height:100vh;padding:20px}h1{color:#31344b;margin-bottom:30px;text-shadow:2px 2px 4px #0000001a}.array-container{background-color:#ecf0f3;border-radius:30px;box-shadow:10px 10px 20px #d1d9e6,-10px -10px 20px #fff;height:520px;margin-top:30px;max-width:1200px;padding:20px;width:90%}.array-container,.bar{align-items:flex-end;display:flex;justify-content:center}.bar{background-color:#5fb8fd;border-radius:8px 8px 4px 4px;box-shadow:3px 3px 6px #b8b9be,-3px -3px 6px #fff;color:#31344b;font-size:11px;font-weight:700;margin:0 3px;padding-bottom:8px;transition:height .2s ease,background-color .2s ease;width:35px}.bar[style*="background-color: yellow"]{background-color:#f9d371!important;box-shadow:0 0 15px #f9d371}.bar[style*="background-color: red"]{background-color:#ff6b6b!important;box-shadow:0 0 15px #ff6b6b}.bar[style*="background-color: green"]{background-color:#8fd19e!important;box-shadow:0 0 10px #8fd19e}.controls-container{align-items:center;background:#ecf0f3;border-radius:20px;box-shadow:7px 7px 15px #d1d9e6,-7px -7px 15px #fff;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:25px}.input-wrapper{align-items:center;display:inline-flex;gap:10px;position:relative}.neumorphic-input{background-color:#ecf0f3;font-size:14px;width:250px}.info-icon-wrapper{align-items:center;display:flex;justify-content:center;position:relative}.tooltip-text{background-color:#31344b;border-radius:8px;bottom:125%;color:#fff;font-size:12px;left:50%;opacity:0;padding:8px;pointer-events:none;position:absolute;text-align:center;transform:translateX(-50%);transition:opacity .3s ease;visibility:hidden;width:200px;z-index:10}.tooltip-text:after{border:5px solid #0000;border-top-color:#31344b;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.info-icon-wrapper:hover .tooltip-text{opacity:1;visibility:visible}.neumorphic-input{background:#ecf0f3;border:none;border-radius:12px;box-shadow:inset 5px 5px 10px #d1d9e6,inset -5px -5px 10px #fff;color:#31344b;outline:none;padding:12px 15px}.neu-button,.neumorphism-dropdown{background:#ecf0f3;border:none;border-radius:12px;box-shadow:5px 5px 10px #d1d9e6,-5px -5px 10px #fff;color:#44476a;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s ease}.neu-button:hover:not(:disabled){box-shadow:2px 2px 5px #d1d9e6,-2px -2px 5px #fff;transform:translateY(-1px)}.neu-button:active:not(:disabled){box-shadow:inset 2px 2px 5px #d1d9e6,inset -2px -2px 5px #fff}.neu-button:disabled{cursor:not-allowed;opacity:.6}.speed-label{align-items:center;color:#44476a;display:flex;flex-direction:column;font-size:14px;font-weight:700}.speedControl{-webkit-appearance:none;background:#d1d9e6;border-radius:5px;box-shadow:inset 2px 2px 5px #b8b9be,inset -2px -2px 5px #fff;height:8px;outline:none;width:150px}.speedControl::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#5fb8fd;border-radius:50%;box-shadow:2px 2px 5px #b8b9be;cursor:pointer;height:18px;width:18px}
/*# sourceMappingURL=main.81005e63.css.map*/