/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;text-size-adjust:100%}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-size:1em;font-family:monospace,monospace}a{background-color:transparent}abbr[title]{-webkit-text-decoration:underline;text-decoration:underline;text-decoration:underline dotted;border-bottom:none}b,strong{font-weight:bolder}code,kbd,samp{font-size:1em;font-family:monospace,monospace}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-size:100%;font-family:inherit;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{display:table;box-sizing:border-box;max-width:100%;padding:0;color:inherit;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;appearance:textfield}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{font:inherit;appearance:button}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@keyframes spinner{to{transform:rotate(360deg)}}@keyframes keyframe-stripes{0%{background-position-x:1em}}@keyframes support-placeholder-animate{0%{background-position:-600px 0}to{background-position:600px 0}}@keyframes keyframe-dots{0%,20%{color:rgba(0,0,0,0);text-shadow:.25em 0 0 rgba(0,0,0,0),.5em 0 0 rgba(0,0,0,0)}40%{color:#fff;text-shadow:.25em 0 0 rgba(0,0,0,0),.5em 0 0 rgba(0,0,0,0)}60%{text-shadow:.25em 0 0 #fff,.5em 0 0 rgba(0,0,0,0)}80%,to{text-shadow:.25em 0 0 #fff,.5em 0 0 #fff}}:root{--mainColor: #eee;--secondaryColor: #d8d8e2;--mainBgColor: #17171e;--mainBgColorRGB: 23 23 30;--navColor: #1c1c26;--borderColor: #262633;--purpleColorRGB: 102 93 195;--purpleColor: rgb(var(--purpleColorRGB));--redColor: #ff424d;--redColorRGB: 255 81 87;--greenColor: #00ff8e;--vh: 1vh;--bodyHeight: calc(var(--vh, 1vh) * 100);--burger-size: 5rem;--nav-width: 100%}@media (min-width: 40em){:root{--nav-width: 5rem}}.pages{--stickyHeight: 5rem;height:100vh}.pages .page{--padding: 5vw;display:flex;flex-direction:column;min-height:100vh;min-height:var(--bodyHeight);padding:5vw;padding:var(--padding);padding-top:5rem;border-bottom:solid 1px #262633;border-bottom:solid 1px var(--borderColor)}.pages .page:not(.centered) p,.pages .page:not(.centered) div.p{padding-left:2rem;border-left:3px solid rgb(102,93,195);border-left:3px solid var(--purpleColor)}.pages .page:not(.centered) p h2,.pages .page:not(.centered) div.p h2{font-size:calc(2rem + 1vw)}.pages .page:not(.centered) p p,.pages .page:not(.centered) div.p p,.pages .page:not(.centered) p div.p,.pages .page:not(.centered) div.p div.p{padding-left:2rem;border-left:3px solid rgb(102,93,195);border-left:3px solid var(--purpleColor)}.pages .page:not(.centered) p a,.pages .page:not(.centered) div.p a{border-bottom:2px dashed rgb(102,93,195);border-bottom:2px dashed var(--purpleColor)}.pages .page.centered{align-items:center;justify-content:center;min-height:100vh;min-height:var(--bodyHeight);text-align:center}.pages .page.centered p.status{position:fixed;bottom:0}.pages .page.centered button.upload{margin-top:2rem}.pages .page.centered h3{max-width:40em}.pages .page h1,.pages .page h2,.pages .page h3{margin:.5rem 0}.pages .page img{max-width:100vw;padding:2rem 0}.top-menu{display:block;width:100%;height:var(--stickyHeight)}.top-menu.sticky>menu{position:fixed;top:0;right:0;left:0}.top-menu menu{--stickyFontSize: .9rem;display:flex;justify-content:center;height:var(--stickyHeight);margin:0;padding:0;list-style:none;background-color:#17171e;background-color:var(--mainBgColor)}.top-menu menu a{display:flex;align-items:center;height:100%;padding:0 1rem;font-weight:600;font-size:var(--stickyFontSize);text-transform:uppercase}body.with-menu .pages .top-menu.sticky menu{left:100%;left:var(--nav-width)}.pages .alert{position:fixed;bottom:0;width:100%;min-height:1.5rem;padding:1rem;color:#ff424d;color:var(--redColor);font-size:1rem;background-color:#17171e;background-color:var(--mainBgColor)}.pages .alert a{color:#d8d8e2;color:var(--secondaryColor);-webkit-text-decoration:underline;text-decoration:underline}.pages>.page.info{padding-bottom:2rem}.pages>.page.info p,.pages>.page.info div.p{margin-bottom:2rem;padding:1rem;background-color:#1f1f28}@media (min-width: 40em){.pages>.page.info p,.pages>.page.info div.p{padding:1rem 2rem}}.pages>.page.info h4{display:flex;align-items:center;margin:0;font-weight:300;font-size:1.5rem}.pages>.page.info h4 svg{margin-right:1rem}.pages>.page.info .content{padding-left:2rem;border-left:3px solid rgb(102,93,195);border-left:3px solid var(--purpleColor)}.pages>.page.info .powered{display:flex;flex:1;align-items:end;justify-content:center;color:#d8d8e2;font-weight:100;font-size:.9rem;line-height:1.75rem;letter-spacing:.05rem;text-align:center;text-transform:uppercase}html[lang=ar] .pages>.page.info,html[lang=he] .pages>.page.info{direction:rtl!important}button{--color: 238 238 238;--bg-color: 38 38 51;--padding-block: .4rem;--padding-inline: 1.5rem;--border-width: 0px;display:flex;align-items:center;justify-content:center;box-sizing:content-box;padding:calc(.4rem + -0px) calc(1.5rem + -0px);padding:calc(var(--padding-block) - var(--border-width)) calc(var(--padding-inline) - var(--border-width));color:#eee;color:rgba(var(--color) / 100%);font-size:1rem;line-height:2rem;white-space:nowrap;background-color:#262633;background-color:rgba(var(--bg-color) / 100%);border-color:#262633;border-color:rgb(var(--bg-color));border-style:solid;border-width:0px;border-width:var(--border-width);border-radius:2rem;cursor:pointer;user-select:none}button:disabled{cursor:not-allowed;filter:brightness(75%)}button:enabled:hover{background-color:rgba(var(--bg-color) / 70%);transition:color .2s,background-color .2s}button svg{min-height:1.8em}button.upload{--border-width: 2px;color:#eee;color:var(--mainColor);background-color:transparent;border-color:#665dc3;border-color:var(--purpleColor)}button.upload:enabled:hover,button.upload:enabled:focus{background-color:transparent}button.upload:enabled:hover:not(.process),button.upload:enabled:focus:not(.process){background:rgba(102,93,195,.25);background:rgba(var(--purpleColorRGB) / 25%)}button.upload.process{background-image:linear-gradient(45deg,rgba(102,93,195,.25) 25%,transparent 25%,transparent 50%,rgba(102,93,195,.25) 50%,rgba(102,93,195,.25) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgb(var(--purpleColorRGB) / 25%) 25%,transparent 25%,transparent 50%,rgb(var(--purpleColorRGB) / 25%) 50%,rgb(var(--purpleColorRGB) / 25%) 75%,transparent 75%,transparent);background-size:1rem 1rem;animation:keyframe-stripes 1s linear infinite;pointer-events:none}button.outline{--border-width: 2px;background-color:transparent}button.outline:hover{color:rgb(var(--color) / 70%);background-color:transparent}button.link{background-color:transparent}button.link:enabled:hover{color:rgb(var(--color) / 70%);background-color:transparent}button.red{--color: 255 255 255;--bg-color: var(--redColorRGB)}button.white{--color: var(--mainBgColorRGB);--bg-color: 211 211 223}button.rec{position:relative;width:3rem;height:3rem;padding:0;text-indent:-9999px;background-color:#17171e;background-color:var(--mainBgColor);background-clip:content-box;border:solid 2px #eee;border:solid 2px var(--mainColor);border-radius:5rem;border-radius:50%}button.rec:before{position:absolute;display:block;width:100%;height:100%;background-color:#ff424d;background-color:var(--redColor);border-color:#eee;border-color:var(--mainColor);border-radius:50%;transform:scale(.85);transition:transform .1s;content:""}button.rec.active:before{border-radius:20%;transform:scale(.4);transition:transform .1s,border-radius .2s}button.rec:not(.active):enabled:hover:before{transform:scale(.9)}.progress-bar{width:100%;height:.5rem;overflow:hidden;background-color:#eee;background-color:var(--mainColor);border-radius:3px}.progress-bar .value{width:0%;height:100%;background-color:#665dc3;background-color:var(--purpleColor)}.progress-bar.stripes{background-image:linear-gradient(45deg,rgb(102 93 195 .25) 25%,transparent 25%,transparent 50%,rgb(102 93 195 .25) 50%,rgb(102 93 195 .25) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgb(var(--purpleColorRGB) .25) 25%,transparent 25%,transparent 50%,rgb(var(--purpleColorRGB) .25) 50%,rgb(var(--purpleColorRGB) .25) 75%,transparent 75%,transparent);background-size:1em 1em;animation:keyframe-stripes 1s linear infinite}.progress-bar-dots:after{animation:keyframe-dots 2s steps(1) infinite;content:"."}.spinner{width:0;height:0;overflow:hidden}.spinner:before{position:absolute;box-sizing:border-box;width:4rem;height:4rem;margin-top:-2rem;margin-left:-2rem;border:3px solid #262633;border:3px solid var(--borderColor);border-top-color:#665dc3;border-top-color:var(--purpleColor);border-radius:50%;animation:spinner .8s ease infinite;content:""}.input-select-container{position:relative;display:flex}.input-select-container button.shift{padding-left:var(--paddingBlock);padding-right:var(--paddingBlock)}.input-select-container button.shift:not(.next){margin-right:2px}.input-select-container button.shift.next{margin-left:2px}.input-select-container button.shift.next svg{transform:rotate(180deg)}.input-select-container .options{position:absolute;right:0;bottom:calc(100% + .3em);left:0;z-index:1;overflow-y:auto;color:#eee;color:var(--mainColor);background-color:#1e1e28;border:solid 1px #262633;border:solid 1px var(--borderColor);border-radius:4px;visibility:hidden}.input-select-container .options .option{padding:.7rem 1rem;overflow:hidden;font-size:.9rem;white-space:nowrap;text-align:left;text-overflow:ellipsis;cursor:pointer}.input-select-container .options .option:focus,.input-select-container .options .option:hover{background-color:#17171e;background-color:var(--mainBgColor)}.input-select-container.open .options{visibility:visible}.input-select-container .options .option.selected svg{position:absolute;left:1em;color:#00ff8e;color:var(--greenColor)}body.with-menu .modal{left:100%;left:var(--nav-width)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;display:grid;background:#17171e;background:var(--mainBgColor)}.modal .cancel{position:absolute;top:0;right:0;width:5rem;width:var(--burger-size);height:5rem;height:var(--burger-size);padding:0}.modal .inner{align-self:center;justify-self:center}.fxlist{--fx-main-color: #9e9fa5;display:flex;flex-direction:row;padding-bottom:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth}.fxlist>.fxitem{display:flex;flex-shrink:0;justify-content:center;width:100%;scroll-snap-align:start}@media (min-width: 40em){.fxlist>.fxitem{width:auto}}.fxlist>.fxitem:not(:first-child){margin-left:1rem}.fxlist .fx{display:flex;flex-direction:column;min-width:17rem;height:100%;color:var(--fx-main-color);background-color:#1c1c26;background-color:var(--navColor);border-radius:2px;user-select:none}.fxlist .fx .header{display:flex;flex-direction:row;align-items:center;height:3rem;border-bottom:solid 1px #17171e;border-bottom:solid 1px var(--mainBgColor)}.fxlist .fx .header button.power{padding:.4rem 1rem;color:#04cc73;background-color:transparent;border-right:solid 1px #17171e;border-right:solid 1px var(--mainBgColor);border-radius:0;padding-top:0;padding-bottom:0}.fxlist .fx .header span{margin-left:1rem}.fxlist .fx .body{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:.75rem 1rem}.fxlist .fx .bigval{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;font-weight:100;font-size:2rem}.fxlist .fx .bigval span{color:rgba(255,255,255,.5);font-size:1rem}.fxlist .fx .labels{display:flex;flex-direction:row;justify-content:space-between}.fxlist .fx .labels>*{white-space:nowrap;text-align:center}.fxlist .fx .vertical-ranges{display:flex;justify-content:space-around;margin:.5rem 0}.fxlist .fx .vertical-ranges .item{display:flex;flex:1;flex-direction:column;align-items:center}.fxlist .fx .vertical-ranges .item .label{margin:.5rem 0}.fxlist .fx.disabled .body{opacity:.5;filter:blur(1px);pointer-events:none}.fxlist .fx.disabled .header button.power{color:var(--fx-main-color)}.fxlist .fx .input-select-container{--bg-color: var(--mainBgColor);--borderWidth: 0}.fxlist .fx .input-select-container button{padding:0;font-size:1rem;background-color:#2a2a36;border-radius:0}@media (min-width: 40em){.fxlist .fx .input-select-container button{font-size:.9rem}}.fxlist .fx .input-select-container button:not(.shift){flex:1}.fxlist .fx .input-select-container button.shift{padding:0 .75rem}.fxlist .fx .input-select-container button.main>.text{padding:0 1rem}.fxlist .input-range .track{background-color:#2a2a36}.page-player{display:grid;grid-gap:1rem 0;grid-template:". cancel" 5rem "wave wave" auto "effects effects" auto "play play" auto "action action" min-content "line line" min-content "encode encode" min-content / auto 5rem;grid-template:". cancel" var(--burger-size) "wave wave" auto "effects effects" auto "play play" auto "action action" min-content "line line" min-content "encode encode" min-content / auto var(--burger-size);padding:0 0 1rem}@media (min-width: 40em){.page-player{grid-template:". . . cancel" 5rem "wave wave wave wave" auto "effects effects effects effects" auto "line line line line" min-content "play action encode encode" min-content / 13rem minmax(0,1fr) 12rem 5rem;grid-template:". . . cancel" var(--burger-size) "wave wave wave wave" auto "effects effects effects effects" auto "line line line line" min-content "play action encode encode" min-content / 13rem minmax(0,1fr) 12rem var(--burger-size);padding:0 2rem 1rem}}.page-player .player-cancel{grid-area:cancel;align-self:center;justify-self:center}@media (min-width: 40em){.page-player .player-cancel{margin-left:4rem}}.page-player .player-waveform{grid-area:wave;align-self:end;max-width:100vw}.page-player .player-effects{display:grid;grid-area:effects;align-self:start;padding:0 1rem}.page-player .player-line{grid-area:line;border-top:solid 1px #262633;border-top:solid 1px var(--borderColor)}.page-player .player-play{display:grid;grid-area:play;grid-gap:1rem;grid-template-areas:"backward play forward";grid-template-columns:min-content min-content min-content;align-self:center;justify-content:center}@media (max-width: 39.9375em){.page-player .player-play button{font-size:2em;background-color:transparent}}@media (min-width: 40em){.page-player .player-play{grid-template-areas:"play playback";grid-template-columns:1fr min-content;align-self:inherit}}.page-player .player-play .backward{grid-area:backward}@media (min-width: 40em){.page-player .player-play .backward{display:none}}.page-player .player-play .forward{grid-area:forward}@media (min-width: 40em){.page-player .player-play .forward{display:none}}.page-player .player-play .playback{display:none;grid-area:playback}@media (min-width: 40em){.page-player .player-play .playback{display:inherit}}.page-player .player-play .play{grid-area:play}.page-player .player-encode{display:grid;grid-area:encode;grid-gap:.5rem;grid-template-columns:1fr 1fr;padding:0 1rem}@media (min-width: 40em){.page-player .player-encode{padding:0}}.page-player .player-action{display:flex;grid-area:action;justify-self:center}.page-player .player-action .title{display:flex;align-items:center;margin:.5rem;color:rgba(255,255,255,.5);font-size:.8rem}.recorder{padding:0 0 2rem!important}.recorder{display:grid;grid-gap:2rem;grid-template:". . . . setting" 5rem "title title title title title" min-content "wave wave wave wave wave" min-content "prompt prompt prompt prompt prompt" 1fr "play play rec cancel cancel" min-content / 5rem 1fr auto 1fr 5rem;grid-template:". . . . setting" var(--burger-size) "title title title title title" min-content "wave wave wave wave wave" min-content "prompt prompt prompt prompt prompt" 1fr "play play rec cancel cancel" min-content / var(--burger-size) 1fr auto 1fr var(--burger-size);height:100%;min-height:100vh;min-height:var(--bodyHeight);padding:var(--padding);border-bottom:solid 1px #262633;border-bottom:solid 1px var(--borderColor)}@media (min-width: 40em){.recorder{grid-template:". title title title ." 20% "wave wave wave wave wave" min-content "prompt prompt prompt prompt prompt" 1fr ". play rec cancel setting" min-content / 7rem 1fr auto 1fr 7rem;grid-template:". title title title ." 20% "wave wave wave wave wave" min-content "prompt prompt prompt prompt prompt" 1fr ". play rec cancel setting" min-content / calc(var(--burger-size) + 2rem) 1fr auto 1fr calc(var(--burger-size) + 2rem)}}.recorder .links{grid-area:menu;justify-self:end}.recorder .links>a{padding:0 1rem;color:#5c5c64;font-weight:300;font-size:.9rem}.recorder .title{grid-area:title;align-self:center;justify-self:center}.recorder .waveform{grid-area:wave}.recorder .rec{grid-area:rec;justify-self:center}.recorder .play{grid-area:play;align-self:center;justify-self:end}.recorder .cancel{grid-area:cancel;align-self:center;justify-self:start}.recorder .setting{grid-area:setting;align-self:center;justify-self:center}@media (min-width: 40em){.recorder .setting{align-self:end}}.recorder .prompt{grid-area:prompt;align-self:center;justify-self:center;color:#d8d8e2;color:var(--secondaryColor);font-weight:300;font-size:calc(1rem + .5vw);letter-spacing:.05rem}.recorder .timer{color:#eee;color:var(--mainColor);font-weight:100;font-size:2rem}#app{display:grid;justify-items:end;width:100%;height:100vh;height:var(--bodyHeight);max-height:100vh;overflow:hidden}#app>.app-menu-burger{position:absolute;top:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;width:5rem;width:var(--burger-size);height:5rem;height:var(--burger-size);padding:0;background-color:inherit;border-right:none}#app>nav.bar{position:absolute;top:0;bottom:0;left:-100%;z-index:5;display:grid;grid-template-rows:5rem 1fr;width:100%;width:var(--nav-width);height:100%;background-color:#17171e;background-color:var(--mainBgColor);transition:left .1s}@media (min-width: 40em){#app>nav.bar{left:-100%;left:calc(-1 * var(--nav-width));grid-gap:.5rem;grid-template-rows:1fr min-content;padding-top:100%;padding-top:var(--nav-width);background-color:#1c1c26;background-color:var(--navColor);border-right:solid 1px #262633;border-right:solid 1px var(--borderColor)}}#app>main::-webkit-scrollbar-thumb{background-color:transparent}#app>main::-webkit-scrollbar-track{background-color:transparent}#app>main::-webkit-scrollbar-corner{background-color:transparent}#app>main::-webkit-scrollbar{width:0;height:0}#app>main{width:100%;overflow-y:auto;scrollbar-color:transparent transparent;-ms-overflow-style:none;scrollbar-width:none}@media (min-width: 40em){#app>main{transition:width .1s}}#app>nav.bar>.tools,#app>nav.bar>.help{display:grid;grid-auto-rows:min-content;user-select:none}#app>nav.bar>.tools>a,#app>nav.bar>.help>a,#app>nav.bar>.tools>button,#app>nav.bar>.help>button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;overflow:hidden;text-align:center;border-radius:0;transition:color .2s ease-in-out 0s}@media (min-width: 40em){#app>nav.bar>.tools>a,#app>nav.bar>.help>a,#app>nav.bar>.tools>button,#app>nav.bar>.help>button{padding:1rem .25rem;color:rgba(234,234,250,.5);font-weight:300;font-size:.8rem;line-height:1rem;border:none;border-right:solid 2px transparent}}#app>nav.bar>.tools>a:hover,#app>nav.bar>.help>a:hover,#app>nav.bar>.tools>button:hover,#app>nav.bar>.help>button:hover{color:#eee;color:var(--mainColor)}#app>nav.bar>.tools>a.router-link-exact-active,#app>nav.bar>.help>a.router-link-exact-active,#app>nav.bar>.tools>button.router-link-exact-active,#app>nav.bar>.help>button.router-link-exact-active{color:#eaeafa;border:solid 1px rgb(102,93,195);border:solid 1px var(--purpleColor)}@media (min-width: 40em){#app>nav.bar>.tools>a.router-link-exact-active,#app>nav.bar>.help>a.router-link-exact-active,#app>nav.bar>.tools>button.router-link-exact-active,#app>nav.bar>.help>button.router-link-exact-active{background-color:#17171e;background-color:var(--mainBgColor);border:none;border-right:solid 2px rgb(102,93,195);border-right:solid 2px var(--purpleColor)}}#app>nav.bar>.tools>a svg,#app>nav.bar>.help>a svg,#app>nav.bar>.tools>button svg,#app>nav.bar>.help>button svg{margin-bottom:.3rem}#app>nav.bar>.tools::-webkit-scrollbar-thumb{background-color:#665dc3;background-color:var(--purpleColor)}#app>nav.bar>.tools::-webkit-scrollbar-track{background-color:#17171e;background-color:var(--mainBgColor)}#app>nav.bar>.tools::-webkit-scrollbar-corner{background-color:#17171e;background-color:var(--mainBgColor)}#app>nav.bar>.tools::-webkit-scrollbar-thumb{background-color:#665dc3}#app>nav.bar>.tools::-webkit-scrollbar-track{background-color:#17171e}#app>nav.bar>.tools::-webkit-scrollbar-corner{background-color:#17171e}#app>nav.bar>.tools{grid-auto-rows:minmax(auto,9rem);grid-gap:1rem;grid-template-columns:1fr 1fr;padding:1rem;overflow-x:hidden;overflow-y:overlay;scrollbar-color:rgb(102,93,195) #17171e;scrollbar-color:var(--purpleColor) var(--mainBgColor)}#app>nav.bar>.tools::-webkit-scrollbar{width:8px}#app>nav.bar>.tools::-webkit-scrollbar-thumb{background-clip:content-box;border:2px solid transparent;border-radius:5px}@media (min-width: 40em){#app>nav.bar>.tools{grid-auto-rows:min-content;grid-gap:0;grid-template-columns:1fr;padding:0}}#app>nav.bar>.tools>a{background-color:#1c1c26;background-color:var(--navColor)}#app>nav.bar>.help{grid-row:1;grid-template-columns:1fr 1fr;align-self:center;justify-self:end}@media (min-width: 40em){#app>nav.bar>.help{grid-row:-1;grid-template-columns:inherit;align-self:inherit;justify-self:inherit}}#app>nav.bar>.help .t{display:none}@media (min-width: 40em){#app>nav.bar>.help .t{display:inherit}}.locales{position:absolute;top:0;right:0;bottom:0;left:0;z-index:11;display:grid;grid-gap:0;grid-template:". close" 5rem "list list" auto / auto min-content;grid-template:". close" var(--burger-size) "list list" auto / auto min-content;height:100%;background-color:#17171e;background-color:var(--mainBgColor);transition:left .1s}@media (min-width: 40em){.locales{z-index:9}}.locales .close{display:flex;grid-area:close;justify-content:center;justify-self:end;width:5rem;width:var(--burger-size)}.locales .locale-list{display:grid;grid-area:list;grid-gap:.5rem;grid-template-columns:1fr 1fr;overflow-y:auto;border-top:solid 1px #262633;border-top:solid 1px var(--borderColor)}@media (min-width: 40em){.locales .locale-list{grid-auto-rows:minmax(5rem,10rem);grid-gap:.5rem 5rem;grid-template-columns:repeat(4,minmax(5rem,10rem));align-content:start;justify-content:center;border-top:none}}.locales .locale-list>a{display:flex;flex-direction:column;align-items:center;justify-content:center;font-feature-settings:"smcp","c2sc";font-variant:all-small-caps}body.with-menu #app>nav.bar{left:0}@media (min-width: 40em){body.with-menu #app>main{width:0%;width:calc(100% - var(--nav-width))}body.with-menu #app>.locales{left:100%;left:var(--nav-width)}}*,*:after,*:before{box-sizing:border-box}html{font-family:Source Sans Pro,sans-serif}body{width:100%;height:100vh;height:var(--bodyHeight);overflow:hidden;color:#eee;color:var(--mainColor);line-height:1.5;background-color:#17171e;background-color:var(--mainBgColor)}h1,h2,h3{margin:.5rem 0}h1{font-size:calc(2rem + 1vw)}h2{font-weight:500;font-size:calc(1.3rem + 1vw)}p,div.p,h3{margin:1em 0;color:#d8d8e2;color:var(--secondaryColor);font-weight:300;font-size:calc(1rem + .5vw);letter-spacing:.05rem}a{color:#eee;color:var(--mainColor);-webkit-text-decoration:none;text-decoration:none;cursor:pointer}a:hover,a:focus{color:#d8d8e2;color:var(--secondaryColor)}canvas{display:block}hr{height:1px;margin:1rem 0;background:#262633;background:var(--borderColor);border:none}img{user-select:none}::selection{background:rgba(102,93,195,.8);background:rgb(var(--purpleColorRGB) / 80%)}.hr-header{display:flex;flex-direction:row}.hr-header:before,.hr-header:after{flex:1 1;margin:auto;color:#262633;color:var(--borderColor);border-bottom:1px solid;content:""}.hr-header:before{margin-right:10px}.hr-header:after{margin-left:10px}.progress-bar-ring circle[data-v-634adcc4]{transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .35s;fill:transparent;stroke:var(--purpleColor)}.progress-bar-ring circle.bg[data-v-634adcc4]{stroke:var(--borderColor)}.progress-bar-ring text[data-v-634adcc4]{fill:var(--secondaryColor)}[data-v-b0651a9a] .player-waveform{display:grid;grid-gap:2px;grid-template:"track" 1fr "volume" 1fr / minmax(0,1fr);align-items:center}@media (min-width: 40em){[data-v-b0651a9a] .player-waveform{grid-template:"volume track" 1fr "volume track" 1fr / 200px minmax(0,1fr)}}[data-v-b0651a9a] .player-waveform .audio-track{grid-area:track}[data-v-b0651a9a] .player-waveform .audio-track canvas{margin-bottom:2px}[data-v-b0651a9a] .player-waveform .audio-track canvas:first-of-type{border-top-right-radius:4px}[data-v-b0651a9a] .player-waveform .audio-track canvas:last-of-type{margin-bottom:0;border-bottom-right-radius:4px}[data-v-b0651a9a] .player-waveform .volume{display:flex;flex-direction:column;grid-area:volume}[data-v-b0651a9a] .player-waveform .volume .item{display:flex;flex-direction:column;justify-content:space-between;margin-bottom:2px;padding:.5rem 2rem}[data-v-b0651a9a] .player-waveform .volume .item:last-of-type{margin-bottom:0}@media (min-width: 40em){[data-v-b0651a9a] .player-waveform .volume .item{flex-direction:row;align-items:center;height:70px;padding:0 1rem;background-color:#1b1b25}}[data-v-b0651a9a] .player-waveform .volume .item .header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.5rem;font-weight:100;letter-spacing:.05em}@media (min-width: 40em){[data-v-b0651a9a] .player-waveform .volume .item .header{padding-bottom:0}}[data-v-b0651a9a] .player-waveform .volume .item .header .title{color:var(--secondaryColor)}[data-v-b0651a9a] .player-waveform .volume .item .header .value{color:var(--mainColor)}@media (min-width: 40em){[data-v-b0651a9a] .player-waveform .volume .item .header .value{display:none}}@media (min-width: 40em){[data-v-b0651a9a] .player-waveform .input-range{--main-width: 50px;--main-height: 15px;--thumb-radius: 2px;--thumb-height: calc(var(--main-height) * 1.5);--thumb-width: calc(var(--thumb-height) / 2.5);--thumb-color: #fff;--track-height: 15px;--track-color: #34343e;--track-inner-color: #bbb;--track-border-radius: 0}[data-v-b0651a9a] .player-waveform .input-range .track{clip-path:polygon(0% 100%,0% 75%,100% 0%,100% 100%)}}[data-v-b0651a9a] .player-encode{position:relative}[data-v-b0651a9a] .input-range .thumb:before{top:-1.7em!important;background:#34343e!important}.popup[data-v-b0651a9a]{--bg-color: 211 211 223;--border-radius: 4px;position:absolute;right:1rem;bottom:150%;left:1rem;z-index:10;display:grid;grid-gap:.05rem;min-width:180px;background:rgb(211,211,223);background:rgb(var(--bg-color));border-radius:4px;border-radius:var(--border-radius)}@media (min-width: 40em){.popup[data-v-b0651a9a]{right:0;left:none}}.popup a[data-v-b0651a9a]{color:var(--mainBgColor)}.popup button[data-v-b0651a9a]{z-index:2;justify-content:start;padding:.5rem;border-radius:var(--border-radius)}.popup button svg[data-v-b0651a9a]{margin-right:.5em}.popup button span[data-v-b0651a9a]{position:relative}.popup button span[data-v-b0651a9a]:before{position:absolute;top:1.25em;color:#555;font-weight:500;font-size:.7em;font-style:italic;white-space:nowrap;content:attr(data-title)}.popup button[data-v-b0651a9a]:enabled:hover{background:#c9c9d6}[data-v-b0651a9a] .player-effects{justify-content:center;padding:0}@media (min-width: 40em){[data-v-b0651a9a] .player-effects{justify-content:end}}[data-v-b0651a9a] .player-effects .labels{display:grid;grid-auto-flow:column;grid-gap:1rem}[data-v-b0651a9a] .player-effects .labels .item{padding:.3rem 1rem;font-feature-settings:"smcp";font-variant:small-caps;background-color:#1e1e28}[data-v-b0651a9a] .player-effects .labels .item:before{padding-right:1rem;color:rgba(255,255,255,.5);font-weight:300;font-size:.8em;text-transform:uppercase;content:attr(data-title)}.patron[data-v-58a8a39f]{position:absolute;top:.5rem;right:.5rem;height:1.25rem;padding:.1rem .3rem;font-weight:500;font-size:.7rem;letter-spacing:.1rem;text-transform:uppercase;background-color:rgb(var(--purpleColorRGB) / 70%)}.choose-model[data-v-58a8a39f]{position:absolute;top:5.5rem;right:.5rem;z-index:10}@media (min-width: 40em) and (max-width: 63.9375em){.choose-model[data-v-58a8a39f]{top:4rem}}@media (min-width: 64em){.choose-model[data-v-58a8a39f]{top:2.5rem}}.choose-model select[data-v-58a8a39f]{padding:.5rem 1rem;color:#eee;font-weight:500;font-size:.7rem;letter-spacing:.1rem;text-transform:uppercase;background:#1c1c26;border-color:var(--borderColor)}[data-v-5776c847] .player-effects{display:grid;grid-gap:3rem;margin:1rem 0}@media (min-width: 40em){[data-v-5776c847] .player-effects{grid-gap:1rem;justify-self:center;min-width:50%;max-width:fit-content;padding:2rem;background-color:var(--navColor)}}.pitch-box[data-v-5776c847]{display:grid;grid-gap:.5rem 0;grid-template:"title value worker" 2rem "range range range" 1fr / 1fr 1fr 1fr;align-items:center;justify-content:space-between}@media (min-width: 40em){.pitch-box[data-v-5776c847]{grid-gap:.1rem 2rem;grid-template:"title value worker" 1fr "range range worker" 1fr / 1fr 1fr 7rem}.pitch-box.with-checkbox[data-v-5776c847]{grid-template:"title value worker" 1fr "range range worker" 1fr ". . half-steps" 1fr / 1fr 1fr 7rem}}.pitch-box .title[data-v-5776c847]{grid-area:title;color:#9e9fa5;font-size:.85rem;letter-spacing:.1rem;text-transform:uppercase}@media (min-width: 40em){.pitch-box .title[data-v-5776c847]{align-self:end}}.pitch-box .value[data-v-5776c847]{display:flex;flex-direction:row;grid-area:value;justify-self:center}.pitch-box .value .cents[data-v-5776c847]{align-self:end;color:#9e9fa5;font-size:.9rem}@media (min-width: 40em){.pitch-box .value[data-v-5776c847]{align-self:end;justify-self:end}}.pitch-box .half-steps[data-v-5776c847]{display:none;grid-area:half-steps;padding:0}@media (min-width: 40em){.pitch-box.with-checkbox .half-steps[data-v-5776c847]{display:flex}}.pitch-box .worker[data-v-5776c847]{position:relative;display:flex;flex-direction:row;grid-area:worker;align-items:center;justify-content:center;justify-self:end;min-height:1.9rem;padding:.3rem .6rem .3rem 2.5rem;white-space:nowrap;text-align:center;background-color:#1e1e28}.pitch-box .worker[data-v-5776c847]:before{position:absolute;left:.5rem;color:rgba(255,255,255,.5);font-weight:300;font-size:.8em;text-transform:uppercase;content:attr(data-title)}@media (min-width: 40em){.pitch-box .worker[data-v-5776c847]{flex-direction:column;align-self:normal;justify-self:normal;min-height:5rem;padding:.3rem .6rem;background-color:var(--mainBgColor)}.pitch-box .worker[data-v-5776c847]:before{position:absolute;top:.25rem;left:.5rem;color:rgba(255,255,255,.5);font-weight:300;font-size:.8em;text-transform:uppercase;content:attr(data-title)}}.pitch-box .worker.run[data-v-5776c847]{--color: 23, 23, 30;background-image:linear-gradient(45deg,rgb(23,23,30) 25%,transparent 25%,transparent 50%,rgb(23,23,30) 50%,rgb(23,23,30) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgb(var(--color)) 25%,transparent 25%,transparent 50%,rgb(var(--color)) 50%,rgb(var(--color)) 75%,transparent 75%,transparent);background-size:1em 1em;animation:keyframe-stripes 1s linear infinite}@media (min-width: 40em){.pitch-box .worker.run[data-v-5776c847]{--color: 10, 10, 20}}.pitch-box .t1[data-v-5776c847]{min-width:2em}@media (min-width: 40em){.pitch-box .t1[data-v-5776c847]{font-size:1.5rem;line-height:1.2}.pitch-box .t2[data-v-5776c847]{padding-left:0;font-weight:100;font-size:.9rem;line-height:1}}.pitch-box .range[data-v-5776c847]{grid-area:range}@media (min-width: 40em){.pitch-box .range[data-v-5776c847]{align-self:start}}.pitch-box .upcase[data-v-5776c847]{text-transform:uppercase}[data-v-da06829f] .player-action{display:none}@media (min-width: 64em){[data-v-da06829f] .player-action{display:flex}}[data-v-da06829f] .player-waveform{padding:0 1rem}@media (min-width: 64em){[data-v-da06829f] .player-waveform{padding:0}}.btn-group[data-v-da06829f]{display:flex;flex-direction:row;justify-content:center}@media (min-width: 40em){.btn-group[data-v-da06829f]{justify-content:flex-end}}.btn-group[data-v-da06829f] button{margin-left:.5rem;border-radius:4px}@media (min-width: 40em){[data-content][data-v-da06829f]:after{margin-left:.5rem;content:attr(data-content)}}.page-player[data-v-d2eee8df]{grid-template:". cancel" var(--burger-size) "wave wave" min-content "addfile addfile" auto "play play" min-content "line line" min-content "encode encode" min-content / auto var(--burger-size)}@media (min-width: 40em){.page-player[data-v-d2eee8df]{grid-template:". . . cancel" var(--burger-size) "wave wave wave wave" 1fr "addfile addfile addfile addfile" min-content "line line line line" min-content "play action encode encode" min-content / 13rem minmax(0,1fr) 12rem var(--burger-size);padding:0 2rem 1rem}}.page-player[data-v-d2eee8df] .player-effects,.page-player[data-v-d2eee8df] .player-action{display:none}@media (min-width: 40em){.page-player[data-v-d2eee8df] .player-action{display:flex}}.page-player[data-v-d2eee8df] .player-waveform{align-self:start}.page-player .player-addfile[data-v-d2eee8df]{grid-area:addfile}.page-player .player-addfile[data-v-d2eee8df] button.upload{padding:.1rem .7rem}.slick-list[data-v-d2eee8df]{display:grid;width:100%}.slick-list .slick-list-item[data-v-d2eee8df]{display:flex;padding:1rem 0}.audio-track[data-v-d2eee8df]{flex:1}.audio-track canvas[data-v-d2eee8df]{height:120px!important}.audio-track canvas[data-v-d2eee8df]{transition:height .2s linear}.sort-buttons[data-v-d2eee8df]{display:flex;flex-direction:column;justify-content:space-between;width:2.5rem;margin:1rem 0 1rem .5rem}.sort-buttons button[data-v-d2eee8df]{transition:font .3s ease}.sort-buttons button.link[data-v-d2eee8df]{flex:1;margin:1px 0;padding:0 .75rem;background-color:#262633;border-radius:0}.sort-buttons button.up[data-v-d2eee8df]{margin:0;border-top-left-radius:.5rem;border-top-right-radius:.5rem}.sort-buttons button.up[data-v-d2eee8df] svg{transform:rotate(90deg)}.sort-buttons button.down[data-v-d2eee8df]{margin:0;border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.sort-buttons button.down[data-v-d2eee8df] svg{transform:rotate(-90deg)}.muted .audio-track canvas[data-v-d2eee8df]{height:60px!important}.muted .audio-track canvas[data-v-d2eee8df]{filter:grayscale(.9) opacity(.4) brightness(130%)}.muted .audio-track[data-v-d2eee8df] .slider,.muted .audio-track[data-v-d2eee8df] .progress-line,.muted .audio-track[data-v-d2eee8df] .help-line{opacity:0}.muted .audio-track[data-v-d2eee8df] .fades{visibility:hidden}.muted .sort-buttons button[data-v-d2eee8df]{font-size:0;opacity:0}.input-time-container[data-v-d4f1a357]{--bg-color: 38, 38, 51;--button-pad-block: .4rem;--button-pad-inline: 1.5rem;--border-width: 2px;display:flex;flex-direction:row;align-items:center;justify-content:center;box-sizing:content-box;padding:calc(.4rem - 2px) calc(1.5rem - 2px);padding:calc(var(--button-pad-block) - var(--border-width)) calc(var(--button-pad-inline) - var(--border-width));padding-right:1rem;font-size:1rem;line-height:1.4rem;white-space:nowrap;border-color:#262633;border-color:rgb(var(--bg-color));border-style:solid;border-width:2px;border-width:var(--border-width);border-radius:2rem;user-select:none}.input-time-container>*[data-v-d4f1a357]:focus{background:#3a3a4c;outline:none}.input-time-container .inc[data-v-d4f1a357]{padding:0}.input-time-container .inc>svg[data-v-d4f1a357]{transform:rotate(90deg)}.input-time-container .dec>svg[data-v-d4f1a357]{transform:rotate(-90deg)}.input-time-container .spins[data-v-d4f1a357]{display:flex;flex-direction:column;margin-left:.7rem}.input-time-container .spins>button[data-v-d4f1a357]{padding:0;background-color:transparent}.input-time-container .spins>button>svg[data-v-d4f1a357]{min-height:inherit}.bpm-page[data-v-ef923019]{display:grid;grid-gap:1rem 0;grid-template:". . cancel" var(--burger-size) "content content content" auto "line line line" min-content "addfile export export" min-content / min-content auto var(--burger-size)}.bpm-page>.bpm-cancel[data-v-ef923019]{grid-area:cancel;align-self:center;justify-self:center}.bpm-page>.bpm-content[data-v-ef923019]{grid-area:content;align-self:start;max-height:100%;padding:0 2rem;overflow-y:auto}.bpm-page>.bpm-line[data-v-ef923019]{grid-area:line;border-top:solid 1px var(--borderColor)}.bpm-page>.bpm-addfile[data-v-ef923019]{grid-area:addfile;padding:1rem 2rem}.bpm-page>.bpm-export[data-v-ef923019]{grid-area:export;justify-self:end;padding:1rem 2rem}.bpm-content>table[data-v-ef923019]{position:relative;width:100%;max-width:100%;color:var(--secondaryColor);font-weight:300;table-layout:fixed;border-collapse:collapse}@media (max-width: 39.9375em){.bpm-content>table[data-v-ef923019]{display:block}.bpm-content>table thead[data-v-ef923019]{display:none}.bpm-content>table tbody[data-v-ef923019]{display:block}}.bpm-content>table tr[data-v-ef923019]{background:#1f1f28}@media (max-width: 39.9375em){.bpm-content>table tr[data-v-ef923019]{display:block;margin:1rem 0;padding:.9rem 1.5rem;border:solid 1px var(--borderColor)}}.bpm-content>table tr.process[data-v-ef923019]{position:relative;z-index:1;background-image:linear-gradient(45deg,rgba(23,23,30,.75) 25%,transparent 25%,transparent 50%,rgba(23,23,30,.75) 50%,rgba(23,23,30,.75) 75%,transparent 75%,transparent);background-size:1rem 1rem;animation:keyframe-stripes 1s linear infinite}.bpm-content>table tr.process td[data-v-ef923019]:last-child:after{position:absolute;right:.5em;bottom:.2em;color:rgba(255,255,255,.5);font-weight:300;font-size:.8em;content:attr(data-title)}.bpm-content>table th[data-v-ef923019]{position:sticky;top:0;z-index:2;font-weight:500;text-transform:capitalize;background:var(--purpleColor)}.bpm-content>table th[data-v-ef923019],.bpm-content>table td[data-v-ef923019]{min-width:5em;height:3.9rem;padding:.75em 1em;overflow:hidden;white-space:nowrap;text-align:center;text-overflow:ellipsis;border-color:var(--mainBgColor);border-style:solid;border-width:0 2px 2px}@media (max-width: 39.9375em){.bpm-content>table th[data-v-ef923019],.bpm-content>table td[data-v-ef923019]{height:auto;padding:0;text-align:left;border:none}}.bpm-content>table th[data-v-ef923019]:nth-last-child(-n + 3),.bpm-content>table td[data-v-ef923019]:nth-last-child(-n + 3){width:max(10em,15vw)}@media (max-width: 39.9375em){.bpm-content>table th[data-v-ef923019]:nth-last-child(-n + 3),.bpm-content>table td[data-v-ef923019]:nth-last-child(-n + 3){width:auto}}.bpm-content>table td.filename[data-v-ef923019]{text-align:left}@media (max-width: 39.9375em){.bpm-content>table td.filename[data-v-ef923019]{display:block;max-width:100%;color:rgba(255,255,255,.5);font-size:.9rem}}@media (max-width: 39.9375em){.bpm-content>table td.tag[data-v-ef923019]{display:block;max-width:100%;color:rgba(255,255,255,.5);font-size:.9rem}}@media (max-width: 39.9375em){.bpm-content>table .label[data-v-ef923019]{margin-top:.75em;margin-right:.3rem;padding:.3rem 1rem;font-feature-settings:"smcp";font-variant:small-caps;background-color:var(--mainBgColor)}.bpm-content>table .label[data-v-ef923019]:before{padding-right:1rem;color:rgba(255,255,255,.5);font-weight:300;font-size:.8em;text-transform:uppercase;content:attr(data-title)}}[data-v-4e3df9fc] .key{--padding: .25rem;display:inline-flex;padding-top:.25rem;padding-bottom:.25rem;padding-top:var(--padding);padding-bottom:var(--padding);padding-left:.5rem;padding-right:.5rem;font-size:calc(.75rem + .5vw);font-size:calc(1rem + .5vw - var(--padding));line-height:1em;border:solid 1px var(--purpleColor);border-radius:4px}.tap-value[data-v-4e3df9fc]{min-width:90%;margin:2rem 0;padding:1rem;background-color:#1f1f29;user-select:none}@media (min-width: 40em) and (max-width: 63.9375em){.tap-value[data-v-4e3df9fc]{min-width:70%}}@media (min-width: 64em){.tap-value[data-v-4e3df9fc]{min-width:50%}}.tap-value>.value[data-v-4e3df9fc]{font-weight:100;font-size:5rem}.tap-value>.title[data-v-4e3df9fc]{color:rgba(255,255,255,.5);font-size:.8rem;text-transform:uppercase;background-color:#1f1f29}.tap-dots[data-v-4e3df9fc]{display:flex;flex-wrap:wrap;justify-content:center}.tap-dots>div[data-v-4e3df9fc]{width:10px;height:10px;margin:.5rem;background-color:#1f1f29;border-radius:50%}.tap-dots>div.a[data-v-4e3df9fc]{background-color:var(--redColor)}.next-version[data-v-d335a5bf]{position:absolute;top:0;right:0;left:5rem;padding:.5rem .3rem;font-weight:500;font-size:.9rem;letter-spacing:.05rem;background-color:rgb(var(--purpleColorRGB) / 70%)}.next-version a[data-v-d335a5bf]{display:inline;padding:0;font-size:.9rem;text-transform:none;-webkit-text-decoration:underline;text-decoration:underline}.microphone-settings-page[data-v-0c24c1cc]{display:grid;grid-gap:1rem 0;grid-template:". cancel" var(--burger-size) "content content" auto / 1fr var(--burger-size)}.microphone-settings-page .settings-cancel[data-v-0c24c1cc]{grid-area:cancel;align-self:center;justify-self:center}.microphone-settings-page .settings-content[data-v-0c24c1cc]{display:grid;grid-area:content;grid-gap:1rem;grid-template-rows:5rem min-content auto;align-self:center;justify-self:center;min-height:70%;padding:2rem}@media (min-width: 40em){.microphone-settings-page .settings-content[data-v-0c24c1cc]{min-width:30rem}}.microphone-settings-page .settings-content>*[data-v-0c24c1cc]:first-child{align-self:center;justify-self:center}.mic-status[data-v-0c24c1cc]{margin-left:1rem;color:var(--purpleColor);font-weight:300;font-size:.8rem}.mic-settings[data-v-0c24c1cc]{display:grid;grid-gap:1rem;justify-items:start;margin-top:1rem;font-size:1.25rem}.mic-settings button[data-v-0c24c1cc]{font-size:1em}.t2[data-v-0c24c1cc]{display:flex;flex-direction:column;padding-bottom:2rem}.t2 .a[data-v-0c24c1cc]{color:var(--greenColor)}.t2[data-v-0c24c1cc] .input-select-container>button{font-size:1.5rem}.page.centered[data-v-a650e687]{padding:0}@media (min-width: 40em){.page.centered[data-v-a650e687]{padding:0 5rem}}.fx[data-v-c389ee5c]{min-width:18rem!important}.labels[data-v-c389ee5c]{flex:1}.labels>*[data-v-c389ee5c]{flex:2}.labels>*[data-v-c389ee5c]:first-child,.labels>*[data-v-c389ee5c]:last-child{flex:1}.checkbox[data-v-0dc76e5a]{display:flex;flex-direction:row;font-weight:300}.checkbox[data-v-0dc76e5a]:after{margin-left:.5em;overflow-x:hidden;font-size:.9em;text-overflow:ellipsis;content:attr(aria-label)}button.main[data-v-c9c9c4b6]{width:100%;text-align:left}button.main>.text[data-v-c9c9c4b6]{flex:1}.dot[data-v-c9c9c4b6]{position:relative;width:10px;height:10px;margin-right:.5rem;background-color:#00ff8e;border-radius:50%}.dot[data-v-c9c9c4b6]:before{position:absolute;top:1px;left:1px;width:8px;height:8px;border:solid 2px #17171e;border-radius:50%;content:""}button.outline .label[data-v-17c94321]{padding-right:.5rem;font-weight:300}button.outline .title[data-v-17c94321]{color:var(--greenColor)}.encode-modal[data-v-17c94321]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;grid-gap:1rem;grid-template:". cancel" min-content "main main" 1fr "status status" min-content / 1fr min-content;align-items:center;justify-items:center;padding:1rem;text-align:center;background:var(--mainBgColor)}.encode-modal .cancel[data-v-17c94321]{grid-area:cancel}.encode-modal .main[data-v-17c94321]{grid-area:main;width:50%}.encode-modal .status[data-v-17c94321]{grid-area:status}.input-range[data-v-d4d4449c]{--main-width: 150px;--main-height: 15px;--track-height: 5px;--track-color: #34323e;--track-inner-color: var(--purpleColor);--track-border-radius: 4px;--thumb-radius: 50%;--thumb-height: calc(var(--track-height) * 3);--thumb-width: var(--thumb-height);--thumb-color: var(--mainColor);position:relative;min-width:150px;min-width:var(--main-width);height:15px;height:var(--main-height);min-height:15px;min-height:var(--main-height)}.input-range .track[data-v-d4d4449c],.input-range .thumb[data-v-d4d4449c]{position:absolute}.input-range .track[data-v-d4d4449c]{top:calc((var(--main-height) - var(--track-height)) / 2);width:100%;height:var(--track-height);background-color:var(--track-color);border-radius:var(--track-border-radius)}.input-range .track .inner[data-v-d4d4449c]{position:relative;height:100%;background-color:var(--track-inner-color);transition-duration:.1s;transition-property:left,width,height}.input-range .track .inner.active[data-v-d4d4449c]{transition-duration:0ms!important}.input-range .thumb[data-v-d4d4449c]{top:calc((var(--main-height) - var(--thumb-height)) / 2);width:var(--thumb-width);height:var(--thumb-height);margin-left:calc(-1 * var(--thumb-width) / 2);background-color:var(--thumb-color);border-radius:var(--thumb-radius);cursor:pointer;transition-duration:.1s;transition-property:left,bottom}.input-range .thumb.active[data-v-d4d4449c]{transition-duration:0ms!important}.input-range .thumb[data-v-d4d4449c]:active,.input-range .thumb[data-v-d4d4449c]:focus{outline:none!important}.input-range .thumb[data-v-d4d4449c]:active,.input-range .thumb[data-v-d4d4449c]:focus{box-shadow:0 0 1px 2px rgba(52,152,219,.66)}.input-range .thumb[data-v-d4d4449c]:before{display:none}.input-range .thumb[data-v-d4d4449c]:active:before,.input-range .thumb[data-v-d4d4449c]:focus:before{position:absolute;display:block;padding:0 .3rem;color:var(--mainColor);font-size:.75rem;line-height:1rem;white-space:nowrap;background-color:var(--purpleColor);border-radius:2px;content:attr(data-title)}.input-range:not(.vertical) .thumb[data-v-d4d4449c]:before{top:1.2rem;transform:translate(calc(var(--thumb-width) / 2 - 50%))}.input-range.vertical .thumb[data-v-d4d4449c]:before{right:1.2rem}.input-range.vertical[data-v-d4d4449c]{--main-width: 15px;--main-height: 80px;--track-width: 5px;--thumb-height: calc(var(--track-width) * 3);--thumb-width: var(--thumb-height);width:15px;width:var(--main-width)}.input-range.vertical .track[data-v-d4d4449c]{top:0;left:calc((var(--main-width) - var(--track-width)) / 2);width:var(--track-width);height:100%}.input-range.vertical .track .inner[data-v-d4d4449c]{position:absolute;bottom:0;width:100%}.input-range.vertical .thumb[data-v-d4d4449c]{top:inherit;left:calc((var(--main-width) - var(--thumb-width)) / 2);margin-bottom:calc(-1 * var(--thumb-width) / 2);margin-left:0}.audio-track[data-v-04c9b4b1]{--thumb-width: 10px;position:relative;margin:1rem;user-select:none}.audio-track[data-v-04c9b4b1]:before{position:absolute;top:-1.5em;right:0;color:rgba(255,255,255,.5);font-weight:300;font-size:.8em;font-style:italic;white-space:nowrap;content:attr(data-title)}.audio-track.no-thumbs[data-v-04c9b4b1]{margin:1rem 0}.audio-track .item[data-v-04c9b4b1]:not(:last-child){margin-bottom:2px}.progress-line[data-v-04c9b4b1],.help-line[data-v-04c9b4b1]{position:absolute;top:0;left:0;z-index:3;width:1px;height:100%;background-color:#fff;border:none}.progress-line[data-v-04c9b4b1]:after,.help-line[data-v-04c9b4b1]:after{position:absolute;top:-1.8rem;left:50%;padding:.2rem 1rem;color:#fff;font-weight:500;font-size:.8rem;white-space:nowrap;background-color:#262632;border-radius:1rem;transform:translate(-50%);content:attr(data-content)}.help-line[data-v-04c9b4b1]{z-index:2;visibility:hidden;opacity:.5}.slider[data-v-04c9b4b1]{position:absolute;z-index:3;box-sizing:border-box;width:100%;height:100%;color:#999;font-weight:100;font-size:.75em}.slider .thumb-left[data-v-04c9b4b1],.slider .thumb-right[data-v-04c9b4b1]{position:absolute;top:0;bottom:0;height:100%;padding:0;cursor:ew-resize;pointer-events:inherit}.slider .thumb-left .inner[data-v-04c9b4b1],.slider .thumb-right .inner[data-v-04c9b4b1]{position:relative;width:var(--thumb-width);height:100%;background-color:#6be0c5;pointer-events:none}.slider .thumb-left .inner[data-v-04c9b4b1]:before,.slider .thumb-right .inner[data-v-04c9b4b1]:before{position:absolute;top:50%;left:50%;color:#000;font-weight:500;line-height:.6em;transform:translate(-50%,-50%);content:"•\a•\a•"}.slider .thumb-left .inner[data-v-04c9b4b1]:after,.slider .thumb-right .inner[data-v-04c9b4b1]:after{position:absolute;bottom:-1.7em;left:50%;white-space:nowrap;transform:translate(-50%);transition:left .1s linear,transform .1s linear;content:attr(data-content)}.slider .thumb-left:hover .inner[data-v-04c9b4b1]:before,.slider .thumb-right:hover .inner[data-v-04c9b4b1]:before,.slider .thumb-left.active .inner[data-v-04c9b4b1]:before,.slider .thumb-right.active .inner[data-v-04c9b4b1]:before{color:#fff}.slider .thumb-left[data-v-04c9b4b1]{left:calc(-1 * var(--thumb-width))}.slider .thumb-right[data-v-04c9b4b1]{right:calc(-1 * var(--thumb-width))}.slider .thumb-left .inner[data-v-04c9b4b1]{border-top-left-radius:5px;border-bottom-left-radius:5px}.slider .thumb-right .inner[data-v-04c9b4b1]{border-top-right-radius:5px;border-bottom-right-radius:5px}.slider .duration[data-v-04c9b4b1]{position:absolute;bottom:2px;left:50%;text-align:center;transform:translate(-50%)}.slider .hoverable[data-v-04c9b4b1]{width:100%;height:100%}.fades[data-v-04c9b4b1]{position:absolute;bottom:calc(100% - 2rem);z-index:3}.fades.in[data-v-04c9b4b1]{left:1rem}.fades.out[data-v-04c9b4b1]{right:1rem;display:flex;flex-direction:column;align-items:end}.fades:hover .tooltip[data-v-04c9b4b1],.fades:hover .range[data-v-04c9b4b1]{display:grid;margin-bottom:1rem;color:#9e9fa5;background-color:var(--navColor);border-radius:4px;visibility:visible}.fades .tooltip[data-v-04c9b4b1]{padding:.1rem .5rem;font-size:.85rem;visibility:hidden}.fades .range[data-v-04c9b4b1]{grid-gap:.5rem;padding:1rem;font-size:.85rem;visibility:hidden}.fades .range .title[data-v-04c9b4b1]{display:flex;justify-content:space-between}.fades .range .title[data-v-04c9b4b1] :first-child{letter-spacing:.1rem;text-transform:uppercase}.fades .range .title[data-v-04c9b4b1] :last-child{color:var(--mainColor)}.fades button[data-v-04c9b4b1]{--bg-color: 38 38 51;padding:.2rem .5rem;font-size:1.25rem;border-radius:4px}.fades button[data-v-04c9b4b1] svg{min-height:auto}.inner[data-v-5409b103]{text-align:center}.inner footer[data-v-5409b103]{display:flex;flex-direction:row;justify-content:center;margin-top:3rem}.modal .inner[data-v-0590ce66]{display:grid;grid-gap:1.5rem;width:100%;padding:5vw;color:#999}@media (min-width: 40em) and (max-width: 63.9375em){.modal .inner[data-v-0590ce66]{width:70%;min-width:35rem}}@media (min-width: 64em){.modal .inner[data-v-0590ce66]{width:50%;min-width:35rem}}.hr-header[data-v-0590ce66]{font-weight:300;text-transform:uppercase}.form[data-v-0590ce66]{background:var(--navColor);border-radius:.5rem}.form .buttons[data-v-0590ce66]{display:flex;flex-direction:row-reverse}.form .buttons button[data-v-0590ce66]{min-width:4rem}.form input[type=text][data-v-0590ce66],.form textarea[data-v-0590ce66]{padding:1rem;color:var(--mainColor);background:var(--mainBgColor);border:none}.form input[type=text][data-v-0590ce66]:focus-visible,.form textarea[data-v-0590ce66]:focus-visible{border-radius:3px;outline:2px solid var(--borderColor)}.form textarea[data-v-0590ce66]{height:10rem}.omniauth .buttons[data-v-0590ce66]{display:flex;flex-direction:column;margin-bottom:0}.omniauth .buttons>button[data-v-0590ce66]{justify-content:start;margin-bottom:1px;padding:1rem;font-size:1.25rem;border-radius:0}.omniauth .buttons>button>svg[data-v-0590ce66]{margin-right:1.5rem}.omniauth .subtitle[data-v-0590ce66]{padding-bottom:.2rem;color:#999;font-size:.8rem}.omniauth .input[data-v-0590ce66]{display:flex}.omniauth .input button[data-v-0590ce66]{border-radius:0;transform:rotate(180deg)}.omniauth .input input[data-v-0590ce66]{width:100%;padding:1rem;color:#333;font-size:1.25rem;background:#eee;border-color:transparent}.support-page[data-v-74c50f07]{display:grid;grid-template-rows:var(--burger-size) auto min-content}.support-page .wrapper[data-v-74c50f07]{position:absolute;top:0;right:0;left:0;display:grid;grid-gap:1rem;grid-template-columns:min-content min-content;align-items:center;justify-content:end;height:var(--burger-size);margin-right:1rem;background-color:var(--mainBgColor)}.support-page .wrapper button.translate[data-v-74c50f07]{display:none}@media (min-width: 40em){.support-page .wrapper button.translate[data-v-74c50f07]{display:grid}}.support-page .wrapper svg[data-v-74c50f07]{margin-right:.25rem}.support-page .load-more svg[data-v-74c50f07]{transform:rotate(-90deg)}ul.reviews[data-v-74c50f07]{display:grid;grid-gap:0;grid-template-columns:1fr;align-content:start;margin:0 1rem;padding:0;list-style-type:none}@media (min-width: 40em) and (max-width: 63.9375em){ul.reviews[data-v-74c50f07]{margin:0 3rem}}@media (min-width: 64em){ul.reviews[data-v-74c50f07]{margin:0 5rem}}ul.reviews li[data-v-74c50f07]{display:grid;grid-gap:.2rem 1rem;grid-template:"photo name" min-content "photo date" min-content "message message" auto / min-content 1fr;align-items:center;padding:1.5rem 0;color:var(--secondaryColor);border-bottom:solid 1px #262633}@media (min-width: 40em){ul.reviews li[data-v-74c50f07]{grid-gap:.2rem 1rem;grid-template:"photo name date info " min-content "photo message message message" auto / auto auto auto 1fr;padding:2rem 0}}ul.reviews li[data-v-74c50f07]:last-child{border-bottom:none}ul.reviews li.center[data-v-74c50f07]{display:flex;justify-content:center}ul.reviews li .info[data-v-74c50f07]{display:none;grid-area:info;justify-content:end;color:#615f6b;font-size:.75rem;line-height:1rem}@media (min-width: 40em){ul.reviews li .info[data-v-74c50f07]{display:grid;grid-auto-flow:column;grid-gap:0 .5rem}}ul.reviews li .photo[data-v-74c50f07]{grid-area:photo;align-self:start;width:50px;height:50px;padding:0;background-color:#262633;border-radius:50%}ul.reviews li .name[data-v-74c50f07]{grid-area:name;align-self:end;color:#009688;font-weight:800;font-size:.9rem;line-height:1rem}ul.reviews li .name.member[data-v-74c50f07]{border-bottom:solid 2px #ffc008}ul.reviews li .date[data-v-74c50f07]{grid-area:date;align-self:start;color:#615f6b;font-size:.75rem;line-height:1rem}@media (min-width: 40em){ul.reviews li .date[data-v-74c50f07]{align-self:end}}ul.reviews li .message[data-v-74c50f07]{grid-area:message;margin-top:.5rem;color:#b7b7b7;font-weight:300}@media (min-width: 40em){ul.reviews li .message[data-v-74c50f07]{margin-top:0}}ul.reviews li .message .response[data-v-74c50f07]{margin-top:1rem;padding:1rem;font-size:.99rem;background-color:var(--navColor);border-radius:.5rem}ul.reviews li .message .response[data-v-74c50f07]:after{position:absolute;bottom:100%;left:1.5rem;border-top:none;border-right:10px solid transparent;border-bottom:10px solid var(--navColor);border-left:10px solid transparent;content:" "}ul.reviews li .message .response .h[data-v-74c50f07]{color:var(--purpleColor);font-weight:800;font-size:.9rem;line-height:1.5rem}ul.reviews li .message .response textarea[data-v-74c50f07]{width:100%;height:5rem;padding:0;color:var(--mainColor);color:#b7b7b7;font-weight:300;background:var(--navColor);border-color:transparent;border-radius:5px}ul.reviews li .message .response textarea[data-v-74c50f07]:focus{outline:none!important}ul.reviews>li.placeholder *[data-v-74c50f07]{background:#212128;background:linear-gradient(to right,rgb(43 43 52 / 50%) 2%,rgb(43 43 52 / 70%) 18%,rgb(43 43 52 / 50%) 33%);background-size:1200px;animation-name:support-placeholder-animate;animation-duration:1.7s;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:forwards}ul.reviews li.placeholder>*[data-v-74c50f07]{color:#212128}ul.reviews li.placeholder>.name[data-v-74c50f07]{min-width:100px;min-height:1rem;background-color:#16776e}html[lang=ar] ul.reviews[data-v-74c50f07],html[lang=he] ul.reviews[data-v-74c50f07]{direction:rtl!important}.no-reviews[data-v-74c50f07]{display:flex;align-items:center;justify-content:center;font-weight:300;font-size:1.5rem}.translation-cancel[data-v-74c50f07]{position:absolute;top:1rem;right:1rem}.author[data-v-74c50f07]{display:flex;flex-direction:row;align-items:center;margin-top:2rem;font-size:1.2rem}.author>img[data-v-74c50f07]{width:40px;height:40px;margin-right:1rem;padding:0;border-radius:50%}.photo-me[data-v-74c50f07]{width:2.8rem;height:2.8rem;padding:.1rem;background-color:#262633;border-radius:50%}.page[data-v-cc784381]{padding:0}.page>h1[data-v-cc784381],.page>h3[data-v-cc784381]{margin:0}.pricing-grid[data-v-cc784381]{display:grid;grid-gap:0;grid-template-areas:". title-free title-month title-annual" "count-label count-free count-month count-annual" "duration-label duration-free duration-month duration-annual" "queue-label queue-free queue-month queue-annual" "size-label size-free size-month size-annual";grid-template-columns:auto 1fr 1fr 1fr;font-size:1.4rem;font-weight:300;min-height:500px;margin-top:3rem;min-width:80%}.pricing-grid>*[data-v-cc784381]{border-top:solid 1px var(--borderColor);padding:2rem}.pricing-grid>[class*=title][data-v-cc784381]{border-top:none;display:grid}.pricing-grid>[class*=month][data-v-cc784381]{background-color:var(--purpleColor);border-top:none}.pricing-grid>.title-free[data-v-cc784381]{grid-area:title-free}.pricing-grid>.title-month[data-v-cc784381]{grid-area:title-month}.pricing-grid>.title-annual[data-v-cc784381]{grid-area:title-annual}.pricing-grid>.count-label[data-v-cc784381]{grid-area:count-label}.pricing-grid>.count-free[data-v-cc784381]{grid-area:count-free}.pricing-grid>.count-month[data-v-cc784381]{grid-area:count-month;font-size:3rem;line-height:1.4rem}.pricing-grid>.count-annual[data-v-cc784381]{grid-area:count-annual;font-size:3rem;line-height:1.4rem}.pricing-grid>[class*=duration][data-v-cc784381]:after{content:attr(data-title);display:block;font-size:.7rem;line-height:100%;color:#848484;font-weight:300;letter-spacing:.05rem;text-transform:uppercase}.pricing-grid>.duration-label[data-v-cc784381]{grid-area:duration-label}.pricing-grid>.duration-free[data-v-cc784381]{grid-area:duration-free}.pricing-grid>.duration-month[data-v-cc784381]{grid-area:duration-month}.pricing-grid>.duration-month[data-v-cc784381]:after{color:#aaa}.pricing-grid>.duration-annual[data-v-cc784381]{grid-area:duration-annual}.pricing-grid>.size-label[data-v-cc784381]{grid-area:size-label}.pricing-grid>.size-free[data-v-cc784381]{grid-area:size-free}.pricing-grid>.size-month[data-v-cc784381]{grid-area:size-month}.pricing-grid>.size-annual[data-v-cc784381]{grid-area:size-annual}.pricing-grid>.queue-label[data-v-cc784381]{grid-area:queue-label}.pricing-grid>.queue-free[data-v-cc784381]{grid-area:queue-free}.pricing-grid>.queue-month[data-v-cc784381]{grid-area:queue-month}.pricing-grid>.queue-annual[data-v-cc784381]{grid-area:queue-annual}.pricing-grid .amount[data-v-cc784381]{font-weight:400;font-size:2.5rem;margin-bottom:1rem;font-family:Lato,Helvetica Neue,HelveticaNeue,Helvetica,Arial,sans-serif}.pricing-grid button[data-v-cc784381]{border-radius:0}.signin-title[data-v-cc784381]{display:flex;font-size:.9rem;letter-spacing:.005rem;color:rgba(234,234,250,.5);font-weight:100;margin-top:3rem}.signin-title[data-v-cc784381] button.link{padding:0 .25rem;font-size:.9rem;font-weight:100;line-height:1rem}.checkout-modal__overlay{align-items:center!important;background:var(--mainBgColor)!important}.page-membership[data-v-3935efee]{display:grid;grid-template-rows:4fr min-content min-content 3fr min-content min-content 1fr;align-content:center;justify-items:center;height:100%;text-align:center}.page-membership h1[data-v-3935efee]{padding:0 1rem;background:#655dc3}.page-membership .expire-title[data-v-3935efee]{color:rgba(255,255,255,.5);font-weight:300}.page-membership .current-user[data-v-3935efee]{display:flex;align-items:center;padding:.75rem 2rem .75rem 1.25rem;color:rgba(234,234,250,.7);font-weight:300;background:var(--navColor);border-radius:9rem}.page-membership .current-user img[data-v-3935efee]{width:2rem;height:2rem;margin-right:1rem;border-radius:50%}.page-main-loading[data-v-e40a7a46]{margin-top:50vh;text-align:center}.nobutton[data-v-cef2dd87]{position:absolute;top:0;left:-120%}.modal .inner[data-v-cef2dd87]{display:grid;grid-gap:1.5rem;width:100%;padding:5vw}@media (min-width: 40em) and (max-width: 63.9375em){.modal .inner[data-v-cef2dd87]{width:70%;min-width:35rem}}@media (min-width: 64em){.modal .inner[data-v-cef2dd87]{width:50%;min-width:35rem}}.modal .inner.centered[data-v-cef2dd87]{grid-gap:0;text-align:center}.hr-header[data-v-cef2dd87]{font-weight:300;text-transform:uppercase}.omniauth[data-v-cef2dd87]{color:#999}.omniauth .buttons[data-v-cef2dd87]{display:flex;flex-direction:column;margin-bottom:0}.omniauth .buttons>button[data-v-cef2dd87]{justify-content:start;margin-bottom:1px;padding:1rem;font-size:1.25rem;border-radius:0}.omniauth .buttons>button>svg[data-v-cef2dd87]{margin-right:1.5rem}.omniauth .subtitle[data-v-cef2dd87]{padding-bottom:.2rem;color:#999;font-size:.8rem}.omniauth .subtitle .alert[data-v-cef2dd87]{color:var(--redColor)}.omniauth .input[data-v-cef2dd87]{display:flex}.omniauth .input button[data-v-cef2dd87]{border-radius:0;transform:rotate(180deg)}.omniauth .input input[data-v-cef2dd87]{width:100%;padding:1rem;color:#333;font-size:1.25rem;background:#eee;border-color:transparent}