@import url(https://fonts.googleapis.com/css2?family=Roboto&family=Roboto:wght@400;500;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif;margin:0}code{font-family:monospace}:root{--header-background:#191919;--header-border:1px solid hsla(0,0%,100%,.2);--header-box-shadow:0 4px 16px 0 rgba(0,0,0,.6);--page-background:#131313;--app-name:#000;--option-name:hsla(0,0%,100%,.4);--option-box-border:hsla(0,0%,100%,.1);--input-value:#848484;--footer-text:#989898}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.1);background-color:var(--option-box-border)}body{background-color:#131313;background-color:var(--page-background)}.background-color-1{background:linear-gradient(270deg,#514a9d,#24c6dc)}.background-color-2{background:linear-gradient(90deg,#d7dde8,#757f9a)}.background-color-3{background:linear-gradient(90deg,#93f9b9,#1d976c)}.background-color-4{background:linear-gradient(354deg,#ff75b5,#ffb86c)}.background-color-5{background:linear-gradient(270deg,#fc6767,#ec008c)}.background-color-6{background:linear-gradient(337deg,#654ea3,#da98b4)}.background-color-transparent{background-color:#131313;background-image:repeating-linear-gradient(45deg,#565656 25%,transparent 0,transparent 75%,#565656 0,#565656),repeating-linear-gradient(45deg,#565656 25%,#131313 0,#131313 75%,#565656 0,#565656);background-position:0 0,12px 12px;background-size:24px 24px;opacity:1}.circle{border-radius:50px;height:15px;width:15px}.options{background-color:var(--header-background);border:1px solid var(--option-box-border);border-bottom-left-radius:5px;border-bottom-right-radius:5px;color:var(--input-value);font-size:.8em;max-height:250px;overflow-y:auto;padding:0 10px 18px;position:absolute;top:56px;transition-duration:.2s;width:120px;z-index:999}.option{cursor:pointer;padding-top:18px}.option:hover{color:#fff}.select-input{display:flex;flex-direction:column;margin-bottom:20px;margin-right:20px;position:relative}.button{align-items:center;border:none;border-radius:3px;cursor:pointer;display:flex;font-size:.8em;height:31px;justify-content:space-between;margin-left:15px;margin-top:25px;padding:0 15px}.button:first-child{margin-left:0}.button.record{background-color:rgba(255,99,99,.15);color:#ff6363}.button.export{background-color:#3ceb8a;color:#080c09}.button.disabled{cursor:not-allowed}.header-container{display:flex;justify-content:center}.header{align-items:flex-end;background-color:var(--header-background);border:var(--header-border);border-radius:5px;box-shadow:var(--header-box-shadow);display:inline-flex;justify-content:space-between;margin:20px auto auto;padding:20px 25px 5px}.header__part{display:flex;flex-wrap:wrap;height:100%}.app-logo{--size:30px;height:var(--size);margin-right:15px;width:var(--size)}.app-name{font-size:1.2em;font-weight:400}.input-label{color:var(--option-name);font-size:.8em;font-weight:500;margin-bottom:10px}.input-box{align-items:center;background-color:var(--header-background);border:1px solid var(--option-box-border);border-radius:3px;color:var(--input-value);display:flex;font-size:.8em;height:30px;padding:0 10px;width:40px}.buttons{display:flex;margin-bottom:20px}.window{box-shadow:10px 10px 62px 3px rgba(0,0,0,.43);height:100%;overflow:hidden;width:100%}.title-bar{background-color:hsla(0,0%,91%,.06);height:40px;position:relative}.title-text{align-items:center;border-top-left-radius:5px;border-top-right-radius:5px;bottom:0;color:#afafaf;display:flex;font-size:15px;left:80px;margin:0;max-width:calc(100% - 120px);min-width:10px;padding:7px 16px;position:absolute}.title-text span{outline:none;overflow:hidden;white-space:nowrap}.title-text img{height:20px;margin-right:10px;width:20px}.title-buttons{align-items:center;display:flex;justify-content:center;left:10px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.title-button{background-color:#3a3a3a;border-radius:50px;height:10px;margin:0 5px;width:10px}.title-button:first-child{background-color:#ff5656}.title-button:nth-child(2){background-color:#ffbc6a}.title-button:nth-child(3){background-color:#67f772}.editor_wrap{height:calc(100% - 60px);overflow-y:auto;padding:10px}.editor_wrap textarea{outline:none}.background{box-sizing:border-box;height:auto;position:relative;width:400px;z-index:2}.resize-handle-left{left:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.resize-handle-left,.resize-handle-right{background-color:#fff;border-radius:50px;cursor:col-resize;height:10px;position:absolute;top:50%;transition-duration:.3s;width:10px;z-index:10}.resize-handle-right{right:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.resize-handle-bottom{background-color:#fff;border-radius:50px;bottom:0;cursor:row-resize;height:10px;left:50%;position:absolute;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);transition-duration:.3s;width:10px;z-index:10}.resize-handle-bottom:hover,.resize-handle-left:hover,.resize-handle-right:hover{height:15px;width:15px}.fork-button{background-color:var(--header-background);border:var(--header-border);border-radius:5px;color:#d1d1d1;cursor:pointer;font-size:15px;padding:2px 15px 2px 10px;text-decoration:none}.fork-button,footer{align-items:center;display:flex}footer{bottom:0;color:var(--footer-text);flex-wrap:wrap;font-size:.8em;justify-content:center;left:50%;margin:28px 0;position:fixed;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;z-index:1}.logo{height:25px;width:25px}.footer-section{align-items:center;display:flex;height:30px;margin:0 20px}.footer-section p{margin-right:5px}.footer-section a{color:currentColor;text-decoration:none;width:-webkit-max-content;width:max-content}.footer-section>a{margin-right:5px}.center{align-items:center;display:flex;justify-content:center;margin-bottom:150px;margin-top:50px;min-height:58vh}
/*# sourceMappingURL=main.1a02fa5b.css.map*/