@font-face{font-family:Qualy;src:local("Qualy"),url(./fonts/Qualy/Qualy.ttf) format("truetype");font-weight:400}@font-face{font-family:Qualy;src:local("Qualy"),url(./fonts/Qualy/Qualy-Bold.ttf) format("truetype");font-weight:700}@font-face{font-family:Roboto;src:local("Roboto"),url(/assets/Roboto-Thin-67248f7e.ttf) format("truetype");font-weight:100;font-style:normal}@font-face{font-family:Roboto;src:local("Roboto"),url(/assets/Roboto-ThinItalic-28ce251a.ttf) format("truetype");font-weight:100;font-style:italic}@font-face{font-family:Roboto;src:local("Roboto"),url(/assets/Roboto-Light-c576c506.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Roboto;src:local("Roboto"),url(/assets/Roboto-LightItalic-a4840622.ttf) format("truetype");font-weight:300;font-style:italic}@font-face{font-family:Roboto;src:local("Roboto"),url(/assets/Roboto-Regular-4e147ab6.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Roboto;src:local("Roboto"),url(/assets/Roboto-Italic-99e4a850.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Roboto;src:local("Roboto"),url(/assets/Roboto-Medium-9d0d55a3.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Roboto;src:local("Roboto"),url(/assets/Roboto-MediumItalic-d3f317c9.ttf) format("truetype");font-weight:500;font-style:italic}@font-face{font-family:Roboto;src:local("Roboto"),url(/assets/Roboto-Bold-ec685a46.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Roboto;src:local("Roboto"),url(/assets/Roboto-BoldItalic-61df597f.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:Roboto;src:local("Roboto"),url(/assets/Roboto-Black-5ace0d08.ttf) format("truetype");font-weight:900;font-style:normal}@font-face{font-family:Roboto;src:local("Roboto"),url(/assets/Roboto-BlackItalic-8b2f87fb.ttf) format("truetype");font-weight:900;font-style:italic}h1,h2,h3,h4,h5,h6,span,p{margin:0}h1,h2,h3,h4,h5,h6{font-family:Alumni Sans Pinstripe}div,p,span{font-family:Roboto}body{margin:0}.app-wrapper{display:flex;align-items:center;flex-direction:column;background:radial-gradient(circle at 40% top,rgb(238,174,202) 0%,rgb(148,187,233) 100%);width:100vw;height:100vh}.app-wrapper main{height:calc(100vh - 3rem)}.app-wrapper main .app-container{padding:0 1.5rem 2rem;margin-top:1rem;border-radius:6px;background-color:#ffffff56}.app-wrapper main .app-container header{padding:2rem;text-align:center;color:#413f3fde;text-shadow:1px 1px 2px rgba(58,55,55,.603)}.app-wrapper main .app-container header h1{font-size:6rem;letter-spacing:3px;font-weight:500}.app-wrapper main .app-container header h1 strong{color:#181717}.app-wrapper main .app-container .visualizer-container{display:flex;justify-content:center;flex-direction:column;color:#f5ececf3;min-height:11.5rem;padding:1.5rem 2rem;border-radius:6px;border-bottom:1px solid rgba(236,236,247,.918);border-top:1px solid rgba(0,0,0,.904);background:linear-gradient(196deg,rgba(173,131,149,.950017507) 0%,rgba(97,110,125,.8779726891) 100%);box-shadow:#32325d40 0 30px 60px -12px inset,#0000004d 0 18px 36px -18px inset}.app-wrapper main .app-container .visualizer-container .added-container{display:flex}.app-wrapper main .app-container .visualizer-container .added-container h5{font-size:5rem;transition:transform .55s ease-in-out}.app-wrapper main .app-container .visualizer-container .added-container .bracket{opacity:.9}.app-wrapper main .app-container .visualizer-container .unadded-container{display:flex;margin-top:1rem;height:7rem}.app-wrapper main .app-container .visualizer-container .unadded-container .array-icon{display:flex;justify-content:flex-start;align-items:center;opacity:.9;position:absolute;flex-direction:column;line-height:.7;transition:transform .55s cubic-bezier(.36,.83,.15,.99);width:3rem}.app-wrapper main .app-container .visualizer-container .unadded-container .array-icon h5{font-size:4rem}.app-wrapper main .app-container .visualizer-container .unadded-container .array-icon p{display:absolute;font-family:Alumni Sans Pinstripe;font-size:1.5rem;font-weight:900}.app-wrapper main .app-container .visualizer-container .array-methods .buttons-container{display:flex;flex-direction:row;justify-content:space-between;margin-top:1rem}.app-wrapper main .app-container .visualizer-container .array-methods .buttons-container .method-button-container{display:flex;align-items:center;flex-direction:column}.app-wrapper main .app-container .visualizer-container .array-methods .buttons-container .method-button-container .method-button{background:linear-gradient(166deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 100%);padding:.5rem .8rem;border:none;border-radius:3px;cursor:pointer;color:#f5f2f2d0;text-shadow:1px 2px 0px rgba(31,29,29,.568);transition:background .4s ease-in-out!important}.app-wrapper main .app-container .visualizer-container .array-methods .buttons-container .method-button-container .method-button:hover{background:linear-gradient(166deg,rgba(255,255,255,.1213172269) 0%,rgba(255,255,255,.0960959384) 100%)}.app-wrapper main .app-container .visualizer-container .array-methods .buttons-container .method-button-container .add-icon{color:#6bff6bb6}.app-wrapper main .app-container .visualizer-container .array-methods .buttons-container .method-button-container .subtract-icon{color:#fd7878e7}.app-wrapper footer{display:flex;justify-content:center;align-items:center;height:3rem;justify-self:flex-end}