*{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}:root{--color-1:#000218;--color-2:#f70;--color-3:#dd6801}.logo_org{color:#0c0d1d;font-weight:900;font-size:24px;display:flex;z-index:-1;justify-content:center;position:absolute;width:100%;bottom:10px;-webkit-user-select:none;user-select:none;text-shadow:0px 1px 1px var(--color-1)}.logo_org span{margin:0 2px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:10px;background-color:var(--color-1)}::-webkit-scrollbar-thumb{background-color:var(--color-2);border-radius:5px}::-webkit-scrollbar-thumb:hover{background-color:var(--color-3)}::-webkit-scrollbar-track{background-color:var(--color-1)}::-webkit-scrollbar-thumb:horizontal{background-color:var(--color-2)}::-webkit-scrollbar-track:vertical{background-color:var(--color-1)}::-webkit-scrollbar-thumb:vertical{background-color:var(--color-2)}.boton-elevado{background:#004cff08!important;width:10%;border-radius:90%!important;min-width:10px!important;box-shadow:0 2px 1px;margin:1%!important}.boton-elevado:active{background:#00e5ff1a!important;box-shadow:0 1px 1px!important;transition:none!important;position:relative;bottom:-1px}.boton-elevado:hover{background:#00e5ff1b!important}.btnArcActive,.btnArcActive:active{background:#5af1ec!important}.btnArcActive:hover{background:#004cff08!important}.btnError{margin:6px 6px 0!important;background-color:#f05b74!important}.btnError:hover{background:#d44c63!important}.btnSuccess{margin:6px 6px 0!important;background-color:#2eaa0b!important}.btnSuccess:hover{background:#39c412!important}#time.MuiSelect-select{min-height:0;display:flex;justify-content:center;border:none}input[name=time]{border:none}.vertical-line{margin-right:10px;width:1px;height:70%;background-color:var(--color-2);transform:rotate(10deg);position:relative;left:0}.vertical-line2{margin-right:10px;width:2px;height:100%;min-height:40px;background-color:var(--color-2);transform:rotate(10deg);position:relative;left:0}.botonLogin{cursor:pointer}.botonLogin:hover{opacity:.5}#input_type_chord{padding:4px}.piano{display:flex;width:234px;color:#333}.key{display:flex;align-items:flex-end;justify-content:center;height:150px;box-sizing:border-box;font-size:14px;font-weight:700;cursor:pointer;position:relative}.white{background-color:#fff;flex:1;border:1px solid #ccc}.black{background-color:#333;position:absolute;z-index:1;width:20px;margin-left:-5px;height:100px;color:#fff;border:1px solid #666}.highlight{background-color:#2196f3;border:1px solid #333;box-shadow:0 0 10px #00000080}.chord-preview-modal{position:absolute;top:0;background-color:var(--color-1);border-radius:5px;width:270px;padding:10px}.chord-preview-modal .close{cursor:pointer;position:absolute;top:0;left:10px;font-weight:700;color:red}.chord-preview-modal.up{transform:translateY(-100%)}.chord-preview-content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.guitar-fretboard{position:relative;width:80px;height:180px}.capo{display:flex;width:96px;height:30px;position:relative}.capo.traste:after{content:"";width:83px;height:15px;display:block;position:absolute;border-radius:5px;background:#5af1ec;bottom:6px;margin:auto auto auto 1px}.string{width:16px;border-left:solid 1px;border-bottom:solid 1px;height:30px}.string.press:after{content:"";width:15px;height:15px;border-radius:100%;background:#5af1ec;display:block;margin:auto;position:relative;left:-8px;top:8px}.string:last-child{border-bottom:none;border-top:none}.capo:first-child .string:nth-child(-n+5){border-top:solid 1px}.carrusel{position:relative;background-color:var(--color-1)}.carrusel button{border-radius:100%;border:solid 1px;width:20px;height:20px;text-align:center;background-color:transparent;background-color:#fff;color:var(--color-1);z-index:2;cursor:pointer}.carrusel:before{display:block;content:"";width:10px;height:160px;background-color:var(--color-1);position:absolute;bottom:0;z-index:1}.carrusel:after{display:block;content:"";width:12.5px;height:160px;background-color:var(--color-1);position:absolute;bottom:0;z-index:1;right:0}.new-data{position:fixed;z-index:99;color:#50d2d0}.new-data div{border-radius:20px;background:#f70;padding:8px;color:#fff;cursor:pointer}.scale-out-center{-webkit-animation:scale-out-center .5s cubic-bezier(.55,.085,.68,.53) both;animation:scale-out-center .5s cubic-bezier(.55,.085,.68,.53) both}.bounce-top{-webkit-animation:bounce-top .9s both;animation:bounce-top .9s both}@-webkit-keyframes bounce-top{0%{-webkit-transform:translateY(-45px);transform:translateY(-45px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:1}24%{opacity:1}40%{-webkit-transform:translateY(-24px);transform:translateY(-24px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}65%{-webkit-transform:translateY(-12px);transform:translateY(-12px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}82%{-webkit-transform:translateY(-6px);transform:translateY(-6px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}93%{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}25%,55%,75%,87%{-webkit-transform:translateY(0px);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{-webkit-transform:translateY(0px);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}}@keyframes bounce-top{0%{-webkit-transform:translateY(-45px);transform:translateY(-45px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:1}24%{opacity:1}40%{-webkit-transform:translateY(-24px);transform:translateY(-24px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}65%{-webkit-transform:translateY(-12px);transform:translateY(-12px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}82%{-webkit-transform:translateY(-6px);transform:translateY(-6px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}93%{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}25%,55%,75%,87%{-webkit-transform:translateY(0px);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{-webkit-transform:translateY(0px);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}}@-webkit-keyframes scale-out-center{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(0);transform:scale(0);opacity:1}}@keyframes scale-out-center{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(0);transform:scale(0);opacity:1}}.App{text-align:center}#root{width:99%;overflow:hidden}.folderButton{width:29%;height:100px;min-width:250px;min-height:100px;margin-bottom:10px!important;padding:20px!important}.folderFavorite{display:flex}@media (width < 600px){.folderButton{width:100%}.folderFavorite{flex-direction:column}.sm\:display-none{display:none}}@media (400px <= width < 700px){.md\:display-none{display:none}}@media (700px <= width){.lg\:display-none{display:none}}.items-center{display:flex;align-items:center}.justify-center{display:flex;justify-content:center}.justify-space-between{display:flex;justify-content:space-between}.justify-space-evenly{display:flex;justify-content:space-evenly}.direction-column{display:flex;flex-direction:column}.flex-row-wrap{display:flex;flex-flow:row wrap}.fixed{position:fixed}.relative{position:relative}.absolute{position:absolute}.overflow-hidden{overflow:hidden}.table-scale{width:100%;margin:0 auto 20px;border-collapse:collapse;border-spacing:0;border:1px solid #ddd;text-align:center;font-size:16px;color:#333;background-color:#fff;border-radius:4px;overflow:hidden;box-shadow:0 0 15px #0000001a}
