:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{background-color:var(--dark-purple);flex-direction:column;place-content:center;width:100%;height:100dvh;display:flex}main{color:#fdfdfd;flex-direction:column;justify-content:center;align-items:center;height:calc(100vh - 75.6px);font-family:cursive;display:flex}.form-login{background-color:var(--dark-purple2);border-radius:10px;flex-direction:column;justify-content:space-between;align-items:center;width:300px;height:300px;display:flex}h1{font-size:2em}h2{font-size:1.2em}#login-button{color:var(--color-text);background-color:#fff;border-radius:5px;padding:10px;font-weight:700}:root{--purple1:#272236;--purple2:#393046;--dark-purple:#27213c;--dark-purple2:#1b1921;--dark-purple3:#2f2252;--caput-mortuum:#5a352a;--air-force-blue:#598392;--honeydew:#ddf8e8;--cinnabar:#f2542d;--music:#437243;--ambience:#4c4c90;--effects:#a44040;--music2:#04c953;--ambience2:#5413bd;--effects2:#d82f2f;--placeholder:#a6a6a6;--color-text:#000;--color-text2:#fff}#root{background-color:var(--dark-purple);color:#fff;flex-direction:column;justify-content:flex-start;font-family:cursive;display:flex;overflow:auto}main{background-color:var(--dark-purple);flex:1;transition:all .5s}html,body{height:100%;margin:0}.container{flex-direction:row;display:flex}.header-user{flex-direction:column;display:flex}.header button{border-radius:50px;justify-content:center;align-items:center;padding:10px;transition:all .3s;display:flex}.header button:focus{border:none;outline:none}.header button:hover,.header span:hover{background-color:var(--dark-purple)}.header{background-color:var(--dark-purple2);justify-content:space-between;align-items:center;gap:15px;padding:5px 12px;display:flex}.header span{text-align:center;justify-content:center}.header a{color:#fff;text-decoration:none}header ul{flex-direction:row;justify-content:center;list-style:none;display:flex}header li a{background-color:var(--dark-purple2);text-align:center;border:1px solid #000;width:100px;margin:2px;padding:10px;display:block}.fill{flex:1}.module-selector{align-items:center;width:120px;padding:10px;display:flex}.new-folder{align-items:center;width:120px;padding:1px;display:flex}nav{background-color:var(--dark-purple2);flex-direction:column;justify-content:space-between;max-width:300px;padding:4px;transition:all .5s;display:flex}.hidden{padding:0}.hidden a{width:0;margin:0;padding:0;font-size:0}nav ul{margin:0;padding-left:0;list-style:none;position:sticky;top:0%;bottom:0%}nav a{width:190px;color:var(--color-text2);background-color:var(--dark-purple);border-radius:5px;justify-content:space-between;align-items:center;gap:100px;margin:5px;padding:20px;text-decoration:none;transition:all .2s ease-in;display:flex}nav a:hover{background-color:var(--color-text2);color:var(--dark-purple)}.actual-page{background-color:var(--dark-purple3)}.dropdown ul{background-color:var(--dark-purple3);z-index:10;flex-flow:wrap;gap:0;max-width:480px;margin:0;padding:10px;list-style:none;display:flex;position:absolute}.dropdown li{background-color:var(--dark-purple2);justify-content:center;align-items:center;width:220px;height:120px;margin:10px;padding:0;display:flex}.dropdown li *{flex:auto;width:100%;height:100%;margin:0;padding:0}.module-button{filter:blur(1px);background-position:50%;background-size:cover;flex:1;justify-content:center;transition:filter .3s;display:flex}.module-name{z-index:15;background-color:#0000004d;justify-content:center;align-items:center;display:flex;position:relative;bottom:100%}.dialog{background-color:var(--dark-purple2);z-index:10000;border:1px solid #fff;border-radius:30px;flex-direction:column;align-items:center;gap:10px;padding:20px;display:flex;position:absolute}.music-folder,.music-folder li,.half-music,.playing-icon{border:1px solid var(--music)}#music-menu{border:3px solid var(--music);box-shadow:0px 0px 15px var(--music2)}#music-menu h2{border-bottom:2px solid var(--music)}#music-slider{accent-color:var(--music)}.music-container{scrollbar-color:var(--dark-purple2)var(--music)}.active-music{background-color:var(--music);transform:scale(1.05)}.ambience-folder,.ambience-folder li,.half-ambience{border:1px solid var(--ambience)}#ambience-menu{border:3px solid var(--ambience);box-shadow:0px 0px 15px var(--ambience2)}#ambience-menu h2{border-bottom:2px solid var(--ambience)}#ambience-slider{accent-color:var(--ambience)}.ambience-container{scrollbar-color:var(--dark-purple2)var(--ambience)}.active-ambience{background-color:var(--ambience);transform:scale(1.05)}.effects-folder,.effects-folder li,.half-effects{border:1px solid var(--effects)}#effects-menu{border:3px solid var(--effects);box-shadow:0px 0px 15px var(--effects2)}#effects-menu h2{border-bottom:2px solid var(--effects)}#effects-slider{accent-color:var(--effects)}.effects-container,.effects-selector{scrollbar-color:var(--dark-purple2)var(--effects)}.active-effects{background-color:var(--effects);transform:scale(1.05)}#controller{flex-flow:wrap;flex:1;justify-content:space-around;display:flex;overflow-y:auto}.sound-menu{background-color:var(--dark-purple2);border-radius:10px;flex-direction:column;flex:1;width:31dvw;min-width:410px;height:85dvh;margin:10px;display:flex}h2{text-align:center;margin-bottom:0;padding-bottom:20px}.playing{flex-direction:row;display:flex}.half{flex:1;height:50px;padding:5px}.volume-slider{cursor:pointer;width:100%;position:relative;top:2px}.volume-controller{align-items:self-start;display:flex}.pause-controller{justify-content:space-around;display:flex}.playing-sound{flex-direction:column;display:flex}.material-symbols-outlined{cursor:pointer}#playing-music{font-size:1.1em}#author{font-size:1em}.left{justify-content:space-between;display:flex}.playing-icon{justify-content:center;align-items:center;width:48px;height:48px;display:flex}.folder{flex-flow:row;flex:1;margin:0;padding:0;list-style:none;display:flex}.folder li{white-space:nowrap;text-overflow:ellipsis;cursor:pointer;align-items:baseline;width:100px;height:60px;padding:10px;display:flex;overflow:hidden}.folder li:hover{transform:scale(1.05)}.folder-container{height:60px;display:flex;overflow:auto hidden}.effects-selector{flex-wrap:wrap;flex:1;place-content:flex-start;gap:10px;padding:15px;display:flex;overflow-y:scroll}.effect{text-wrap:nowrap;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;width:100px;height:100px;display:flex;overflow:hidden}.effect div{justify-content:center;align-items:center;height:60%;font-size:50px;display:flex}.effect span{text-align:center;width:100%}.playing-effect{background-color:var(--effects)}.effect{transition:background-color .5s}.effect:hover{transform:scale(1.05)}#effects-dialog{background-color:var(--dark-purple2);-webkit-user-select:none;user-select:none;border:none;flex-direction:column;padding:20px;display:flex;overflow-y:scroll}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}#effects-dialog:focus{outline:none}#effects-dialog{color:#fff;text-align:center;align-content:space-between;align-items:center}.dialog-header{justify-content:space-between;gap:30px;display:flex}#form-new-effect{flex-direction:column;gap:10px;display:flex}#form-new-effect input{background-color:var(--purple2);color:#fff;border:none;border-radius:5px;align-self:center;width:300px;height:33px}#upload-sound::file-selector-button{color:var(--dark-purple2);cursor:pointer;background-color:#fff;border:none;border-radius:8px;padding:8px;font-size:15px;transition:all .2s}#form-new-effect input:focus{border-bottom:4px solid #fff;border-bottom-right-radius:4px;border-bottom-left-radius:4px;outline:none}#form-new-effect input::placeholder{color:var(--placeholder)}#effect-color,#effect-border-color{width:35px!important;height:35px!important}#form-new-effect button{background-color:var(--purple2);color:#fff;border:none;border-radius:5px;outline:none;align-self:center;width:180px;height:40px;margin-top:30px;font-family:cursive;font-size:1.2em;position:relative}.color-pickers{justify-content:center;align-items:center;gap:20px;margin:10px 0;display:flex}.color-pickers div{flex-direction:column;display:flex}#icon-selector{background-color:var(--dark-purple2);scrollbar-color:white var(--dark-purple2);z-index:5;border-radius:10px;flex-wrap:wrap;place-content:flex-start;gap:10px;width:480px;height:200px;padding:15px;display:flex;position:absolute;top:40%;overflow-y:scroll;box-shadow:0 0 15px #000}#icon-selector span{cursor:pointer;width:40px;height:40px;font-size:30px;display:inline-block}.input-folders__control{background-color:var(--purple2)!important;white-space:nowrap!important;border:none!important;min-width:300px!important;max-width:300px!important;min-height:33px!important;max-height:70px!important;overflow-x:auto!important}.input-folders__value-container{white-space:nowrap!important;overflow-x:auto!important}.input-folders__multi-value{background-color:var(--purple1)!important;color:#fff!important;border-radius:5px!important;align-items:center!important;max-width:150px!important;margin-right:2px!important;padding:3px 6px!important;display:flex!important}.input-folders__multi-value__label{color:#fff!important;margin:0!important;padding:0!important}.input-folders__multi-value__remove{color:#fff!important;background-color:#e83232!important;margin-left:10px!important;padding:1px!important}.input-folders__menu{background-color:var(--purple2)!important}.input-folders__option{color:#fff!important}.input-folders__option--is-focused{background-color:var(--purple1)!important}.input-folders__clear-indicator{color:#fff!important}.input-folders__clear-indicator:hover{color:#f66!important}.input-folders__dropdown-indicator{color:#fff!important}.input-folders__dropdown-indicator:hover{color:#ccc!important}