*,html{box-sizing:border-box}body{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#root{margin:0 auto;text-align:center}.app{display:flex;flex-direction:column}.section{display:flex;margin:5px}.grow{flex-grow:1}.full-width{width:100%}.center{justify-content:center;align-items:center}.between{justify-content:space-between;align-items:center}.container{border:1px solid;border-radius:20px;padding:15px}.small-container{border:1px solid;border-radius:15px;padding:5px 20px}.no-border{border:none}.margin-top-bottom{margin-top:15px;margin-bottom:15px}.gap{gap:10px}.large-gap{gap:50px}.flex-row{display:flex;width:100%}.flex-column{display:flex;flex-direction:column;align-items:center}.logo{font-size:1.6rem;font-weight:700}._wrapper_pihjk_1{display:flex;flex-direction:column;width:50px;position:relative;margin-bottom:15px;margin-right:25px}._wrapper_pihjk_1 span{font-size:.8rem;color:#fff;text-align:center}._container_pihjk_16{width:47px;height:47px}._circle_pihjk_21{border:2px solid white;border-radius:100%;width:100%;height:100%;display:flex;align-items:center;justify-items:center;transform:rotate(-45deg)}._mark_pihjk_32{width:30%;height:5px;background-color:var(--fill)}._wrapper_yrk8s_1{position:absolute;top:0;right:-23px;background-color:var(--white);width:6px;border:1px solid;height:100%;overflow:hidden;border-radius:5px}._bar_yrk8s_13{background-color:var(--fill);position:absolute;height:100%;width:9px;top:100%}._wrapper_1hmub_1{display:flex;align-items:center;justify-content:center;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}._wrapper_1ofmi_1{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;right:-40px;top:50%;transform:translateY(-50%)}._wrapper_1ofmi_1 svg{cursor:pointer}._wrapper_yqh8h_1{padding:10px;border-radius:20px;border:1px solid;position:relative}._keyboard_yqh8h_8{display:flex}._key_yqh8h_8{margin:5px;width:55px;height:100px;border:3px solid;border-radius:20px;cursor:pointer;background-color:#242424;transition:background-color .3s;display:flex;justify-content:center;align-items:flex-end;padding:5px}._active_yqh8h_27{background-color:var(--fill)}._blackRow_yqh8h_31{margin-left:30px;position:relative;top:40px}._space_yqh8h_37{border:none;cursor:default;background-color:transparent}._toolbar_yqh8h_43{width:100%;margin-bottom:-40px;display:flex;justify-content:space-between}._toolbar_yqh8h_43 div{display:flex;gap:10px}._wrapper_11ojl_1{display:flex;flex-direction:column;color:var(--white)}._wrapper_11ojl_1 button{background-color:transparent;border:none;cursor:pointer;color:var(--white)}._controls_11ojl_14{display:flex;justify-content:center;gap:17px;position:relative}._controls_11ojl_14 span{top:40%;height:100%;display:flex;align-items:center;justify-content:center;transform:translateY(-50%);position:absolute}._wrapper_17r41_1{display:flex;flex-direction:column;align-items:center}._wrapper_17r41_1 ._toggle_17r41_7{border:2px solid;width:30px;height:30px;border-radius:5px;cursor:pointer;transition:background-color .3s}._active_17r41_16{border:1px solid red;background-color:var(--fill)}._wrapper_zpxg2_1{padding:5px}._controlls_zpxg2_5{display:flex;justify-content:space-between;gap:45px;align-items:center;width:100%;padding:15px 20px 15px 15px}._top_zpxg2_15{display:flex;justify-content:space-between;align-items:center;width:100%}._wrapper_17xch_1{margin-top:10px;height:100px;position:relative;display:flex;justify-content:center}._mark_17xch_9{width:75%;height:4px;top:50%;background-color:var(--fill);position:absolute;border-radius:5px}._line_17xch_18{width:5px;height:100%;background-color:var(--white);top:0;left:50%;transform:translate(-50%);border-radius:5px;border:1px solid;position:absolute}._wrapper_17xch_1 span{position:absolute;bottom:-30px;left:50%;transform:translate(-50%)}._wrapper_1gpjo_1{border:1px solid var(--white);border-radius:20px;height:100%;padding:20px}._canvasContainer_1gpjo_8{margin:5px;position:relative;width:100%;height:125px;background-color:#333;border-radius:10px;overflow:hidden}._wrapper_1gpjo_1 canvas{position:absolute;top:0;left:0;width:100%;height:100%}._record_1gpjo_26{background-color:var(--background-light);border-bottom-right-radius:10px;position:absolute;top:0;left:0;width:60px;height:40px;display:flex;justify-content:center;align-items:center;z-index:1;opacity:.8}._record_1gpjo_26 button{background-color:var(--fill);color:#fff;border:none;border-radius:100%;padding:10px;cursor:pointer;z-index:1}._thumbnailContainer_1gpjo_51{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:10px;margin-bottom:10px;width:100%}._thumbnail_1gpjo_51{flex-grow:1;height:50px;border:1px solid var(--white);border-radius:10px;cursor:pointer}._selected_1gpjo_67{border:1px solid var(--fill)}._thumbnail_1gpjo_51 canvas{display:block;width:100%;height:100%}._wrapper_smamg_1{width:100%;max-width:700px;display:flex;justify-content:space-around;align-items:center;margin-top:20px}._wrapper_1n7gl_1{height:30px;width:200px;display:flex;justify-content:center;align-items:center;gap:10px;font-weight:700}._wrapper_1n7gl_1 canvas{height:100%;width:100%}._wrapper_1n7gl_1 span{font-size:1rem;color:var(--text-color)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--white);background-color:var(--background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--fill: #ffa0aa;--white: #ffebeb;--background: #242424;--background-light: #2f2f2f}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:100vw;min-height:100vh}h1{font-size:3.2em;line-height:1.1}