GPT-SoVITS/dist/assets/index-Dl43Gj3X.css

@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@500&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;display:flex;place-items:center;width:100vw;height:100vh;min-width:320px;min-height:100vh;overflow:hidden}#app{height:100%;width:100%;margin:0 auto;text-align:center;display:flex}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.logo-container[data-v-81125f96]{display:flex;justify-content:center;align-items:center;height:4rem;background-color:#242628;margin-bottom:1rem;cursor:pointer}.logo-text[data-v-81125f96]{position:relative;font-family:Orbitron,sans-serif;font-size:1.6rem;font-weight:500;color:#fff;letter-spacing:3px;transition:all .3s ease}.logo-text[data-v-81125f96]:hover{animation:glitch-81125f96 .5s linear infinite}.logo-text[data-v-81125f96]:before,.logo-text[data-v-81125f96]:after{content:"GPT-Sovits";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .3s ease}.logo-text[data-v-81125f96]:hover:before,.logo-text[data-v-81125f96]:hover:after{opacity:1}.logo-text[data-v-81125f96]:hover:before{left:2px;text-shadow:-2px 0 #ff00de;clip:rect(24px,550px,90px,0);animation:glitch-anim-81125f96 .3s linear infinite alternate-reverse}.logo-text[data-v-81125f96]:hover:after{left:-2px;text-shadow:-2px 0 #00ffff;clip:rect(85px,550px,140px,0);animation:glitch-anim-81125f96 .3s linear infinite alternate-reverse}@keyframes glitch-81125f96{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}}@keyframes glitch-anim-81125f96{0%{clip:rect(76px,9999px,90px,0)}20%{clip:rect(5px,9999px,69px,0)}40%{clip:rect(89px,9999px,32px,0)}60%{clip:rect(54px,9999px,26px,0)}80%{clip:rect(12px,9999px,86px,0)}to{clip:rect(95px,9999px,7px,0)}}.sidebar-field[data-v-e19ef81b]{position:relative;width:100%;border-radius:2rem;margin:.3rem;padding:.7rem 0rem;background-color:#242628;color:#e8e8e8;cursor:pointer;-webkit-user-select:none;user-select:none}.field-content[data-v-e19ef81b]{display:flex;flex-direction:column;align-items:center;justify-content:center}.field-name[data-v-e19ef81b]{font-size:.8rem;font-weight:400;color:#a4a3a3c9;margin:0}.field-value[data-v-e19ef81b]{font-size:1.2rem;font-weight:400;color:#e8e8e8;margin:0}.sidebar-field[data-v-e19ef81b]:hover{background-color:#2d2e30;color:#fff}.expanded-list[data-v-e19ef81b]{position:absolute;top:0;left:105%;background-color:#2d2e30;border-radius:1rem;overflow:hidden;width:100%;z-index:10}.list-item[data-v-e19ef81b]{padding:.5rem 1rem;transition:background-color .2s ease}.list-item[data-v-e19ef81b]:hover{background-color:#3a3b3d}.sidebar-button[data-v-75f763e8]{background-color:#242628;color:#fff;border:none;padding:10px 20px;margin-bottom:1rem;border-radius:5px;cursor:pointer;font-size:16px;transition:background-color .3s;width:100%;height:3rem;margin-top:auto;border:1px solid #ccc}.sidebar-button[data-v-75f763e8]:hover{background-color:#36393c}.sidebar-button[data-v-75f763e8]:active{background-color:#242628}.sidebar-button[data-v-75f763e8]:disabled{background-color:#4a4a4a;cursor:not-allowed}.sidebar-field[data-v-401162d5]{position:relative;width:100%;border-radius:2rem;margin:.3rem;padding:.7rem 0rem;background-color:#242628;color:#e8e8e8;cursor:pointer;-webkit-user-select:none;user-select:none}.field-content[data-v-401162d5]{display:flex;flex-direction:column;align-items:center;justify-content:center}.field-name[data-v-401162d5]{font-size:.8rem;font-weight:400;color:#a4a3a3c9;margin:0}.field-value[data-v-401162d5]{font-size:1.2rem;font-weight:400;color:#e8e8e8;margin:0;word-wrap:break-word;max-width:100%;text-align:center}.sidebar-field[data-v-401162d5]:hover{background-color:#2d2e30;color:#fff}.expanded-list[data-v-401162d5]{position:absolute;top:0;left:105%;background-color:#2d2e30;border-radius:1rem;overflow:hidden;width:100%;z-index:10}.list-item[data-v-401162d5]{padding:.5rem 1rem;transition:background-color .2s ease}.list-item[data-v-401162d5]:hover{background-color:#3a3b3d}.sidebar-field[data-v-b5cb8aae]{position:relative;width:100%;border-radius:2rem;margin:.3rem;padding:.7rem 0rem;background-color:#242628;color:#e8e8e8;cursor:pointer;-webkit-user-select:none;user-select:none}.field-content[data-v-b5cb8aae]{display:flex;flex-direction:column;align-items:center;justify-content:center}.field-name[data-v-b5cb8aae]{font-size:.8rem;font-weight:400;color:#a4a3a3c9;margin:0}.field-value[data-v-b5cb8aae]{font-size:1.2rem;font-weight:400;color:#e8e8e8;margin:0;word-wrap:break-word;max-width:100%;text-align:center}.sidebar-field[data-v-b5cb8aae]:hover{background-color:#2d2e30;color:#fff}.expanded-list[data-v-b5cb8aae]{position:absolute;top:0;left:105%;background-color:#2d2e30;border-radius:1rem;overflow:hidden;width:100%;z-index:10}.list-item[data-v-b5cb8aae]{padding:.5rem 1rem;transition:background-color .2s ease}.list-item[data-v-b5cb8aae]:hover{background-color:#3a3b3d}.audio-reference-button[data-v-f3ff2472]{cursor:pointer;width:100%;height:3rem;display:flex;align-items:center;justify-content:center;border:1px solid #ccc;border-radius:5px;margin-top:auto;font-size:1rem;color:#ccc;background-color:#242628;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.audio-reference-button[data-v-f3ff2472]:hover{background-color:#36393c}.sidebar[data-v-f3ff2472]{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:300px;height:auto;max-height:80vh;background-color:#242628;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;padding:20px;box-sizing:border-box;border-radius:10px;box-shadow:0 0 10px #0000001a;opacity:0;visibility:hidden;overflow-y:auto}.sidebar.open[data-v-f3ff2472]{opacity:1;visibility:visible}.drop-zone[data-v-f3ff2472]{background-color:#131314;border:2px dashed #ccc;border-radius:.5rem;padding:20px;text-align:center;cursor:pointer}.drop-zone[data-v-f3ff2472]:hover{background-color:#202022}.audio-content[data-v-f3ff2472]{box-sizing:border-box}.audio-content h4[data-v-f3ff2472]{margin-bottom:10px}.audio-content textarea[data-v-f3ff2472]{width:100%;border:1px solid #ccc;border-radius:.5rem;resize:vertical}.confirm-button[data-v-f3ff2472]{width:100%;padding:10px;margin-top:40px;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1rem;background-color:#242628;border:1px solid #ccc}.confirm-button[data-v-f3ff2472]:hover{background-color:#35383b}.sidebar[data-v-f3ff2472]{display:flex;flex-direction:column}.sidebar[data-v-1f72dceb]{width:18%;min-width:200px;height:98%;background-color:#242628;border-radius:30px;padding:10px;margin:10px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.prompt-container[data-v-16012a7e]{display:flex;width:100%;height:98%;border:1px solid #ccc;padding:10px;margin:10px;border-radius:30px;box-sizing:border-box}.prompt-textarea[data-v-16012a7e]{width:100%;height:100%;border:none;padding:1rem;outline:none;resize:none;font-size:16px;background-color:#131314;color:#fff;box-sizing:border-box}.prompt-textarea[data-v-16012a7e]::placeholder{color:#666}.history-container[data-v-e82dffbd]{position:fixed;right:2rem;bottom:2rem;z-index:1000}.floating-button[data-v-e82dffbd]{width:50px;height:50px;border-radius:50%;background-color:#242628;color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 10px #0003}.floating-button.expanded[data-v-e82dffbd]{width:20vw;height:90vh;border-radius:2rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.expanded-content[data-v-e82dffbd]{padding:20px;overflow-y:auto;max-height:100%;width:90%}.close-button[data-v-e82dffbd]{position:absolute;right:10px;bottom:10px;width:30px;height:30px;border-radius:50%;background-color:#242628;color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:20px;box-shadow:0 2px 10px #0003}.audio-list[data-v-e82dffbd]{list-style-type:none;width:100%;padding:0}.audio-controls[data-v-e82dffbd]{width:100%}.audio-controls audio[data-v-e82dffbd]{width:100%}.background[data-v-7da5f954]{display:flex;flex-direction:row;width:100%;height:100%;background-color:#131314}