@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*,:before,:after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59, 130, 246, .5);--tw-ring-offset-shadow:0 0 rgba(0,0,0,0);--tw-ring-shadow:0 0 rgba(0,0,0,0);--tw-shadow:0 0 rgba(0,0,0,0);--tw-shadow-colored:0 0 rgba(0,0,0,0);--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:;--tw-contain-size:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-style:}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59, 130, 246, .5);--tw-ring-offset-shadow:0 0 rgba(0,0,0,0);--tw-ring-shadow:0 0 rgba(0,0,0,0);--tw-shadow:0 0 rgba(0,0,0,0);--tw-shadow-colored:0 0 rgba(0,0,0,0);--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:;--tw-contain-size:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-style:}.static{position:static}.absolute{position:absolute}.relative{position:relative}.left-5{left:1.25rem}.top-\[10px\]{top:10px}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mt-5{margin-top:1.25rem}.mt-\[20px\]{margin-top:20px}.block{display:block}.flex{display:flex}.hidden{display:none}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-\[17px\]{height:17px}.h-\[33px\]{height:33px}.h-\[45px\]{height:45px}.h-\[56px\]{height:56px}.w-0{width:0}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-\[13px\]{width:13px}.w-\[14px\]{width:14px}.w-\[17px\]{width:17px}.w-\[21px\]{width:21px}.w-\[243px\]{width:243px}.w-\[370px\]{width:370px}.w-\[56px\]{width:56px}.w-full{width:100%}.min-w-\[135px\]{min-width:135px}.max-w-\[1039px\]{max-width:1039px}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}@keyframes pulse{50%{opacity:.5}}.animate-pulse-fast{animation:pulse .5s cubic-bezier(.4,0,.6,1) infinite}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-\[10px\]{gap:10px}.gap-\[23px\]{gap:23px}.gap-y-4{row-gap:1rem}.rounded-\[10px\]{border-radius:10px}.rounded-\[20px\]{border-radius:20px}.rounded-full{border-radius:9999px}.border-0{border-width:0}.border-b{border-bottom-width:1px}.border-solid{border-style:solid}.border-none{border-style:none}.border-soft-200{--tw-border-opacity:1;border-color:#e2e4e9;border-color:rgba(226,228,233,var(--tw-border-opacity,1))}.bg-red{--tw-bg-opacity:1;background-color:red;background-color:rgba(255,0,0,var(--tw-bg-opacity,1))}.bg-uploader-bg-200{--tw-bg-opacity:1;background-color:#eef2f4;background-color:rgba(238,242,244,var(--tw-bg-opacity,1))}.bg-warning-100{--tw-bg-opacity:1;background-color:#ffeed4;background-color:rgba(255,238,212,var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--tw-bg-opacity,1))}.bg-progress{background-image:linear-gradient(90deg,#00c2ff,#08f)}.p-0{padding:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-\[19px\]{padding-left:19px;padding-right:19px}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-7{padding-top:1.75rem;padding-bottom:1.75rem}.py-\[10px\]{padding-top:10px;padding-bottom:10px}.py-\[11px\]{padding-top:11px;padding-bottom:11px}.py-\[3px\]{padding-top:3px;padding-bottom:3px}.pb-3{padding-bottom:.75rem}.pl-1{padding-left:.25rem}.pl-\[52px\]{padding-left:52px}.pr-5{padding-right:1.25rem}.pr-\[6px\]{padding-right:6px}.text-center{text-align:center}.font-main{font-family:Inter,sans-serif}.text-\[16px\]{font-size:16px}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-normal{font-weight:400}.leading-none{line-height:1}.leading-tight{line-height:1.25}.\!text-soft-400{--tw-text-opacity:1 !important;color:#868c98!important;color:rgba(134,140,152,var(--tw-text-opacity,1))!important}.\!text-sub-500{--tw-text-opacity:1 !important;color:#525866!important;color:rgba(82,88,102,var(--tw-text-opacity,1))!important}.text-\[\#515151\]{--tw-text-opacity:1;color:#515151;color:rgba(81,81,81,var(--tw-text-opacity,1))}.text-black{--tw-text-opacity:1;color:#000;color:rgba(0,0,0,var(--tw-text-opacity,1))}.text-soft-400{--tw-text-opacity:1;color:#868c98;color:rgba(134,140,152,var(--tw-text-opacity,1))}.text-sub-500{--tw-text-opacity:1;color:#525866;color:rgba(82,88,102,var(--tw-text-opacity,1))}.text-warning{--tw-text-opacity:1;color:#bb7e22;color:rgba(187,126,34,var(--tw-text-opacity,1))}.\!underline{text-decoration-line:underline!important}.underline{text-decoration-line:underline}.\!no-underline{text-decoration-line:none!important}.shadow-dropshadow{--tw-shadow:0 2px 20px 0 rgba(0, 0, 0, .07);--tw-shadow-colored:0 2px 20px 0 var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,0 2px 20px #00000012;box-shadow:var(--tw-ring-offset-shadow,0 0 rgba(0,0,0,0)),var(--tw-ring-shadow,0 0 rgba(0,0,0,0)),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 rgba(0,0,0,0);--tw-shadow-colored:0 0 rgba(0,0,0,0);box-shadow:0 0 #0000,0 0 #0000,0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 rgba(0,0,0,0)),var(--tw-ring-shadow,0 0 rgba(0,0,0,0)),var(--tw-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.infinite-progress{position:relative;overflow:hidden}.infinite-progress:after{content:"";display:block;position:absolute;top:3px;bottom:3px;left:4px;right:4px;border-radius:20px;background:#ffffff80;transform-origin:0% 50%;animation:indeterminateAnimation 1s infinite linear}@keyframes indeterminateAnimation{0%{transform:translate(0) scaleX(0)}40%{transform:translate(0) scaleX(.4)}to{transform:translate(100%) scaleX(.5)}}.btn-upload{display:flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;border-style:none!important;--tw-bg-opacity:1 !important;background-color:#fff!important;background-color:rgba(255,255,255,var(--tw-bg-opacity,1))!important;padding:.5rem;line-height:1;--tw-text-opacity:1 !important;color:#000!important;color:rgba(0,0,0,var(--tw-text-opacity,1))!important;--tw-shadow:0 2px 20px 0 rgba(0, 0, 0, .07);--tw-shadow-colored:0 2px 20px 0 var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,0 2px 20px #00000012;box-shadow:var(--tw-ring-offset-shadow,0 0 rgba(0,0,0,0)),var(--tw-ring-shadow,0 0 rgba(0,0,0,0)),var(--tw-shadow);outline:2px solid transparent!important;outline-offset:2px!important}.btn-uploader-submit{display:flex;align-items:center;justify-content:center;border-radius:10px;border-style:none!important;--tw-bg-opacity:1 !important;background-color:#08f!important;background-color:rgba(0,136,255,var(--tw-bg-opacity,1))!important;padding-left:10px;padding-right:10px;padding-top:.5rem;padding-bottom:.5rem;font-size:1rem;line-height:1.5rem;line-height:1;--tw-text-opacity:1 !important;color:#fff!important;color:rgba(255,255,255,var(--tw-text-opacity,1))!important;outline:2px solid transparent!important;outline-offset:2px!important}.youtube-screen input[name=audio_url]{height:33px!important;border-radius:10px!important;border-width:0px!important;padding-left:9px!important;padding-right:9px!important;padding-top:.5rem!important;padding-bottom:.5rem!important;font-size:1rem!important;line-height:1.5rem!important;font-weight:500!important;line-height:1!important;--tw-shadow:0 2px 20px 0 rgba(0, 0, 0, .07) !important;--tw-shadow-colored:0 2px 20px 0 var(--tw-shadow-color) !important;box-shadow:0 0 #0000,0 0 #0000,0 2px 20px #00000012!important;box-shadow:var(--tw-ring-offset-shadow,0 0 rgba(0,0,0,0)),var(--tw-ring-shadow,0 0 rgba(0,0,0,0)),var(--tw-shadow)!important}.youtube-screen input[name=audio_url]::-moz-placeholder{--tw-text-opacity:1 !important;color:#cdd0d5!important;color:rgba(205,208,213,var(--tw-text-opacity,1))!important}.youtube-screen input[name=audio_url]::placeholder{--tw-text-opacity:1 !important;color:#cdd0d5!important;color:rgba(205,208,213,var(--tw-text-opacity,1))!important}.btn-stop-record{display:flex;height:33px;align-items:center;gap:.5rem;border-radius:10px;border-style:none!important;--tw-bg-opacity:1 !important;background-color:#fff!important;background-color:rgba(255,255,255,var(--tw-bg-opacity,1))!important;padding:.5rem;--tw-text-opacity:1 !important;color:#000!important;color:rgba(0,0,0,var(--tw-text-opacity,1))!important;--tw-shadow:0 2px 20px 0 rgba(0, 0, 0, .07) !important;--tw-shadow-colored:0 2px 20px 0 var(--tw-shadow-color) !important;box-shadow:0 0 #0000,0 0 #0000,0 2px 20px #00000012!important;box-shadow:var(--tw-ring-offset-shadow,0 0 rgba(0,0,0,0)),var(--tw-ring-shadow,0 0 rgba(0,0,0,0)),var(--tw-shadow)!important;outline:2px solid transparent!important;outline-offset:2px!important}.pitch-input{width:1.5rem;border-radius:0!important;border-style:none!important;padding:0 0 0 6px!important;font-size:.875rem;line-height:1.25rem;font-weight:500;outline:2px solid transparent!important;outline-offset:2px!important}.btn-pitch{display:flex;flex:1 1 0%;align-items:center;justify-content:center;border-radius:0!important;border-style:none!important;--tw-bg-opacity:1 !important;background-color:#fff!important;background-color:rgba(255,255,255,var(--tw-bg-opacity,1))!important;padding:0!important;--tw-shadow:0 0 rgba(0,0,0,0) !important;--tw-shadow-colored:0 0 rgba(0,0,0,0) !important;box-shadow:0 0 #0000,0 0 #0000,0 0 #0000!important;box-shadow:var(--tw-ring-offset-shadow,0 0 rgba(0,0,0,0)),var(--tw-ring-shadow,0 0 rgba(0,0,0,0)),var(--tw-shadow)!important;outline:2px solid transparent;outline-offset:2px}[for=ve-toggle-switch]{height:26px;width:46px;border-radius:9999px;--tw-bg-opacity:1;background-color:#e2e4e9;background-color:rgba(226,228,233,var(--tw-bg-opacity,1));--tw-shadow:inset 0 2px 4px 0 rgba(0, 0, 0, .05);--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,inset 0 2px 4px #0000000d;box-shadow:var(--tw-ring-offset-shadow,0 0 rgba(0,0,0,0)),var(--tw-ring-shadow,0 0 rgba(0,0,0,0)),var(--tw-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.toggle-button{transition:transform .2s}.toggle-on .toggle-button{transform:translate(23px)}.toggle-off .toggle-button{transform:translate(3px)}.toggle-on{--tw-bg-opacity:1;background-color:#08f;background-color:rgba(0,136,255,var(--tw-bg-opacity,1))}.uploader{display:flex;min-height:370px;flex-direction:column;justify-content:space-between;overflow:hidden;border-radius:20px;border-width:2px;border-style:dashed;--tw-border-opacity:1;border-color:#d2d8de;border-color:rgba(210,216,222,var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:#f7f9fa;background-color:rgba(247,249,250,var(--tw-bg-opacity,1));--tw-text-opacity:1;color:#000;color:rgba(0,0,0,var(--tw-text-opacity,1))}.uploader .upload-status,.uploader .download-screen,.uploader .youtube-screen,.uploader .recording-screen,.uploader .playback-screen{display:none}.uploader.dragover{--tw-border-opacity:1;border-color:#08f;border-color:rgba(0,136,255,var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:#f5faff;background-color:rgba(245,250,255,var(--tw-bg-opacity,1))}.uploader.dragover .uploader-footer,.uploader.dragover .upload-methods{display:none}.uploader.error{--tw-border-opacity:1;border-color:red;border-color:rgba(255,0,0,var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:#fff5f5;background-color:rgba(255,245,245,var(--tw-bg-opacity,1));--tw-text-opacity:1;color:red;color:rgba(255,0,0,var(--tw-text-opacity,1))}.uploader.error .progress-bar,.uploader.error .uploader-footer,.uploader.error .upload-methods{display:none}.uploader.error .backto-uploader,.uploader.error .upload-status{display:flex}.uploader.uploading .backto-uploader,.uploader.uploading .uploader-footer,.uploader.uploading .upload-methods{display:none}.uploader.uploading .upload-status,.uploader.uploading .progress-bar{display:flex}.uploader.done .uploader-logo,.uploader.done .uploader-footer,.uploader.done .upload-methods{display:none}.uploader.done .download-screen{display:flex}.uploader.youtube .upload-methods{display:none}.uploader.youtube .youtube-screen{display:flex}.uploader.recording .upload-methods{display:none}.uploader.recording .recording-screen{display:flex}.uploader.playback .upload-methods{display:none}.uploader.playback .playback-screen{display:flex}.hover\:cursor-pointer:hover{cursor:pointer}@media (min-width:640px){.sm\:absolute{position:absolute}.sm\:h-\[53px\]{height:53px}.sm\:flex-row{flex-direction:row}.sm\:gap-0{gap:0}.sm\:gap-y-2{row-gap:.5rem}}@media (min-width:768px){.md\:flex-row{flex-direction:row}}