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}#root,body,html{background-color:#1a1819;height:100%;margin:0}.layout{background-color:#f4ecd6;display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.header{background-image:url(/static/media/Header.ae1a7d90612ce47e3d4c.png);background-position:0;background-repeat:no-repeat;background-size:cover;flex:0 0 155px;height:155px;overflow:hidden}.page{background-color:#f4ecd6;flex:1 1 auto;min-height:0;overflow-y:auto}.header img{height:75%;width:auto}.folder-tabs{gap:2px;padding-left:15px}.folder-tabs,.tab{align-items:center;display:flex}.tab{background-color:#f4ecd6;border:1px solid #f4ecd6;border-bottom:none;border-radius:8px 8px 0 0;color:#333;font-weight:700;height:33px;justify-content:center;text-decoration:none;transition:transform .15s ease;width:170px;z-index:1}.tab,.tab-text{position:relative}.tab-text{top:-2px}.tab.active{background-color:#e9e1c6}.folder-top{background-color:#f4ecd6;border:4px solid #f4ecd6;border-radius:8px 8px 0 0;height:1px;margin-top:-3px;position:relative;z-index:2}@media (hover:hover) and (pointer:fine){.tab:hover{transform:translateY(-3px)}}@media (max-width:480px){.folder-tabs{align-items:center;display:flex;justify-content:space-evenly;padding-left:10px;padding-right:10px}.tab{width:100%}.header{text-align:center}.header img{width:100%}}.audio-player-container,.audio-player-container-inactive{bottom:0;left:0;position:fixed;transition:transform .35s cubic-bezier(.22,1,.36,1);width:100%}.audio-player-container{transform:translateY(0)}.audio-player-container-inactive{pointer-events:none;transform:translateY(100%)}.audio-player{background-color:#1a1819;border-radius:10px 10px 0 0;height:70px;justify-content:center}.audio-player,.audio-player-ui{align-items:center;display:flex;width:100%}.audio-player-ui{justify-content:space-between;padding-left:10px;padding-right:10px;position:relative}.track-info{display:flex;gap:10px}.track-info img{height:50px;width:50px}.track-info-text{display:flex;flex-direction:column;gap:5px;justify-content:center}.track-info-track-name{color:#ece8eb;font-size:15px;font-weight:500}.track-info-album-name{color:#a39ca2;font-size:13px}.controls{align-items:center;display:flex;flex-direction:column;gap:4px;left:50%;position:absolute;transform:translateX(-50%)}.buttons{display:flex;gap:7px;justify-content:center}.buttons button,.stop-button{all:unset;cursor:pointer}.stop-button img{height:30px;width:30px}.play-button img,.play-button img:hover{height:45px;width:45px}.next-button img,.previous-button img{height:25px;width:25px}.progress-row{align-items:center;color:#a39ca2;display:flex}.progress-row input[type=range]{-webkit-appearance:none;appearance:none;border-radius:999px;cursor:pointer;height:4px;outline:none;width:400px}.progress-row input[type=range]::-webkit-slider-runnable-track{border-radius:999px;height:4px}.progress-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border:none;height:0;width:0}@media (max-width:750px){.audio-player{height:55px}.track-info img{height:38px;width:38px}.track-info-text{gap:3px}.audio-player-ui{gap:12px;justify-content:flex-start}.controls{align-items:center;display:flex;flex-direction:row;margin-left:auto;position:static;transform:none}.progress-row,.stop-button{display:none}.buttons{gap:10px}.next-button img,.previous-button img{height:22px;width:22px}.track-info-track-name{font-size:14px}.track-info-album-name{font-size:12px}}.album{align-items:flex-start;display:flex;font-size:15px;gap:40px;padding:30px;text-align:left}.album p{margin:0;padding-bottom:7px}.album-details{display:flex;flex:0 0 420px;flex-direction:column;max-width:420px;min-width:420px;position:-webkit-sticky;position:sticky;top:30px}.album-text{padding-top:10px}.album-img{box-shadow:0 4px 4px #000000b3;cursor:pointer;height:auto;max-width:420px;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;width:100%}.tracks{align-items:flex-start;display:flex;flex:2 1;flex-wrap:wrap;min-width:0;padding-bottom:50px}.track{min-width:270px;padding-right:10px;text-align:left}.track-name{align-items:center;display:flex;padding-bottom:10px}.track-play-row{all:unset;cursor:pointer;gap:12px}.play-icon,.track-play-row{align-items:center;color:#870002;display:flex}.play-icon{border:2px solid #870002;border-radius:6px;box-shadow:0 2px 0 #500001;font-size:18px;height:30px;justify-content:center;transition:transform .08s ease,box-shadow .08s ease;width:30px}.track-play-row:active .play-icon{box-shadow:0 1px 0 #500001}.track-title{color:#870002;font-size:22px;font-weight:700}.track-play-row:active .play-icon{box-shadow:0 0 0 #500001;transform:translateY(2px)}.bottom-padding{height:50px}@media (hover:hover) and (pointer:fine){.album-img:hover{box-shadow:0 2px 6px #000000d9;filter:brightness(1.05);transform:translateY(-4px)}.track-title:hover{text-decoration:underline}}@media (max-width:420px){.album{flex-direction:column;padding:35px;text-align:center}.album-details{align-items:flex-start;flex:none;max-width:100%;min-width:0;position:static;top:auto;width:100%}.tracks{padding-bottom:0}.track{padding-right:0}}.about{font-size:20px;margin:0 auto;max-width:800px;padding-left:40px;padding-right:40px;padding-top:30px;text-align:center}a{color:#870002}@media (max-width:480px){.about{padding:10px 30px 30px}}
/*# sourceMappingURL=main.a3c9a62f.css.map*/