.volume-button{align-items:flex-start;display:flex;height:100%;justify-content:center;position:relative;touch-action:none!important;width:100%}.volume-button .knob-wrapper{aspect-ratio:1/1;margin-top:13%;position:relative;width:56%}.volume-button .knob-wrapper .ButtonBg{aspect-ratio:1/1;border-radius:50%;box-sizing:border-box;left:-.6%;position:absolute;top:0;width:100%;z-index:20}.volume-button .knob-wrapper .Icon{aspect-ratio:1/1;height:24%;left:41%;pointer-events:none;position:absolute;top:38%;z-index:20}.play-button-wrapper{align-items:flex-start;display:flex;height:100%;position:relative;width:100%}.layer-info-wrapper{background-color:#262626;border:2px solid #ff0;flex-direction:column;height:100%;justify-content:space-between;left:0;letter-spacing:3px;position:absolute;top:0;z-index:50}.layer-info-wrapper,.layer-info-wrapper .top-box{align-items:center;border-radius:4px;box-sizing:border-box;display:flex;padding:2%;width:100%}.layer-info-wrapper .top-box{height:18%}.layer-info-wrapper .top-box .title{align-items:center;color:#ff0;display:flex;font-family:GilSansMTExtCondensedBold;font-size:28px;justify-content:space-between;overflow:hidden;position:relative;white-space:nowrap;width:100%}.layer-info-wrapper .top-box .icon{height:60%;margin-left:4%}.layer-info-wrapper .details{box-sizing:border-box;font-family:GilSansMTExtCondensedBold;height:66%;margin:0 0 2%;padding:0 2%;width:100%}.layer-info-wrapper .details .item-detail{align-items:center;display:flex;height:14.5%;justify-content:space-between;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap;width:100%}.layer-info-wrapper .details .item-detail .title{color:#eaeaea;font-size:20px;text-overflow:ellipsis}.layer-info-wrapper .details .item-detail .value{color:#d6d6d6;font-size:14px;margin-left:8px;text-overflow:ellipsis}.layer-info-wrapper .actions{align-items:center;display:flex;flex-direction:column;height:15%;justify-content:space-between;width:100%}.layer-info-wrapper .actions button{background-color:#ff0;color:#000;cursor:pointer;font-size:24px}.layer-info-wrapper .actions button,.save-layer-wrapper{border-radius:4px;font-family:GilSansMTExtCondensedBold;height:100%;width:100%}.save-layer-wrapper{background-color:#262626;flex-direction:column;justify-content:space-between;left:0;letter-spacing:3px;padding:4%;position:absolute;top:0;z-index:50}.save-layer-wrapper,.save-layer-wrapper .top-box{align-items:center;box-sizing:border-box;display:flex}.save-layer-wrapper .top-box{color:#eaeaea;font-size:26px;height:70%;justify-content:center;padding:2%;text-align:center;width:100%}.save-layer-wrapper .actions{align-items:center;display:flex;flex-direction:column;height:30%;justify-content:space-between;width:100%}.save-layer-wrapper .actions button{background-color:#0000;border-radius:4px;cursor:pointer;font-family:GilSansMTExtCondensedBold;font-size:28px;height:48%;width:100%;z-index:20}.save-layer-wrapper .actions button.save{background-color:#ff0;color:#000}.save-layer-wrapper .actions button.close{border:1px solid #fff;color:#fff}.delete-layer-wrapper .top-box{font-size:26px}.menu-drawer-component{position:relative}.menu-drawer-component,.menu-drawer-component .action-box{border-radius:4px;box-sizing:border-box;font-family:GilSansMTExtCondensedBold;font-size:20px;height:100%;width:100%}.menu-drawer-component .action-box{align-items:center;background-color:#ff0;cursor:pointer;display:flex;justify-content:space-between;left:0;padding:0 5%;position:absolute;top:0;z-index:20}.menu-drawer-component .action-box img{transform:rotate(0);transition:transform .3s ease-in-out}.menu-drawer-component .drawer-box{align-items:center;background-color:#ff0;border-radius:0 0 4px 4px;display:flex;flex-direction:column;height:130%;left:0;position:absolute;top:0;transform:translateY(-200%);transition:transform .3s ease-in-out;width:100%;z-index:15}.menu-drawer-component .drawer-box .line{border-bottom:2px solid #262626;border-radius:50px;height:2px;width:96%}.menu-drawer-component .drawer-box .items{flex-direction:column;width:100%}.menu-drawer-component .drawer-box .items .item{cursor:pointer;padding:1% 5%}.menu-drawer-component.active .action-box{border-radius:4px 4px 0 0}.menu-drawer-component.active .action-box img{transform:rotate(90deg);transition:transform .3s ease-in-out}.menu-drawer-component.active .drawer-box{transform:translateY(75%)}@keyframes wave1{0%,to{d:path("M7 10L7 24")}50%{d:path("M7 5L7 29")}}@keyframes wave2{0%,to{d:path("M13 1L13 33")}50%{d:path("M13 10L13 24")}}@keyframes wave3{0%,to{d:path("M19 7L19 27")}50%{d:path("M19 0L19 34")}}@keyframes wave4{0%,to{d:path("M25 5L25 29")}50%{d:path("M25 10L25 24")}}@keyframes wave5{0%,to{d:path("M31 10V24")}50%{d:path("M31 5V29")}}@keyframes wave6{0%,to{d:path("M37 14L37 20")}50%{d:path("M37 10L37 24")}}@keyframes wave7{0%,to{d:path("M1 14L1 20")}50%{d:path("M1 5L1 29")}}.wave-icon-component.active #wave1{animation:wave1 3s ease-in-out infinite}.wave-icon-component.active #wave2{animation:wave2 4s ease-in-out infinite}.wave-icon-component.active #wave3{animation:wave3 5s ease-in-out infinite}.wave-icon-component.active #wave4{animation:wave4 6s ease-in-out infinite}.wave-icon-component.active #wave5{animation:wave5 7s ease-in-out infinite}.wave-icon-component.active #wave6{animation:wave6 8s ease-in-out infinite}.wave-icon-component.active #wave7{animation:wave7 9s ease-in-out infinite}.layers-box-component{box-sizing:border-box;height:100%;letter-spacing:3px;overflow:hidden;padding-bottom:3%;padding-top:20%;position:relative;width:100%}.layers-box-component .layers-list-box{display:flex;flex-direction:column;gap:1%;height:100%;justify-content:space-between;width:100%}.layers-box-component .layers-list-box .layer-box{align-items:center;background-color:#3d3d3d;border:1px solid #0000;border-radius:4px;box-sizing:border-box;display:flex;height:20%;padding:4%;position:relative;transition:all .3s ease;-webkit-user-select:none;user-select:none}.layers-box-component .layers-list-box .layer-box .layer-title-box{align-items:center;cursor:grab;display:flex;height:100%;width:100%}.layers-box-component .layers-list-box .layer-box .layer-title-box .title{align-items:center;display:flex;justify-content:space-between;overflow:hidden;position:relative;white-space:nowrap;width:100%}.layers-box-component .layers-list-box .layer-box .layer-title-box .title div{box-sizing:border-box;color:#929292;font-family:GilSansMTExtCondensedBold;font-size:28px}.layers-box-component .layers-list-box .layer-box .layer-title-box .title div.animate{animation:scroll-text 10s linear infinite;display:inline-block}.layers-box-component .layers-list-box .layer-box .layer-title-box .title div.active{color:#ff0}.layers-box-component .layers-list-box .layer-box .layer-title-box .wave-icon{display:block;height:100%;margin-left:2%}.layers-box-component .layers-list-box .layer-box .delete-icon,.layers-box-component .layers-list-box .layer-box .info-icon{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;position:absolute;top:0;width:21%}.layers-box-component .layers-list-box .layer-box .delete-icon{background-color:#fb4747;border-radius:0 4px 4px 0;right:-21.3%}.layers-box-component .layers-list-box .layer-box .info-icon{background-color:#ff0;border-radius:4px 0 0 4px;left:-21.3%}.layers-box-component .layers-list-box .layer-box.active-layer{border-color:#ff0}.layers-box-component .layers-bar-box{height:15%;left:0;position:absolute;top:0;width:100%;z-index:10}.delete-layer-wrapper{background-color:#262626;border-radius:4px;flex-direction:column;font-family:GilSansMTExtCondensedBold;height:100%;justify-content:space-between;left:0;letter-spacing:3px;padding:4%;position:absolute;top:0;z-index:50}.delete-layer-wrapper,.delete-layer-wrapper .top-box{align-items:center;box-sizing:border-box;display:flex;width:100%}.delete-layer-wrapper .top-box{color:#eaeaea;font-size:28px;height:70%;justify-content:center;overflow:hidden;padding:2%;text-align:center}.delete-layer-wrapper .actions{align-items:center;display:flex;flex-direction:column;height:30%;justify-content:space-between;width:100%}.delete-layer-wrapper .actions button{background-color:#0000;border-radius:4px;cursor:pointer;font-family:GilSansMTExtCondensedBold;font-size:28px;height:48%;width:100%;z-index:20}.delete-layer-wrapper .actions button.delete{background-color:#fb4747;color:#fff}.delete-layer-wrapper .actions button.cancel{border:1px solid #fff;color:#fff}.draft-info-wrapper{background-color:#262626;border-radius:4px;flex-direction:column;height:100%;justify-content:space-between;left:0;letter-spacing:3px;padding:2%;position:absolute;top:0;z-index:50}.draft-info-wrapper,.draft-info-wrapper .top-box{align-items:center;box-sizing:border-box;display:flex;width:100%}.draft-info-wrapper .top-box{color:#fff;font-family:GilSansMTExtCondensedBold;font-size:48px;height:18.5%;justify-content:center}.draft-info-wrapper .top-box .parent-backSpace{cursor:pointer;left:2%;position:absolute;top:2%}.draft-info-wrapper .details{box-sizing:border-box;font-family:GilSansMTExtCondensedBold;height:50%;margin:0;padding:0;width:100%}.draft-info-wrapper .details .item-detail{align-items:center;display:flex;height:20%;justify-content:space-between;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap;width:100%}.draft-info-wrapper .details .item-detail .title{color:#eaeaea;font-size:20px;text-overflow:ellipsis}.draft-info-wrapper .details .item-detail .value{color:#d6d6d6;font-size:14px;margin-left:8px;text-overflow:ellipsis}.draft-info-wrapper .actions{height:15%}.draft-info-wrapper .actions,.draft-info-wrapper .actions button{align-items:center;display:flex;justify-content:center;width:100%}.draft-info-wrapper .actions button{background-color:#ff0;border-radius:4px;color:#000;cursor:pointer;font-family:GilSansMTExtCondensedBold;font-size:28px;height:100%;z-index:20}.drafts-box-component{box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:space-between;letter-spacing:3px;overflow:hidden;padding-top:35%;position:relative;width:100%}.drafts-box-component ::-webkit-scrollbar{width:4px}.drafts-box-component ::-webkit-scrollbar-track{background:#0000;border-radius:8px}.drafts-box-component ::-webkit-scrollbar-thumb{background:#fff;border-radius:4px;-webkit-box-shadow:inset 0 0 6px #fff;min-height:60px}.drafts-box-component .drafts-bar-box{align-items:center;color:#fff;display:flex;font-family:GilSansMTExtCondensedBold;font-size:32px;height:16%;justify-content:center;left:0;position:absolute;top:0;width:100%}@media only screen and (min-width:1500px){.drafts-box-component .drafts-bar-box{font-size:48px}}.drafts-box-component .drafts-bar-box .parent-backSpace{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;left:2%;position:absolute;top:0}.drafts-box-component .drafts-bar-box .parent-backSpace img{height:35%}.drafts-box-component .drafts-search-box{align-items:center;display:flex;height:10%;left:0;position:absolute;top:17%;width:100%}.drafts-box-component .drafts-search-box img{height:50%}.drafts-box-component .drafts-search-box input{background-color:#2a2a2a;border:none;border-radius:4px;box-sizing:border-box;color:#fff;font-family:GilSansMTCondensed;font-size:24px;height:100%;margin:0 1% 0 2%;outline:none;padding:1% 4%;width:100%}.drafts-box-component .drafts-list-box{box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:scroll;padding-bottom:3%;width:100%}.drafts-box-component .drafts-list-box .draft-box{align-items:center;background-color:#2a2a2a;border:1px solid #0000;border-radius:4px;box-sizing:border-box;display:flex;height:18%;margin-bottom:1.5%;padding:4%;position:relative;transition:all .3s ease;width:100%}.drafts-box-component .drafts-list-box .draft-box .title{align-items:center;display:flex;justify-content:space-between;overflow:hidden;position:relative;white-space:nowrap;width:100%}.drafts-box-component .drafts-list-box .draft-box .title div{box-sizing:border-box;color:#929292;font-family:GilSansMTExtCondensedBold;font-size:20px}.drafts-box-component .drafts-list-box .draft-box .title div.animate{animation:scroll-text 10s linear infinite;display:inline-block}@media only screen and (min-width:1500px){.drafts-box-component .drafts-list-box .draft-box .title div{font-size:28px}}.drafts-box-component .drafts-list-box .draft-box .delete-icon,.drafts-box-component .drafts-list-box .draft-box .info-icon{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;position:absolute;top:0;width:21%}.drafts-box-component .drafts-list-box .draft-box .delete-icon img,.drafts-box-component .drafts-list-box .draft-box .info-icon img{width:30%}.drafts-box-component .drafts-list-box .draft-box .delete-icon{background-color:#fb4747;border-radius:0 4px 4px 0;right:-21.3%}.drafts-box-component .drafts-list-box .draft-box .info-icon{background-color:#ff0;border-radius:4px 0 0 4px;left:-21.3%}.drafts-box-component .drafts-list-box .no-draft{color:#fff;font-family:GilSansMTExtCondensedBold;letter-spacing:0;padding:4%;text-align:right}.drafts-box-component .menu-box{background-color:#0f0f0f;display:flex;flex-direction:column;gap:2%;height:100%;justify-content:space-between;left:0;position:absolute;top:0;width:100%;z-index:10}.drafts-box-component .menu-box button{background-color:#262626;color:#fff;font-family:GilSansMTExtCondensedBold;font-size:48px;height:100%;width:100%}.start-menu-component{background-color:#0f0f0f;box-sizing:border-box;display:flex;flex-direction:column;gap:1.5%;height:100%;justify-content:space-between;letter-spacing:3px;overflow:hidden;padding:1.5%;position:relative;width:100%}.start-menu-component button{background-color:#262626;color:#fff;font-family:GilSansMTExtCondensedBold;font-size:36px;height:100%;width:100%}@media only screen and (min-width:1500px){.start-menu-component button{font-size:48px}}.left-sidebar-wrapper{align-items:center;height:100%;letter-spacing:3px;padding:8% 4.5% 7% 10%}.left-sidebar-wrapper,.left-sidebar-wrapper .layers-drafts-wrapper{box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;width:100%}.left-sidebar-wrapper .layers-drafts-wrapper{height:57.5%;padding:4% 4.2%;position:relative}.left-sidebar-wrapper .layers-drafts-wrapper .loading{align-items:center;background-color:#0f0f0f;border-radius:4px;display:flex;height:97%;justify-content:center;left:2%;position:absolute;top:1.3%;width:100%;width:96%;z-index:250}.left-sidebar-wrapper .layers-drafts-wrapper .left-nav{height:14%}.left-sidebar-wrapper .volume-wrapper{height:40.3%;position:relative;width:100%}.actions-wrapper{align-items:center;display:flex;height:100%;letter-spacing:3px;width:100%}.actions-wrapper .volume-box{width:14.2%}.actions-wrapper .buttons-box{box-sizing:border-box;height:100%;padding:.55% 0 .53%;width:100%}.actions-wrapper .tempo-box{box-sizing:border-box;height:100%;padding:.5% .46% .6% 0;width:14%}.actions-wrapper .tempo-box .tempo{height:100%;overflow:hidden;width:100%}.actions-wrapper .tempo-box .tempo.active{background-color:#d3d36b}.actions-wrapper .tempo,.actions-wrapper .volume-box{align-items:center;color:#2a2a2a;display:flex;font-family:Digital;font-size:36px;height:100%;justify-content:center}.timer-actions-component{position:relative;width:100%}.timer-actions-component,.timer-actions-component .timer-box{align-items:center;display:flex;height:100%;justify-content:center}.timer-actions-component .timer-box{color:#2a2a2a;font-family:Digital;font-size:16px;letter-spacing:1px;margin:0 .5%;width:26%}.waveform-component{height:100%;width:100%}.waveform-component SVG{display:block;height:100%;margin:0 auto}.waveform-component.skeleton{animation:loading 1s linear infinite;box-shadow:0 0 50px 50px #a0a0a080;opacity:0}@keyframes loading{0%{opacity:0;transform:translate(0)}25%{opacity:.5;transform:translate(25%)}50%{opacity:1;transform:translate(50%)}75%{opacity:.5;transform:translate(75%)}to{opacity:0;transform:translate(100%)}}.bare-container{display:flex;height:100%;justify-content:flex-start;left:0;overflow:hidden;position:absolute;top:0;touch-action:none!important;width:100%}.bare-container .bare{align-items:center;border:2px solid #0000;box-sizing:border-box;display:flex;font-size:24px;height:100%;justify-content:center;margin:0}.bare-container .bare.even{background-color:#ff03}.bare-container .bare.odd{background-color:#0f03}.bare-container .bare.left-active,.bare-container .bare.right-active{border-color:aqua;z-index:20}.bare-container .bare.right-active{border-left:none}.bare-container .bare.left-active{border-right:none}.bare-container .right-side{background-color:#ffffff94;box-sizing:border-box;cursor:ew-resize;height:100%;position:absolute;top:0;width:3px;z-index:100}.bare-container .right-side.active{background-color:aqua}.bare-container .right-side.active:before,.bare-container .right-side:hover:before{border-bottom:7px solid #0000;border-right:14px solid red;border-top:7px solid #0000;content:"";height:0;left:-15px;position:absolute;top:38%;width:0;z-index:50}.bare-container .right-side.active:after,.bare-container .right-side:hover:after{border-bottom:7px solid #0000;border-left:14px solid red;border-top:7px solid #0000;content:"";height:0;left:4px;position:absolute;top:38%;width:0;z-index:50}.bare-container .time-indicator{background-color:red;box-sizing:border-box;cursor:col-resize;height:100%;position:absolute;top:0;width:2px;z-index:30}.layer-wrapper{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding-top:.2%;width:100%}.layer-wrapper .layer-upload-item-box{border-radius:4px;display:flex;height:15.2%;width:100%}.layer-wrapper .layer-upload-item-box .title{align-items:center;box-sizing:border-box;display:flex;overflow:hidden;position:relative;white-space:nowrap;width:10.8%}.layer-wrapper .layer-upload-item-box .title div{box-sizing:border-box;color:#fff;font-family:GilSansMTExtCondensedBold;font-size:24px;line-height:24px;margin-right:5%;overflow:visible;padding:2%}.layer-wrapper .layer-upload-item-box .title div.animate{animation:scroll-text 10s linear infinite;display:inline-block}.layer-wrapper .layer-upload-item-box .title div.Mui-focused{animation:none}.layer-wrapper .layer-upload-item-box .title div.Mui-focused input{background-color:#1d6969;color:#b3ffff}@keyframes scroll-text{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.layer-wrapper .layer-upload-item-box .wave-wrapper{align-items:center;border:2px solid #0000;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;padding:.5% .3%;position:relative;width:78%}.layer-wrapper .layer-upload-item-box .wave-wrapper.error{border-color:#fb4747}.layer-wrapper .layer-upload-item-box .wave-wrapper .layer-wave{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;height:100%;justify-content:space-between;overflow:hidden;position:relative;width:100%}.layer-wrapper .layer-upload-item-box .wave-wrapper .alert{align-items:center;bottom:-35%;color:#fb4747;display:flex;font-family:GilSansMTCondensed;font-size:14px;position:absolute;width:100%}.layer-wrapper .layer-upload-item-box .wave-wrapper .alert .ok-button{color:#fff;cursor:pointer;margin-left:1%}.layer-wrapper .layer-upload-item-box .layer-buttons{align-items:center;display:flex;justify-content:space-between;margin-left:.5%;width:10.3%}.layer-wrapper .layer-upload-item-box .layer-buttons label{height:100%;width:100%}.layer-wrapper .layer-upload-item-box .layer-buttons.disabled .MuiButtonBase-root{cursor:not-allowed!important}.layer-wrapper .layer-upload-item-box .layer-buttons.disabled .MuiButtonBase-root svg{fill:#b6b6b6}.time-ruler-wrapper{align-items:center;box-sizing:border-box;flex-direction:column;height:flex;height:100%;justify-content:center;padding:0 11%;width:100%}.time-ruler-wrapper .ruler{box-sizing:border-box;height:100%;position:relative}.time-ruler-wrapper .ruler .marks{display:flex;height:90%;justify-content:space-between;position:absolute;top:5%;width:100%}.time-ruler-wrapper .ruler .marks .mark{align-items:space-between;display:flex;flex-direction:column;height:100%;justify-content:center;position:absolute}.time-ruler-wrapper .ruler .marks .mark .milisec,.time-ruler-wrapper .ruler .marks .mark .minute,.time-ruler-wrapper .ruler .marks .mark .second{background-color:#ffffffc7;box-sizing:border-box;display:flex;height:42%;justify-content:center;position:absolute;top:20%;width:1px}.time-ruler-wrapper .ruler .marks .mark .second{height:30%}.time-ruler-wrapper .ruler .marks .mark .milisec{height:18%}.time-ruler-wrapper .ruler .marks .mark .label{align-items:flex-end;color:#fff;display:flex;font-family:Bahnschrift;font-size:10px;height:100%;letter-spacing:0;margin-left:-50%}.time-ruler-wrapper .ruler .rectangle{align-items:center;background-color:#0ff3;bottom:0;box-sizing:border-box;display:flex;justify-content:space-between;position:absolute;top:0;z-index:1000}.time-ruler-wrapper .ruler .rectangle .handle{background-color:aqua;cursor:ew-resize;height:100%;position:relative;width:1px}.time-ruler-wrapper .ruler .rectangle .handle:after{content:"";height:100%;left:-3px;position:absolute;top:0;width:5px}.time-ruler-wrapper .ruler .rectangle .handle .down-arrow{border-left:7px solid #0000;border-right:7px solid #0000;border-top:7px solid #fff;height:0;left:-6px;position:absolute;top:0;width:0}.time-ruler-wrapper .ruler .rectangle .selected-boundary{cursor:move;height:100%;width:100%}.time-ruler-wrapper .ruler .time-indicator{background-color:red;height:100%;position:absolute;top:0;width:2px}.time-ruler-wrapper .ruler .bare{background-color:aqua;height:100%;position:absolute;top:0;width:2px}.center-wrapper{align-items:center;display:flex;flex-direction:column;height:100%;letter-spacing:3px;width:100%}.center-wrapper .timeline-slider{height:7%;margin-top:11.5%;width:100%}.center-wrapper .layers-box{height:57%;margin-top:.6%;width:100%}.center-wrapper .time-box{height:4.5%;margin-top:1.15%;width:100%}.center-wrapper .action-box{height:9%;margin-top:1.3%}.center-wrapper .action-box,.picMoj{align-items:center;display:flex;width:100%}.picMoj{background-position:50%;background-repeat:no-repeat;justify-content:center;position:relative}.picc{aspect-ratio:291/81!important}.MuiSlider-thumb.Mui-focusVisible,.MuiSlider-thumb:after,.MuiSlider-thumb:before,.MuiSlider-thumb:hover{box-shadow:none!important}.MuiSlider-thumb{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAA6CAYAAAB8tkOgAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABMSURBVHgB7dQxDgAQDIXhPtewuH/iTNyk2oRJY2CwvH9Bv00EZKbW2sPyNckhIvEVUXNu9uzKBiI9ReD5nNf3C6HaI/A51oG/CfESB84jFDC6+gfPAAAAAElFTkSuQmCC);background-position:50%;background-repeat:no-repeat;border-radius:0;height:100%!important}.volume-button-knob{align-items:flex-start;display:flex;height:100%;justify-content:center;position:relative;width:100%}.volume-button-knob .knob-wrapper{aspect-ratio:1/1;margin-top:13.5%;position:relative;width:56%}.volume-button-knob .knob-wrapper .knob{aspect-ratio:1/1;border-radius:50%;position:absolute;width:100%}.volume-button-knob .knob-wrapper .knob.active{box-shadow:0 0 25px #ff09}.volume-button-knob .knob-wrapper .indicator{aspect-ratio:1/1;height:10%;left:46.5%;position:absolute;top:44.5%}.custom-input-container{display:flex;flex-direction:column;position:relative}.custom-input-container .custom-input,.custom-input-container .custom-input-label{color:#fff;font-family:GilSansMTCondensed}.custom-input-container .custom-input{background-color:#0f0f0f;border:1px solid #929292;border-radius:4px;font-size:20px;padding:5px}.custom-input-container .custom-input:focus{border-color:none;box-shadow:none;outline:none}.custom-input-container .custom-input.error{border-color:#fb4747}.custom-input-container .alert{bottom:-25%;color:#fb4747;font-size:12px;position:absolute}.button-save{background-color:#ff0!important;color:#0f0f0f!important;font-family:GilSansMTExtCondensedBold!important;font-size:40px!important;height:20%}.button-bareBandi,.button-save{border-radius:4px;letter-spacing:3px!important;width:100%}.button-bareBandi{background-color:#ff0;color:#0f0f0f;cursor:pointer;font-family:GilSansMTExtCondensedBold;font-size:40px;height:48%}.button-bareBandi>.description-bareBandi{font-family:GilSansMTCondensed;font-size:20px;letter-spacing:0!important;width:100%}.content-bare-bandi{align-items:center;display:flex;flex-wrap:wrap;height:77%;width:95%}.content-bare-bandi>.item-bare-bandi{color:#fff;font-family:GilSansMTCondensed;font-size:20px;letter-spacing:0!important;width:100%}.done-bare{background-color:#ff0!important;border-radius:4px;color:#0f0f0f!important;font-family:GilSansMTExtCondensedBold!important;font-size:40px!important;height:20%;letter-spacing:3px!important;width:100%}.CircularProgressbar{vertical-align:middle;width:100%}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;dominant-baseline:middle;text-anchor:middle;font-size:20px}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:#0000}.bare-show-wrapper{padding:0 10%}.bare-show-wrapper .bare-label{display:flex;font-family:GilSansMTExtCondensedBold;font-size:48px;justify-content:center;margin-top:3%;width:100%}.bare-show-wrapper .bares{box-sizing:border-box;margin-top:5%;width:100%}.save-project-confirm-component{align-items:center;background-color:#262626;border-radius:5px;box-sizing:border-box;display:flex;flex-direction:column;height:97.6%;justify-content:space-between;left:-1.8%;letter-spacing:3px;position:absolute;top:1.4%;width:104.2%}.save-project-confirm-component .description{color:#fff;display:flex;font-family:GilSansMTExtCondensedBold;font-size:36px;justify-content:center;margin-top:35%;text-align:center;width:100%}.save-project-confirm-component .actions{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:36%;justify-content:space-between;padding:4% 3%;width:100%}.save-project-confirm-component .actions button{background-color:#0000;border-radius:4px;cursor:pointer;font-family:GilSansMTExtCondensedBold;font-size:36px;height:48%;width:100%;z-index:20}.save-project-confirm-component .actions button.back-to-project{border:1px solid #fff;color:#fff}.save-project-confirm-component .actions button.back-to-app{background-color:#ff0}.right-sidebar-wrapper{height:100%;justify-content:space-between;padding:8.5% 8% 7% 4.5%;width:100%}.right-sidebar-wrapper,.right-sidebar-wrapper .action-wrapper{align-items:center;box-sizing:border-box;display:flex;flex-direction:column}.right-sidebar-wrapper .action-wrapper{border-radius:5%;gap:2%;height:57%;justify-content:center;letter-spacing:2px;position:relative;width:92%}.right-sidebar-wrapper .action-wrapper>.first-button{background-color:#262626;border:1px solid #262626;border-radius:4%;box-sizing:border-box;color:#fff;font-family:GilSansMTExtCondensedBold;font-size:45px;height:46%;letter-spacing:3px!important;width:100%}.right-sidebar-wrapper .action-wrapper .parent-box{background-color:#262626;border-radius:8px;height:97%;width:100%}.right-sidebar-wrapper .action-wrapper .parent-box .parent-top-box{align-items:center;color:#fff;display:flex;font-family:GilSansMTExtCondensedBold;font-size:45px;height:20%;justify-content:center;letter-spacing:3px!important;width:100%}.right-sidebar-wrapper .action-wrapper .parent-box .parent-top-box>.parent-backSpace{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;width:10%}.right-sidebar-wrapper .action-wrapper .parent-box .parent-top-box>.parent-title{align-items:center;display:flex;height:100%;justify-content:center;width:90%}.right-sidebar-wrapper .action-wrapper .parent-box>.parent-content{height:80%;width:100%}.right-sidebar-wrapper .action-wrapper .loading{align-items:center;background-color:#0f0f0f;border-radius:5px;display:flex;height:97.4%;justify-content:center;left:-1.8%;position:absolute;top:1.4%;width:104%;z-index:250}.right-sidebar-wrapper .play-wrapper{align-items:center;display:flex;height:40.5%;justify-content:center;-webkit-user-select:none;user-select:none;width:100%}.right-sidebar-wrapper .play-wrapper>img{aspect-ratio:1/1;width:65%}@font-face{font-family:Digital;src:url(/static/media/Digital.ae951a188b593952b384.ttf) format("truetype")}@font-face{font-family:GilSansMT;src:url(/static/media/GilSansMT.b007384538f12caa4fc4.TTF) format("truetype")}@font-face{font-family:GilSansMTBold;src:url(/static/media/GilSansMTBold.c3da65be87bccee24301.TTF) format("truetype")}@font-face{font-family:GilSansMTBoldItalic;src:url(/static/media/GilSansMTBoldItalic.beb90d1b6199c783176f.TTF) format("truetype")}@font-face{font-family:GilSansMTCondensed;src:url(/static/media/GilSansMTCondensed.23d2f881d1ae6826eb24.TTF) format("truetype")}@font-face{font-family:GilSansMTExtCondensedBold;src:url(/static/media/GilSansMTExtCondensedBold.65fb78cf95f54f04ef27.TTF) format("truetype")}@font-face{font-family:GilSansMTItalic;src:url(/static/media/GilSansMTItalic.9c383abd81d006c573c0.TTF) format("truetype")}@font-face{font-family:Dastnevis;src:url(/static/media/Dastnevis.76853c39d3c7ccbd2264.ttf) format("truetype")}@font-face{font-family:Bahnschrift;src:url(/static/media/Bahnschrift.b00e12e37c52124aa504.ttf) format("truetype")}body{font-family:Bahnschrift;margin:0;-webkit-user-select:none;user-select:none}.screen{display:flex;height:100vh;justify-content:center;width:100vw}.screen .upload-page{display:flex;justify-content:center;max-width:100%!important;width:100%}.screen .upload-page .layout-upload-page{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.screen .upload-page .layout-upload-page .main-wrapper{align-items:center;aspect-ratio:1920/844;box-sizing:border-box;display:flex;justify-content:center;max-height:100%;max-width:100%;position:relative;width:100%}.screen .upload-page .layout-upload-page .main-wrapper .background{aspect-ratio:1920/844;position:absolute;width:100%;z-index:-1}.screen .upload-page .layout-upload-page .main-wrapper .inner-wrapper{box-sizing:border-box;height:100%;padding:2.9% 3% 2.9% 2.5%;width:100%}.screen .upload-page .layout-upload-page .main-wrapper .upload-container{display:flex;height:100%;width:100%}.screen .upload-page .layout-upload-page .main-wrapper .upload-container .left-container{width:20.5%}.screen .upload-page .layout-upload-page .main-wrapper .upload-container .right-container{width:20%}.screen .upload-page .layout-upload-page .main-wrapper .upload-container .center-container{width:59.5%}
/*# sourceMappingURL=main.0ecdd53e.css.map*/