body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#00008b;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}*{box-sizing:border-box}body,html{background:linear-gradient(#111,#222);color:#fff;height:100%;padding:4px}h1{margin:2px;text-align:center}h2{font-size:1.2rem;margin:8px}iframe{border-radius:10px}button,iframe{box-shadow:1px 1px 2px 1px #000}button{border:none;border-radius:0;border-radius:2px;height:28px;margin:2px;outline:none;padding:4px;width:74px}.App{background:linear-gradient(#444,#666);box-shadow:1px 1px 4px 1px #000;color:#f5f5f5;display:flex;flex-direction:row;justify-content:space-around;margin:0 auto;max-width:1000px;padding:8px;text-align:center;width:85%}.App,.section{border-radius:10px}.section{background:linear-gradient(#666,#888);padding:4px;width:48%}.playback-action{background-color:#192;color:#fff;font-weight:700;width:28px}.playback-action:hover{background-color:#1f2}.playback-action.play:after{content:"⯈"}.playback-action.pause:after{content:"| |"}.playback-action.next:after{content:"▶▶";font-size:.5rem}.playback-action.previous:after{content:"◀◀";font-size:.5rem}.playlist-item{background-color:#219;border-radius:4px;box-shadow:1px 1px 1px 1px #000;margin:4px;padding:4px}.playlist-item.active{background-color:#192}.playlist-item>input{border:none;height:28px;margin:2px;outline:none}button.item-action{background-color:#dd1;width:28px}button.item-action:hover{background-color:#ee1;width:28px}button.item-action:active{box-shadow:0 0 0 1px #fff}.item-action.close{background-color:#a22;color:#fff;font-size:bold;padding:4px}.item-action.close:hover{background-color:#d22;color:#fff;font-size:bold;padding:4px;width:28px}button.item-action.close:after{content:"X"}button.item-action.up:after{content:"⮝"}button.item-action.down:after{content:"⮟"}button.item-action.play{background-color:#192;color:#fff}button.item-action.play:hover{background-color:#1d2;color:#fff}button.item-action.play:after{content:"⯈"}ul{list-style-type:none;margin:0;padding:0}button.add-item{background-color:#192;color:#fff;font-size:1rem;width:148px}
/*# sourceMappingURL=main.45c20af7.css.map*/