:root{--cd-color:#00a2ff}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:12px;margin:0}.App{position:relative}code{font-family:Courier New,monospace}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#303030;border-radius:10px}::-webkit-scrollbar-thumb{background:#5c5c5c}input[type=color]{-webkit-appearance:none;background:none;border:none;border-radius:50%;cursor:pointer;height:50px;padding:0;width:50px}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:50%}input[type=text],textarea{border:2px solid #ccc;border-radius:4px;box-sizing:border-box;margin:8px 0;max-width:300px;padding:12px 20px;transition:.3s;width:100%}input[type=text]:focus,textarea:focus{border:2px solid #555}textarea{min-height:120px;resize:vertical}button{background-color:#313131;border:none;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.15);color:#fff;cursor:pointer;display:inline-block;font-family:Arial,sans-serif;font-size:13px;line-height:1.5;margin:10px 0;padding:5px 20px;text-align:center;transition:background-color .3s ease,color .3s ease}button:hover{background-color:#5d5d5d}button:active{background-color:#3b3b3b;box-shadow:0 1px 2px rgba(0,0,0,.15)}button:disabled{background-color:#ccc;color:#666;cursor:default}#wrapper{align-items:start;display:flex;flex-direction:column;height:100vh;overflow:hidden;width:100vw}.audio-controls{align-items:center;align-self:flex-end;background-color:#1e1e1e;box-sizing:border-box;color:#fff;display:flex;flex-grow:0;flex-shrink:0;justify-content:space-between;padding:30px 20px 10px;width:100%}.audio-controls__button-container{gap:10px}.audio-controls__button,.audio-controls__button-container{align-items:center;display:flex;justify-content:center}.audio-controls__mid{text-align:center}.audio-controls__left{align-items:center;display:flex;gap:10px;justify-content:flex-start;min-width:250px}.timeline{background-color:#595757;border-radius:5px;height:5px;margin:15px 0;position:relative;width:300px}.timeline__progress{background-color:#fff;border-radius:5px;height:100%}.timeline__circle{background-color:#fff;border:2px solid #1e1e1e;border-radius:50%;height:10px;position:absolute;top:0;-webkit-transform:translate(-50%,-25%);transform:translate(-50%,-25%);width:10px}.timeline__timer{margin:10px 0}.timeline.active .timeline__progress{background-color:#00a2ff;background-color:var(--cd-color)}.volume-control{-webkit-appearance:none;background:#595757;border-radius:5px;height:5px;opacity:1;outline:none;transition:opacity .2s;width:100px}.volume-control::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;cursor:pointer;height:10px;width:10px}.volume-control::-moz-range-thumb{appearance:none;background:#fff;border-radius:50%;cursor:pointer;height:10px;width:10px}.song-info__img{height:45px;width:45px}.song-info__text{font-size:.8em}.song-info__text :first-child{font-weight:700}.cover-image__container{border-radius:10px;flex:0 0 200px;height:200px;overflow:hidden;position:relative;width:200px}.cover-image__color-overlay{background-color:#fff;height:100%;mix-blend-mode:multiply;position:absolute;width:100%}.cover-image__img{height:100%;object-fit:cover;position:absolute;width:100%}.audio-browser{background-color:#191919;display:flex;flex-grow:1;flex-shrink:1;height:100%;overflow:hidden;width:100%}.audio-browser__menu{background-color:#242424;box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:40px 25px;width:300px}.audio-browser_description{max-width:800px}.audio-browser_intro-header{display:flex;gap:20px}.audio-browser__playlist-type{background-color:#393939;border-radius:20px;display:inline-flex;margin:10px 0;padding:10px}.audio-browser_intro-header h1{font-size:3em}.audio-browser__menu-logo{margin:0 0 20px;width:80%}.audio-browser__menu>a{box-sizing:border-box;color:#fff;display:block;text-decoration:none}.audio-browser__menu>a:hover{background-color:#494949;color:#fff}.audio-browser__menulink{background-color:#292929;border-radius:5px;margin:5px 0;padding:10px}.audio-browser__menulink.xl{align-items:center;display:flex;font-size:1.25em;gap:5px}.audio-browser__menulink.active{background-color:#494949}.audio-browser__menuseperator{background-color:#3a3a3a;height:1px;margin:10px 0;width:100%}.audio-browser__content{box-sizing:border-box;height:100%;overflow-y:scroll;padding:40px;width:100%}.song-playlist{box-sizing:border-box;color:#fff;margin:30px 0;width:100%}.song-list{list-style-type:none;margin:0;padding:0;width:100%}.song-item{grid-gap:30px;align-items:center;border-bottom:1px solid #282828;display:grid;gap:30px;grid-auto-rows:1fr;grid-template-columns:minmax(100px,1fr) .6fr 2fr 2fr 1fr .3fr .3fr;height:40px;padding:10px 0}.song-item.active .song-item__text.song__Songtitel{color:#00a2ff;color:var(--cd-color)}.song-item.header .song__Genre,.song-item.header .song__Interpret,.song-item.header .song__Nr,.song-item.header .song__Songdauer,.song-item.header .song__Songtitel{cursor:pointer}.song-item:hover:not(.song-item.header){background-color:#161616;border-radius:10px}.song-item.header{font-weight:700}.song-item__text{align-items:center;display:flex;flex-direction:row;position:relative;width:100%}.song-item__span,.song-item__text{overflow:hidden;white-space:nowrap}.song-item__span{text-overflow:ellipsis}.song-item__arrow{display:flex;margin-left:5px}.song-item__cover{max-height:50px;object-fit:contain;object-position:left;width:100%}.song-column-header{align-items:baseline;display:flex;gap:4px}.song-item__controls{display:flex;gap:10px;overflow:hidden}.button-container__inner:hover svg{fill:#00a2ff;fill:var(--cd-color)}.button-container__inner svg :active{fill:grey}.playlist-list{display:flex;flex-wrap:wrap;gap:20px;margin:20px 0}.playlist-item{align-items:center;border:2px solid transparent;border-radius:10px;box-sizing:border-box;color:#fff;display:flex;flex:0 0 225px;font-weight:700;height:225px;justify-content:center;overflow:hidden;position:relative;text-decoration:none}.playlist-item__image{height:100%;object-fit:cover;position:absolute;width:100%}.playlist-item:hover{border:2px solid #fff}.playlist-item__inner{align-items:center;display:flex;gap:5px;pointer-events:none;position:absolute}.playlist-item__button{background:transparent;display:flex;margin:0;padding:0;pointer-events:all}.playlist-item__inner svg:hover{fill:#00a2ff;fill:var(--cd-color)}.playlist-item__overlay{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);height:100%;mix-blend-mode:multiply;opacity:1;position:absolute;width:100%}.playlist-item__gradient{background:linear-gradient(rgba(32,32,32,.25),#202020);height:100%;position:absolute;width:100%}ul{list-style-type:none;padding:0}li{border:1px solid #ddd;margin:0 -1px;padding:12px;text-align:center;transition:background-color .2s}li:hover{background-color:#ddd}.cover-wrapper{display:flex;flex-wrap:wrap;gap:20px;overflow:hidden}.cover-container{border:2px solid transparent;border-radius:10px;height:150px;overflow:hidden;position:relative;width:150px}.cover-container img{height:100%;object-fit:cover;width:100%}.cover-overlay{height:100%;left:0;mix-blend-mode:multiply;opacity:1;position:absolute;top:0;width:100%}.cover-image{height:300px;width:300px}.info-container{background-color:#232323;border-radius:10px;box-sizing:border-box;margin:20px 0;min-height:200px;padding:20px;text-align:center;width:100%}.info-container,.search-input__container{align-items:center;display:flex;flex-direction:column;justify-content:center}.search-input__container{margin-bottom:20px}a{color:#4a90e2;text-decoration:none;transition:color .3s ease}a:hover{color:#07c}a:active{color:#005999}a:focus{box-shadow:0 0 5px 2px rgba(74,144,226,.5);outline:none}.no-margin{margin:0}ul.legalpage-list li{border:none;margin:10px 0;padding:0;text-align:left}ul.legalpage-list li:hover{background:inherit}select{background-color:#fff;border:1px solid #ccc;border-radius:4px;font-size:16px;margin:10px;min-width:100px;padding:5px 10px}select:hover{background-color:#f9f9f9}select:focus{border-color:#888;box-shadow:0 0 5px rgba(0,0,0,.3);outline:none}select option:checked{background-color:#e0e0e0}.globalcontextmenu{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden;position:absolute;width:100vw;z-index:100}.globalcontextmenu__background{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:rgb(28,28,28,.5s);height:100%;position:absolute;width:100%}.globalcontextmenu__container{align-items:center;background-color:#373737;border-radius:20px;display:flex;flex-direction:column;justify-content:center;max-height:400px;max-width:600px;overflow-y:scroll;padding:20px;position:relative;text-align:center;width:100%;z-index:105}.globalcontextmenu__button-container{display:flex;gap:10px}.legalpage-table{border-collapse:collapse;margin-bottom:1em;width:100%}.legalpage-table th{background-color:#333;color:#fff;font-weight:700;padding:.5em;text-align:left}.legalpage-table td{border:1px solid #333;padding:.5em}.legalpage-list{list-style-type:none;padding:0}.legalpage-list li{margin-bottom:.5em}.legalpage-list li a{color:#fff;text-decoration:underline}@media only screen and (max-width:900px){.song-item{gap:10px;grid-template-columns:minmax(100px,1fr) .5fr 1fr 1fr}.song__Genre,.song__Nr,.song__Songdauer{display:none}}@media only screen and (max-width:800px){.audio-browser__menu-logo{margin:0 0 10px;width:60%}.audio-controls{flex-direction:column;gap:10px;padding:10px}.audio-controls__right{margin:0 0 1px}.audio-controls__left{justify-content:center;min-width:auto;text-align:center}.song-info__img{display:none}.timeline{margin:10px;width:200px}.audio-browser{flex-direction:column;height:auto;overflow-y:scroll}.audio-browser__menu{background-color:#191919;height:auto;padding:20px 20px 0;width:100%}.audio-browser__content{overflow:visible;padding:20px}}@media only screen and (max-width:600px){.audio-browser_intro-header{flex-direction:column}.audio-browser_intro-header h1{font-size:1.7em}.song-item{gap:10px;grid-template-columns:minmax(100px,1fr) 1fr 1fr}.song__Cover{display:none}.playlist-item{flex:0 0 100%;height:100px}.cover-image__container{width:100%}}
/*# sourceMappingURL=main.b9b55f81.css.map*/