:root{--c-dark:#1a1a1a;--c-gray:#9a9a9a;--c-light:#dadae3;--c-primary:#d53434;--c-primary-light:#ef5151}@font-face{font-family:JetBrainsMono;font-weight:100;src:url(/static/media/JetBrainsMono-Thin.f3e5200ec54a82778a61.ttf)}@font-face{font-family:JetBrainsMono;font-weight:200;src:url(/static/media/JetBrainsMono-ExtraLight.21ec99e444594b87e692.ttf)}@font-face{font-family:JetBrainsMono;font-weight:300;src:url(/static/media/JetBrainsMono-Light.edc65c0ab3862494e8fd.ttf)}@font-face{font-family:JetBrainsMono;font-weight:400;src:url(/static/media/JetBrainsMono-Regular.3eb7f2ebfc6706e5e704.ttf)}@font-face{font-family:JetBrainsMono;font-weight:500;src:url(/static/media/JetBrainsMono-Medium.2504f21abf8bf1f0613a.ttf)}@font-face{font-family:JetBrainsMono;font-weight:700;src:url(/static/media/JetBrainsMono-Bold.22de78038079f5b8c333.ttf)}@font-face{font-family:JetBrainsMono;font-weight:800;src:url(/static/media/JetBrainsMono-ExtraBold.b9d8bb854f117b80133e.ttf)}#root,.App,body,html{height:100%}h1,h2,h3,h4,h5,h6{margin:0 0 .5rem}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1a1a;background-color:var(--c-dark);color:#dadae3;color:var(--c-light);font-family:JetBrainsMono,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:18px;font-weight:200;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}p{margin:0}.navigation button,a,a:visited{color:#d53434;color:var(--c-primary);font-size:1rem}.navigation{padding:0}.navigation a,.navigation button{padding-right:1rem}.navigation button{background:none;border:none;cursor:pointer;font-family:inherit;font-weight:inherit;padding:0;text-decoration:underline}.App{display:grid;grid-template-areas:"navigation" "playlists" "video-title" "timebar" "player-controls";grid-template-rows:75px 1fr auto 5px 65px}.App--player-hidden{grid-template-rows:75px 1fr 0 0 0}.App--player-hidden .player-controls,.App--player-hidden .timebar__wrapper,.App--player-hidden .video-title{backface-visibility:hidden;-webkit-backface-visibility:hidden;min-height:0;opacity:0;overflow:hidden;pointer-events:none;transform:translate3d(0,100%,0);transition:opacity .2s ease-out,transform .2s ease-out}.App--player-visible .player-controls,.App--player-visible .timebar__wrapper,.App--player-visible .video-title{animation:player-slide-up .35s ease-out forwards;backface-visibility:hidden;-webkit-backface-visibility:hidden}@keyframes player-slide-up{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}embed,iframe,object{max-height:100%;max-width:100%}.video-player--yt{display:none}.video-title{align-self:end;grid-area:video-title;margin:1rem 0;padding:0 1rem}.player-controls{align-self:end;grid-area:player-controls;height:100%}.navigation{align-items:center;display:flex;flex-flow:row nowrap;grid-area:navigation;padding:0 1rem}.playlists{grid-area:playlists}.view{padding:0 1rem}.add-playlist__message{font-size:.9rem;margin:0 0 1rem;padding:.5rem 0}.add-playlist__message--success{color:#6b9b6b}.add-playlist__message--error{color:#d53434;color:var(--c-primary)}.view.playlists{display:grid;grid-template-columns:1fr;grid-template-rows:auto;margin:1rem 0}.playlist-tracks{align-self:end;color:#dadae3;color:var(--c-light);list-style-type:none;margin:0;max-height:250px;overflow-y:scroll;padding:0}.playlist-track{column-gap:1rem;cursor:pointer;display:flex;flex-flow:row;font-size:.85rem;margin-bottom:.5rem}.playlist-track.playing{color:#ef5151;color:var(--c-primary-light);cursor:default}.playlist-track.deleted{color:#9a9a9a;color:var(--c-gray);cursor:default}.playlist__items{column-gap:.8rem;display:flex;flex-flow:row wrap;list-style-type:none;margin:0;padding:0;row-gap:.8rem}.playlist__item{border:1px solid #dadae3;border:1px solid var(--c-light);column-gap:.5rem;cursor:pointer;display:flex;font-size:.9rem;height:-moz-fit-content;height:fit-content;padding:.5rem 1.75rem .5rem .5rem;position:relative}.playlist__item.selected,.playlist__item:hover{background-color:#d53434;background-color:var(--c-primary);border-color:#0000}.playlist__name{align-self:center}.playlist__button{align-self:flex-start;background:none;border:none;color:#dadae3;color:var(--c-light);cursor:pointer;margin:0;padding:0;position:absolute;right:0;top:0}.playlist__button svg{max-width:20px}.video-title .title{display:block;font-size:14px}.video-title__sub{font-size:12px;margin-bottom:.2rem}.timebar__wrapper{background:#dadae3;background:var(--c-light);cursor:pointer;grid-area:timebar;position:relative;width:100%}.timebar{background:#d53434;background:var(--c-primary);display:block;height:100%;width:0}@media screen and (min-width:760px){.playlist-track{font-size:.95rem}.playlist__item{font-size:1rem}}.player-controls{align-items:center;display:flex;justify-content:center;width:100%}.player-controls__button{background:none;border:none;color:var(--c-primary-light);cursor:pointer;display:block;height:100%;margin:0 .8rem;padding:.2rem}.player-controls__button svg{height:100%;min-width:1rem}.player-controls__button:disabled{cursor:default}.player-controls__spinner{animation:player-controls-spin .8s linear infinite}@keyframes player-controls-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.be326165.css.map*/