@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";.loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#ccd2d7;transition:all .5s .7s ease;pointer-events:all;z-index:100}.main-loader{display:flex;top:0;left:0;width:100%;height:100%;align-items:center;justify-content:center;flex-direction:column;gap:2em;font-size:12px;z-index:20}.main-loader p{font-size:20px;color:#fff}.circular-progress{--size: 100px;--half-size: calc(var(--size) / 2);--stroke-width: 1px;--radius: calc((var(--size) - var(--stroke-width)) / 2);--circumference: calc(var(--radius) * pi * 2);--dash: calc((var(--progress) * var(--circumference)) / 100)}.circular-progress circle{stroke-width:var(--stroke-width);fill:none;stroke-linecap:round}.circular-progress circle.bg{stroke:#fff}.circular-progress circle.fg{transform:rotate(-90deg);transform-origin:var(--half-size) var(--half-size);stroke-dasharray:var(--dash) calc(var(--circumference) - var(--dash));transition:stroke-dasharray .3s linear 0s;stroke:#00000080}:root{--progress: 0}.main-loader .progress-loader{position:absolute;top:60%;width:50%;height:1px;background:#fff;transform:scaleX(0);transition:transform 1s;transform-origin:left;z-index:10;margin:0 5%}.button-enter{position:absolute;width:60px;height:60px;border-radius:100%;font-weight:900;letter-spacing:2px;font-size:2em;pointer-events:all;cursor:pointer;background-color:transparent;color:#fff5;border:none;transition:all .5s;pointer-events:none;opacity:.2;display:flex;justify-content:center;align-items:center}.button-enter.visible{pointer-events:all;opacity:1}.button-enter:hover{background-color:#ffffff1a;scale:.9;letter-spacing:1px;color:#fff;box-shadow:0 0 60px #bdbdbd}svg{animation:upDown 1s ease-in-out infinite;pointer-events:none;position:absolute}.loader-circle,.loader-pointer,.loader-line{fill:none;stroke-width:1px;stroke:#4d6565}.loader-center{fill:#4d6565}.loader-pointer{-webkit-transform-origin:bottom center;-moz-transform-origin:bottom center;-ms-transform-origin:bottom center;transform-origin:bottom center;animation:spin 4s linear infinite;-moz-animation:spin 4s linear infinite;-webkit-animation:spin 4s linear infinite}.loader-line{-webkit-transform-origin:bottom center;-moz-transform-origin:bottom center;-ms-transform-origin:bottom center;transform-origin:bottom center;animation:spin 60s linear infinite;-moz-animation:spin 60s linear infinite;-webkit-animation:spin 60s linear infinite}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg);-moz-transform-origin:50% 50%}to{-moz-transform:rotate(360deg);-moz-transform-origin:50% 50%}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);-webkit-transform-origin:50% 50%}to{-webkit-transform:rotate(360deg);-webkit-transform-origin:50% 50%}}@keyframes spin{0%{transform:rotate(0);transform-origin:50% 50%}to{transform:rotate(360deg);transform-origin:50% 50%}}.btn{cursor:pointer;background-repeat:no-repeat;width:40px;height:40px;pointer-events:all;border:1px solid rgba(255,255,255,.2);background-color:#ffffff74;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .8s ease-in-out;position:absolute;bottom:25px;right:25px;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn:hover{transform:scale(1.1);background-color:#264e703b}#wave{width:30px;height:20px;pointer-events:none;fill:#2e2e2e99;transform:translate(2px,-2px)}@keyframes music-on-graph{0%{transform:scaleY(1);transform-origin:50% 50%}50%{transform:scaleY(.7);transform-origin:50% 50%;opacity:.5}to{transform:scaleY(1);transform-origin:50% 50%;opacity:1}}.animated #Line_1{animation:music-on-graph 1s infinite alternate;animation-delay:.15s;transform-origin:50% 50%}.animated #Line_2{animation:music-on-graph 1s infinite alternate;animation-delay:.3s;transform-origin:50% 50%}.animated #Line_3{animation:music-on-graph 1s infinite alternate;animation-delay:.45s;transform-origin:50% 50%}.animated #Line_4{animation:music-on-graph 1s infinite alternate;animation-delay:.6s;transform-origin:50% 50%}.animated #Line_5{animation:music-on-graph 1s infinite alternate;animation-delay:.75s;transform-origin:50% 50%}.overlay-wrapper{position:fixed;bottom:20px;left:0;right:0;display:flex;justify-content:center;align-items:center;z-index:1}.overlay-input-container{background-color:#ffffffa4;border-radius:100px;padding:8px;display:flex;align-items:center;width:90%;max-width:500px;border:1px solid rgba(169,169,169,.125);box-shadow:0 0 3px #fefefe inset,0 0 10px #6d7a8e;transition:all .6s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translateY(300%)}.overlay-input-container.small-clock{max-width:110px}.overlay-input-container.show{transform:translateY(0)}.overlay-input{flex:1;background:transparent;border:none;color:#fff;font-size:12px;padding:12px 20px;outline:none;width:100%;transition:all .2s ease}.overlay-input::placeholder{color:#49494a99;font-style:italic}.generate-button{color:#fff;border:none;width:44px;height:44px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;border-radius:100px}.generate-button svg{display:block;margin:auto}.generate-button:hover{box-shadow:0 0 10px #ffffff72 inset,0 0 10px #6d7a8e}.overlay-input:focus-within+.overlay-input-container,.overlay-input-container:focus-within{background-color:#fffffff5;border-color:#3f3f40;box-shadow:0 0 10px #ffffff72 inset,0 0 10px #6d7a8e}.reset-button{border-radius:100px;cursor:pointer;transition:all .2s ease;position:relative;border:1px solid rgba(109,122,142,0);background-color:transparent;margin-right:5px;color:#cacaca95;display:flex;align-items:center;justify-content:center;padding:10px;width:40px;height:40px}.reset-button:hover{background-color:#fff;border:1px solid rgb(57,57,57)}.button-tooltip{display:none;position:absolute;top:-40px;left:25px;transform:translate(-50%);background-color:#000000d6;padding:5px 10px;color:#ffffff95;width:max-content;font-size:12px;font-weight:700;z-index:1000;border-radius:100px}.reset-button:hover .button-tooltip{display:flex}.header-wrapper{position:fixed;top:10px;left:0;right:0;display:flex;justify-content:center;align-items:center;z-index:1000;flex-direction:column}.header-input-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;gap:3px;transition:all .3s ease-in-out;transform:translateY(-100%)}.header-input-container-text{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:center;padding:0}.header-input-container.show{transform:translateY(0)}.header-input-container p{color:#313131b3;font-size:12px;font-weight:600;margin:0;text-align:center}.header-input-container small{border-top:1px solid rgba(0,0,0,.316);color:#313131b3;font-size:6px;font-weight:600;letter-spacing:.5em;margin:0;padding-left:2px;padding-top:4px;text-align:center}*{box-sizing:border-box;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(255,255,255,0);touch-action:none;font-family:Inter,serif}*:focus{outline:none!important;box-shadow:none;-webkit-tap-highlight-color:transparent}#root{width:100vw;height:100vh;touch-action:none}body{margin:0;background-color:#181818;padding:0;-webkit-user-select:none;user-select:none;overflow:hidden;overscroll-behavior:none;touch-action:none;-webkit-overflow-scrolling:touch}canvas{position:absolute;top:0;left:0;z-index:-1;touch-action:none;-webkit-touch-callout:none}.canvas-wrapper{opacity:0;transition:opacity 1.5s ease-in-out}.canvas-wrapper.visible{opacity:1}