@import "theme.css";@import "fonts.css";@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shine{to{background-position:800px 0}}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}*{margin:0;padding:0;outline:0;box-sizing:border-box;user-select:none;white-space:nowrap}body,html{height:100vh}body{background:var(--main-ui-background);font:600 13px system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";font-variant-numeric:tabular-nums}button,div,h1,h2,h3,span{color:var(--main-ui-color)}h1{font-size:3.3rem}h1,h2,h3{text-align:center;white-space:normal}div,form{display:flex}.column{flex-direction:column}.center{justify-content:center}.bottom{justify-content:end}.middle{align-items:center}.start{align-items:flex-start}.fixed{min-width:250px}.flex{display:flex}.grow{flex-grow:1}.half{width:50%}.about-card:hover h3::after,.wide{width:100%}.gap-tn{gap:5px}.gap-sm{gap:10px}.gap-md{gap:20px}.gap-lg{gap:30px}.gap-xm{gap:40px}.gap-bg{gap:60px}.size08{font-size:.8rem}.size09{font-size:.9rem}.size10{font-size:1rem}.size11{font-size:1.1rem}.size12{font-size:1.2rem}.size13{font-size:1.3rem}.size14{font-size:1.4rem}.size15{font-size:1.5rem}.weight400{font-weight:400}.weight500{font-weight:500}.weight600{font-weight:600}.weight700{font-weight:700}.padding-sm{padding:10px}.padding-md{padding:20px}.padding-lg{padding:30px}.padding-xm{padding:40px}.scroll-x{overflow-x:auto}.scroll-y{overflow-y:auto}img.logo{filter:drop-shadow(4px 4px 2px rgba(0,0,0,.4));height:40px;width:auto}input[type=checkbox],input[type=radio]{-webkit-appearance:none;appearance:none;background-color:#fff;border:1px solid #ddd;box-shadow:none;cursor:pointer;margin:0;height:18px;width:18px}input[type=checkbox]{border-radius:3px}input[type=radio]{border-radius:9px}input[type=checkbox]:checked,input[type=radio]:checked{box-shadow:var(--box-shadow-input);background-color:var(--main-ui-color)}a.icon-button,a.icon-media-button,a.text-button{background-color:var(--main-ui-color);color:#fff;display:flex;align-items:center;text-decoration:none}a.icon-button,a.icon-media-button{position:relative}a.text-button{border-radius:4px;position:relative;font-size:1.1rem;justify-content:center;height:38px;width:245px}a.icon-button,a.icon-media-button{border-radius:50%;font-size:0;padding:10px}a.icon-button::before,a.icon-media-button::before,a.text-button::before{background-size:18px;background-position:center;background-repeat:no-repeat;content:"";display:flex;font-size:0;height:18px;width:18px}a.icon-button.grayed,a.icon-media-button.grayed,a.text-button.grayed{opacity:.7;pointer-events:none}a.icon-button.disabled,a.text-button.disabled{position:relative;pointer-events:none}a.icon-button.disabled::before{background-image:none!important}a.icon-button.disabled::after{animation:rotation 1s linear infinite;content:"";position:absolute;top:9px;left:9px;border:3px solid #fff;border-bottom-color:transparent;border-radius:50%;box-sizing:border-box;display:inline-block;width:20px;height:20px}a.text-button.disabled::after,a.text-button.grayed::after{content:attr(data-process)}a.text-button.blue{background:var(--color-blue)}a.text-button.deeppink{background:var(--color-deeppink)}a.text-button.no-icon::before{display:none}a.text-button[data-button=addAudio]::before{background-image:url(../vector/open.svg)}a.icon-button[data-button=undoBtn]::before{background-image:url(../vector/undo.svg)}a.icon-button[data-button=cropBtn]::before{background-image:url(../vector/crop.svg)}a.icon-button[data-button=dropBtn]::before{background-image:url(../vector/drop.svg)}a.icon-button[data-button=copyBtn]::before{background-image:url(../vector/copy.svg)}a.icon-button[data-button=playBtn]::before{background-image:url(../vector/play.svg)}a.icon-button[data-button=editBtn]::before{background-image:url(../vector/edit.svg)}a.icon-button[data-button=stopBtn]::before{background-image:url(../vector/stop.svg)}a.icon-button[data-button=uploadBtn]::before{background-image:url(../vector/upload.svg)}a.icon-button[data-button=saveBtn]::before{background-image:url(../vector/save.svg)}a.icon-media-button[data-icon=convert]::before{background-image:url(../vector/convert.svg)}a.text-button::after{content:attr(data-text)}a.link-md,a.link-sm{color:#00e;font-weight:400;word-wrap:break-word}a.link-md{font-size:1rem}a.link-md:active,a.link-md:visited,a.link-sm:active,a.link-sm:visited{color:#00e}a.link-md.disabled,a.link-sm.disabled{color:#cacaca;pointer-events:none}a.about-lg,a.about-md,a.about-sm{color:currentColor;font-weight:700;white-space:normal;word-wrap:break-word}a.about-sm{font-size:1rem}a.about-md{font-size:1.2rem}a.about-lg{font-size:1.5rem}a.about-lg:active,a.about-lg:visited,a.about-md:active,a.about-md:visited,a.about-sm:active,a.about-sm:visited{color:currentColor}.header{width:80%}.container{height:100vh}.footer{display:flex}.menu+section,.navigate{background:var(--nav-background)}.navigate{position:sticky;top:0;z-index:99}.menu,.menu+section li a{display:flex;text-decoration:none}.menu{background-color:transparent}.menu+section{border-bottom-right-radius:6px;border-bottom-left-radius:6px;overflow:hidden;position:absolute;max-height:0;top:100%;right:0;z-index:1;width:270px;transition:max-height .3s linear}.menu+section li a{gap:15px;align-items:center;background:0 0;color:#fff;padding:16px;font-size:1rem;font-weight:400;transition:.3s background linear;width:100%}.menu svg,.menu+section li a svg{pointer-events:none;width:20px;height:20px}.menu+section li a span{color:#fff;pointer-events:none;flex-grow:1}.menu+section li a:hover{background:rgba(255,255,255,.1)}.menu+section.visible{max-height:500px}.menu svg{width:32px;height:32px}.line{fill:none;stroke:#fff;stroke-width:6;transition:stroke-dasharray 600ms cubic-bezier(.4,0,.2,1),stroke-dashoffset 600ms cubic-bezier(.4,0,.2,1)}.line1,.line2,.line3{stroke-dasharray:60 207;stroke-width:6}.line2,.line3{stroke-dasharray:60 60}.line3{stroke-dasharray:60 207}.opened .line1{stroke-dasharray:90 207;stroke-dashoffset:-134;stroke-width:6}.opened .line2{stroke-dasharray:1 60;stroke-dashoffset:-30;stroke-width:6}.opened .line3{stroke-dasharray:90 207;stroke-dashoffset:-134;stroke-width:6}.box{color:#666;font:600 18px"Quicksand",sans-serif;width:100%}.box.outro{font-size:.9rem}.box.outro img{border-radius:6px;height:24px;width:24px}.box h2,.box p,.ontime div{color:#666;display:flex}.box h2{font-size:1.6rem;font-weight:700;margin-bottom:10px}.box,.box p{white-space:normal;word-wrap:break-word;hyphens:auto}.box p{font-size:1.1rem}.ontime,.parent{position:relative;width:80%}.ontime{align-items:center;border-bottom:1px solid rgba(0,0,0,.1);display:flex;height:30px}.ontime div{color:#708090;position:absolute;font-size:0}.ontime div::before{content:attr(data-time);display:flex;position:absolute;font-size:.8rem;justify-content:center;top:-10px;left:0;width:100%}.ontime div::after{border-right:1px solid rgba(0,0,0,.1);content:"";position:absolute;top:5px;left:0;height:10px;width:0}.parent{--position:0;height:120px}.parent::before{background:var(--main-ui-color);content:"";position:absolute;top:0;left:0;height:100%;width:calc(100% - 1px);z-index:0}.parent::after{background:#8fbc8f;content:"";width:var(--position);z-index:1}.parent canvas{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;z-index:2}.cursor{border-right:1px solid #8fbc8f;pointer-events:none;width:1px}.bounds,.cursor,.parent canvas,.parent::after,.slicer{position:absolute;left:0;top:0;height:100%}.bounds,.cursor,.slicer{z-index:3}.slicer{border-right:1px solid #dcdcdc;pointer-events:none;width:1px}.cursor.hide,.slicer.hide{border-color:transparent}.bounds{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;background:var(--bg-selected);pointer-events:auto;cursor:pointer;width:0}.bounds.pointer{pointer-events:none}.label{color:#708090;flex-grow:1;font-size:.95rem;white-space:normal;word-wrap:break-word;overflow-wrap:anywhere;hyphens:auto}.label::before{content:attr(data-text)}.clock{font-size:.9rem}.clock::after,.clock::before{border-radius:4px;color:var(--main-ui-color);padding:6px 12px}.clock::before{content:attr(data-timeat)}.clock::after{content:attr(data-timeto)}.radio,.radio i{position:relative}.radio{border-radius:25px;color:var(--main-ui-color);cursor:pointer;pointer-events:auto}.radio::before{color:#ddd;content:attr(data-label);font-size:.9rem;font-weight:400;overflow:hidden;position:absolute;top:-25px;left:0;width:100%;text-overflow:ellipsis;transition:.3s color}.radio.checked::before{color:#1e90ff}.radio i{font-style:normal;font-size:1.1rem;font-weight:400;pointer-events:none}.dialog,.range label{left:50%;transform:translateX(-50%)}.dialog{background:#fff;border-radius:6px;box-shadow:var(--box-shadow-dialog);font-weight:600;font-size:.95rem;padding:50px 25px 25px;position:fixed;top:-350px;height:300px;width:300px;transition:.3s top ease-in-out;z-index:999}.dialog.visible{top:0}.close{background-image:url(../vector/close.svg);background-size:24px;position:absolute;top:10px;right:10px;height:24px;width:24px}.group,.range{position:relative}.group.grayed{pointer-events:none}.group.grayed::after{background:rgba(255,255,255,.4);content:"";position:absolute;top:-15px;left:0;height:calc(100% + 15px);width:100%;z-index:1}.range{height:20px}.editor.hide,.range.hide{display:none}.range label{font-size:14px;position:absolute;top:-15px}.range input[type=range]{-webkit-appearance:none;appearance:none;background:linear-gradient(to bottom,#f5f5f5,#e5e5e5);border:1px solid #ebebeb;border-radius:10px;cursor:pointer;overflow:hidden;transition:height .15s ease-in;height:10px;width:100%}.range input[type=range]::-moz-range-thumb{width:0;height:0;border:0;box-shadow:calc(150px*-1)0 0 150px var(--main-ui-color)}.range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:0;height:0;border:0;box-shadow:calc(150px*-1)0 0 150px var(--main-ui-color)}.media{width:40%}.media label{font-size:1rem;font-weight:400}.media input[type=range]{-webkit-appearance:none;appearance:none;background:#fbfbfb;box-shadow:var(--box-shadow-track);border-radius:5px;cursor:pointer;height:10px;width:100%}.media input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:0;background-color:#00bfff;box-shadow:var(--box-shadow-range);border-radius:10px;height:20px;width:20px}.media input[type=range]:focus::-webkit-slider-thumb{box-shadow:var(--box-shadow-range);outline:3px solid #00bfff;outline-offset:.125rem}.media input[type=range]::-moz-range-thumb{background-color:#00bfff;box-shadow:var(--box-shadow-range);border:0;border-radius:10px;height:20px;width:20px}.media input[type=range]:focus::-moz-range-thumb{box-shadow:var(--box-shadow-range);outline:3px solid #00bfff;outline-offset:.125rem}.editor{position:relative;flex-direction:column}.editor.margin{margin-top:40px}.option.grayed>div:last-of-type a{opacity:.7;pointer-events:none}.option.grayed.rotate>div:last-of-type a::before{animation:rotate 3s linear infinite}.select{-webkit-appearance:none;appearance:none;background:#fbfbfb;border:1px solid #c1c0c0;border-radius:6px;color:var(--main-ui-color);cursor:pointer;font-size:1.1rem;font-weight:700;text-align-last:center;padding:5px 10px}.select option:first-of-type{display:none}.progress-bar{border-radius:8px;background:#f0f0f0;box-shadow:rgba(0,0,0,.05)0 6px 24px 0,rgba(0,0,0,.08)0 0 0 1px;display:flex;overflow:hidden;position:relative;z-index:5;height:16px}.progress-box,.progress-text{height:16px}.progress-text{align-items:center;justify-content:center;display:flex;text-align:center;position:absolute;top:0;left:0}.progress-bar .progress-text:first-child{z-index:5;color:#000}.progress-bar .progress-text:last-child{z-index:10;color:#fff}.progress-box{animation:shine 2s linear infinite;background-color:#00ba0c;background-image:linear-gradient(to right,#00ba0c 0,#00ba0c 75%,#d7ffd1 80%,#00ba0c 85%,#00ba0c 100%);background-size:800px 20px;position:relative;overflow:hidden;width:0;z-index:10;transition:width .2s linear}.progress-box.reset{animation:none!important;transition:none!important;background:0 0!important;background-image:none!important}.text{align-items:center;display:flex;font:600 18px"Quicksand",sans-serif;text-align:center;white-space:normal;word-wrap:break-word;overflow-wrap:anywhere;hyphens:auto}.text input{border-radius:8px;margin:0 5px;height:16px;width:16px}.text label{cursor:pointer;display:contents}a.text-button.record{background:coral}a.text-button.playback{background:#00bfff}.text::after{content:attr(data-text)}.font-default{font-weight:400}.font-default,.font-df{font-size:1rem}.font-sm{font-size:.9rem}.font-md{font-size:1.2rem}.font-lg{font-size:2rem}.about-container{padding:24px}.about-grid{flex-wrap:wrap;max-width:70%}.about-card{align-items:center;background:var(--about-card-background);border-radius:6px;box-shadow:var(--box-shadow-about);display:flex;flex:1 1 400px;flex-direction:column;font:600 18px"Quicksand",sans-serif;min-width:240px;justify-content:flex-start;padding:8px 16px;position:relative;text-align:center;text-decoration:none}.about-card,.about-card:active,.about-card:hover,.about-card:visited{color:var(--main-ui-color)}.about-icon{font-size:0;position:absolute;top:8px;left:8px}.about-icon svg{fill:none;width:24px;height:24px;stroke:#a9a9a9}.about-card h3{font-size:1.6rem;margin:24px 0 8px;position:relative;line-height:1.3}.about-card h3::after{background:var(--main-ui-color);content:"";position:absolute;left:50%;bottom:0;width:0;height:2px;transition:all .3s ease;transform:translateX(-50%)}.about-card p{margin:0;font-size:1.1rem;line-height:1.5;opacity:.8;max-width:320px;white-space:normal;word-wrap:normal}@media (max-width:1300px){.promo{flex-direction:column}.media-hidden{display:none}}@media (max-width:1000px){.top-row{flex-direction:column}}@media (max-width:768px){.header,.promo,h1{flex-direction:column}.header{gap:20px}.menu+section{width:100%}a.about-sm{font-size:.8rem}a.about-md{font-size:1rem}a.about-lg{font-size:1.2rem}.about-grid{max-width:95%}.about-card{flex-basis:100%;min-width:0}.media,.ontime,.parent{width:90%}.editor{padding:10px!important}}@media (max-width:500px){a.icon-media-button{border-radius:25px!important;justify-content:center;width:200px}.option,.upload{flex-direction:column}.text.font-sm{font-size:.9rem}.text.font-md{font-size:1rem}.text.font-lg{font-size:1.5em}.fixed{min-width:auto}}@media (max-width:330px){.button{gap:5px!important}.dialog{width:280px}}