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{--bg:#151515;--bg-highlight:#222;--light-gray:#cbc5bf;--accent-orange:#ff5900;--darkened-orange:#cc4700;--error-red:#ff4848}*{zoom:100%;box-sizing:border-box;font-family:Varela Round,sans-serif;font-size:1rem}body{background-color:#151515;background-color:var(--bg)}body.dragging,body.dragging *{cursor:grabbing!important;cursor:-webkit-grabbing}.App{margin:auto;max-width:50rem;text-align:center;width:90vw}.App-header{fill:#fff;align-items:flex-end;display:flex;justify-content:center;min-height:25vh}.App-logo{height:8rem;transition-duration:.15s;width:clamp(10vw,20rem,60vw)}.App-logo:hover{fill:silver}.App-logo:active{fill:var(--bg-highlight)}.Text-Input{border:2px solid #fff;border-radius:5px;display:flex;margin-top:2rem;overflow:hidden}.Text-Input input:focus{outline:none}.URL-Input{background-color:var(--bg);border:none;color:var(--light-gray);flex:1 1;padding:.75rem 1.5rem}.Hammer-Button{background-color:var(--accent-orange);border:none;border-left:2px solid #fff;color:#fff;font-size:1.2rem;padding:.4rem 1rem;transition-duration:.15s}.Hammer-Button:hover{background-color:var(--darkened-orange)}.Hammer-Button:active{background-color:var(--bg)}@keyframes slideFadeIn{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.Error{font-size:.8rem;opacity:0;padding:12px 0 0 8px;text-align:left;transition:opacity .1s ease-in}.Error.Visible{border:0;color:var(--error-red);opacity:1}@media (max-width:30rem){.Hammer-Button{display:none}}.Hider-Active{display:none}.Queue-Wrapper{-ms-overflow-style:none;border:2px solid #fff;border-radius:5px;max-height:35vh;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;scrollbar-width:none}.Queue-Wrapper::-webkit-scrollbar{display:none}.Queue{background-color:var(--bg-highlight);border-collapse:collapse;border-radius:5px;border-spacing:0;display:table;overflow:hidden;table-layout:fixed;width:100%}.Queue::-webkit-scrollbar{display:none}.Queue-Item{background-color:var(--bg-highlight);border:2px solid gray;color:#fff;display:table-row;height:3rem;text-align:left}.Column{display:table-cell;vertical-align:middle}.Album{max-height:3rem;max-width:3rem;min-width:3rem;padding:0;width:3rem}.Handle{cursor:grab;max-width:.5rem;min-width:.5rem;padding-left:1rem;padding-right:1rem;width:.5rem}.Handle:active{cursor:grabbing}.Index{max-width:4ch;min-width:4ch;text-align:center;width:4ch}.Track{max-width:40%;min-width:40%;width:40%}.Artist{max-width:30%;min-width:30%;width:30%}.Duration{max-width:3rem;min-width:3rem;padding-right:4rem;width:3rem}.Thumbnail{border-right:2px solid gray;display:block;height:3.5rem;margin:0;object-fit:cover;padding:0;width:auto}@media (max-width:38rem){.Artist{display:none}.Track{max-width:45%;min-width:45%;width:45%}}@media (max-width:23rem){.Album,.Handle,.Index{display:none}.Track{max-width:75%;min-width:75%;padding-left:1rem;width:75%}.Duration{max-width:1rem;min-width:0;padding-right:5rem}}.Info-Text{overflow:hidden;position:relative;white-space:nowrap;width:100%}.Info-Text:after{background-image:linear-gradient(to right,#fff0,var(--bg-highlight) 70%)}.Darkened:after,.Info-Text:after{content:"";height:100%;pointer-events:none;position:absolute;right:0;top:0;width:2rem;z-index:1}.Darkened:after{background-image:linear-gradient(to right,#fff0,var(--bg) 70%)}.Title-Link{color:#fff;text-decoration:none}.Title-Link:hover{text-decoration:underline}.Queue-Item.Dragged{outline:1px solid gray}.Queue-Item.Dragged,.Queue-Item.Dragged a{color:var(--accent-orange)}.Hovered{background-color:var(--bg)}.Postqueue-Container{display:flex;width:100%}.Trash-Container{align-items:center;border:2px dashed var(--bg);border-radius:6px;color:var(--bg);display:flex;font-size:1.2rem;height:2rem;justify-content:center;margin-top:.5rem;transition-duration:.15s;width:3rem}.SC-Logo-Link{height:1.4rem;margin:.5rem .5rem 0 auto;width:7rem}.SC-Logo{height:100%;width:100%}.Visible{border:2px dashed gray;color:gray;transition-duration:.15s}.Active{border:2px dashed var(--accent-orange);color:var(--accent-orange)}.Player{background-color:var(--bg-highlight);border:2px solid #fff;border-radius:5px;display:flex;height:5rem;margin:.5rem 0 1rem;overflow:hidden}.Player-Empty{display:none}.Album-Container{border-right:2px solid gray;display:block;flex:0 0 5rem}.Album-Container img{height:5rem}.Player-Body{flex:1 1 auto;flex-direction:row;min-width:0;width:100%}.Track-Container{height:45%;min-width:0;overflow:hidden;position:relative;white-space:nowrap}.Track-Container a{color:#fff;display:block;font-size:1.5rem;margin:.3rem 0 0 .5rem;overflow:hidden;text-align:left;text-decoration:none;white-space:nowrap}.Track-Container a:hover{text-decoration:underline}.Artist-Container{height:27%;min-width:0;overflow:hidden;position:relative;white-space:nowrap}.Artist-Container p{color:gray;font-size:1rem;margin:.1rem 0 0 .5rem;overflow:hidden;text-align:left;white-space:nowrap}.Progress-Container{height:28%;outline:9px blue}.Bar-Container,.Progress-Container{align-items:center;display:flex;justify-content:flex-start}.Bar-Container{flex:1 1 80%;height:25%;min-width:0}.Bar-Progress{-webkit-appearance:none;appearance:none;border:0;border-radius:3px;height:3px;margin-left:.6rem;overflow:hidden;width:100%}.Bar-Progress::-moz-progress-bar{background-color:var(--accent-orange)}.Bar-Progress::-webkit-progress-bar{background-color:#fff}.Bar-Progress::-webkit-progress-value{background-color:var(--accent-orange)}.Time-Container{flex:0 0 auto;height:100%}.Time-Container p{color:gray;font-size:.8rem;margin:.15rem .5rem 0}.Fade-Out:after{background-image:linear-gradient(to right,#fff0,var(--bg-highlight) 70%);content:"";height:100%;pointer-events:none;position:absolute;right:0;top:0;width:2rem;z-index:1}@media (max-width:30rem){.Album-Container{display:none}}.Button-Panel{flex:1 0 auto;flex-shrink:0;min-width:5rem}.Playback-Buttons-Container{border-left:2px solid #fff;border-top:2px solid #fff;border-top-left-radius:4px;height:50%;overflow:hidden}.Playback-Button{background-color:var(--accent-orange);border:0;border-left:2px solid #fff;color:#fff;height:100%;transition-duration:.15s;width:33.333%;width:2.5rem}.Playback-Button:hover{background-color:var(--darkened-orange)}.Playback-Button:active{background-color:var(--bg-highlight)}.Outer-Button{border-left:0}.Volume-Container{display:flex;height:50%;text-align:right}.Volume-Icon-Button{align-items:center;background-color:var(--bg-highlight);border:0;color:silver;display:flex;height:100%;justify-content:flex-start;min-width:33.333%;padding-left:.8rem;transition-duration:.15s;width:33.333%}.Volume-Icon-Button:hover{color:dimgray}.Volume-Button{background-color:initial;border:0;border-left:2px solid #fff;color:#fff;height:100%;transition-duration:.15s;width:33.333%;width:2.5rem;z-index:1}.Volume-Button:hover{color:silver}.Volume-Button:active{color:var(--bg)}.Volume-Buttons-Container{height:100%;position:relative;z-index:1}.Volume-Meter-Container{height:100%;position:relative;width:66.666%}.Volume-Meter{-webkit-appearance:none;appearance:none;background:none;height:100%;left:0;margin-left:2px;position:absolute;top:0;width:100%;z-index:0}.Volume-Meter::-moz-meter-bar{background:var(--accent-orange)}.Volume-Meter::-webkit-meter-bar{background:none;height:2.38rem!important}.Volume-Meter::-webkit-meter-optimum-value{background:var(--accent-orange)}.Muted::-moz-meter-bar{background:dimgray}.Muted::-webkit-meter-optimum-value{background:dimgray}
/*# sourceMappingURL=main.3d883306.css.map*/