body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#f0f1e4;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;text-align:center}.logo{align-self:center;height:10%;position:absolute;top:20vh;z-index:0}.headerbar{background-color:#aab9b0;box-shadow:0 2px 4px rgba(0,0,0,.1);flex-direction:row;gap:8px;padding:5px 20px;position:relative;z-index:10}.App-header,.headerbar{align-items:center;display:flex;justify-content:center}.App-header{color:#a0a39e;flex-direction:column;font-size:calc(10px + 2vmin);padding:20px 0;transition:all .3s ease-in-out;z-index:0}.App-header.with-scenes{padding:10px 0}.create-scene-form{background-color:#fff;border:2px solid #978e8c;border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,.1);margin:0 auto 30px;max-width:600px;padding:30px 40px;text-align:center;transition:all .3s ease-in-out;width:90%}.create-scene-form.compact{margin:0 auto 15px;max-width:500px;padding:15px 20px;text-align:left}.create-scene-form label{color:#8e797b;display:block;font-size:16px;font-weight:600;margin-bottom:8px}.create-scene-form.compact label{display:inline;font-size:14px;margin-right:10px}.create-scene-form input[type=text]{background-color:#fff;border:2px solid #978e8c;border-radius:8px;box-sizing:border-box;font-size:16px;margin-bottom:20px;padding:12px 15px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.create-scene-form.compact input[type=text]{display:inline-block;font-size:14px;margin-bottom:0;margin-right:10px;min-width:200px;padding:8px 12px;width:auto}.create-scene-form input[type=text]:focus{border-color:#aab9b0;box-shadow:0 0 0 3px rgba(170,185,176,.2);outline:none}.create-scene-form br{display:block}.create-scene-form.compact br{display:none}.scenes{grid-gap:15px;align-items:start;display:grid;gap:15px;grid-auto-rows:minmax(auto,-webkit-max-content);grid-auto-rows:minmax(auto,max-content);grid-template-columns:repeat(auto-fill,minmax(400px,1fr));justify-content:center;margin:0 auto;max-width:1400px;width:90vw}.scene{background-color:#f0f1e4;border:2px solid #978e8c;border-radius:15px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin:0;padding:0;transition:box-shadow .3s ease}.scene:hover{box-shadow:0 4px 8px rgba(0,0,0,.15)}.trackName{font-size:medium;margin:0}.sceneHeader{background-color:#aab9b0;color:#f0f1e4;margin:0;padding:12px 15px}.scene.expanded .sceneHeader{border-radius:13px 13px 0 0}.scene.collapsed .sceneHeader{border-radius:13px}.scene.expanded .tracklist.empty-scene .sceneHeader{border-radius:13px!important}.sceneTitleBar{justify-content:space-between}.sceneTitleBar,.sceneTitleLeft{align-items:center;display:flex}.sceneTitleLeft{gap:10px}.sceneTitleLeft h4{color:#f0f1e4;font-size:1.1rem;font-weight:600}.sceneControls{align-items:center;display:flex;gap:10px}.sceneControls svg{color:#f0f1e4;cursor:pointer;transition:color .2s ease,-webkit-transform .2s ease;transition:color .2s ease,transform .2s ease;transition:color .2s ease,transform .2s ease,-webkit-transform .2s ease}.sceneControls svg:hover{color:#978e8c;-webkit-transform:scale(1.1);transform:scale(1.1)}.sceneTitleLeft svg{color:#f0f1e4;cursor:pointer;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.sceneTitleLeft svg:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}iframe{display:block}p{margin:0}.App-link{color:#61dafb}a:link,a:visited{color:#8e797b;display:inline-block;text-align:center;text-decoration:none}a:active,a:hover{text-decoration:underline}h4{margin:0;padding:0}label{font-size:small}form{color:#8e797b;padding:12px 15px}.tracklist form{background-color:#f0f1e4;margin:0}.tracklist form input[type=text]{background-color:#fff;border:1px solid #978e8c;border-radius:5px;font-size:14px;margin:5px;padding:6px 10px;transition:border-color .2s ease}.tracklist form input[type=text]:focus{border-color:#aab9b0;box-shadow:0 0 0 2px rgba(170,185,176,.2);outline:none}.tracklist form label{color:#8e797b;font-weight:500}.scene-content{max-height:10000px;overflow:hidden;transition:max-height .3s ease-in-out}.scene-content.collapsed{max-height:0}.track{border-top:1px solid #d0d0d0;padding:10px 15px}.track:first-of-type{border-top:1px solid #978e8c}.MuiButton-root{background-color:#978e8c!important;border-radius:8px!important;box-shadow:0 2px 4px rgba(0,0,0,.1)!important;color:#f0f1e4!important;font-weight:500!important;padding:8px 16px!important;text-transform:none!important;transition:all .2s ease!important}.MuiButton-root:hover{background-color:#8e797b!important;box-shadow:0 3px 6px rgba(0,0,0,.15)!important;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.MuiButton-root:active{box-shadow:0 1px 2px rgba(0,0,0,.1)!important;-webkit-transform:translateY(0);transform:translateY(0)}.headerbar .MuiButton-root{background-color:#f0f1e4!important;border:2px solid #978e8c!important;color:#8e797b!important}.headerbar .MuiButton-root:hover{background-color:#978e8c!important;border-color:#8e797b!important;color:#f0f1e4!important}.infoAlert{left:0;margin:0 auto;position:absolute;right:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.footerdiv{align-items:center;display:flex;justify-content:center}.fa-pause:active,.fa-play:active{color:#8e797b}
/*# sourceMappingURL=main.8ece2b05.css.map*/