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;font-weight:600}.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{align-items:center;background-color:#1a1819;border-radius:5px 5px 0 0;display:flex;height:75px;padding-left:10px;width:100%}.audio-player button img{display:block;height:32px;width:32px}.audio-player-ui{display:flex;gap:5px;height:60px;padding-left:10px;width:100%}.display-labels{display:flex;flex-direction:column;width:135px}.display-labels span{padding-left:10px}.track-name{color:#d1ccd0;font-size:15px;font-weight:700}.album-name{color:#a39ca2;font-size:12px}.track-info{align-items:center;display:flex}button{all:unset;cursor:pointer}.buttons{display:flex;gap:3px}.play-pause-button{font-size:18px;width:80px}.skip-stop-button-container{display:flex;flex-direction:column;gap:3px}.skip-buttons-container{display:flex;gap:3px}.play-pause-button{height:60px;width:60px}.play-pause-button,.skip-button{align-items:center;cursor:pointer;display:flex;justify-content:center}.skip-button{height:30px;width:30px}.stop-button{align-items:center;cursor:pointer;display:flex;height:30px;justify-content:center;width:100%}.stop-button img{width:20px}@media (max-width:480px){.audio-player{height:70px;justify-content:space-between;padding-left:0}.audio-player-ui{justify-content:space-between;width:auto}}.album{font-size:15px;padding:30px;text-align:left}.album p{margin:0;padding-bottom:7px}.album-img{box-shadow:0 4px 4px #000000b3;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.album-img:active{box-shadow:0 2px 6px #000000d9;filter:brightness(1.05);transform:translateY(-4px)}.tracks{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 (max-width:480px){.album{padding:30px;text-align:center}}.about{font-size:20px;padding:30px;text-align:center}a{color:#870002}
/*# sourceMappingURL=main.1b8b2b1d.css.map*/