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}.App{text-align:center}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:10vh}.App-header h1{font-size:clamp(1.8rem,4vmin,2.6rem);margin:.5em 0}.error{color:red;font-size:.8em}.song-list-scroll{overflow-x:auto;width:100%}.song-list-status{padding:16px;text-align:center}table{border-collapse:collapse;margin:1px 0;width:100%}th{background-color:#fff}.song-actions-column{min-width:24px;width:24px}.youtube-link-column{min-width:30px;width:30px}.song-actions-column .form-field.button{margin:0 auto;max-width:18px;min-width:18px;width:18px}tr:nth-child(odd){background-color:#f3f3f3}.drag-handle{cursor:grab;display:inline-block;margin-left:2px;margin-right:2px;min-width:20px}.drag-handle:active{cursor:grabbing}.play-link{background:#0000;border:0;border-radius:3px;color:#000;cursor:pointer;display:inline-flex;font:inherit;justify-content:center;min-width:28px;padding:0;text-decoration:none}.play-link:active,.play-link:hover{background:#4caf501f;color:#4caf50}.youtube-link{align-items:center;border-radius:3px;color:#c4302b;display:inline-flex;font-size:.75em;font-weight:700;justify-content:center;min-width:24px;text-decoration:none}.youtube-link:active,.youtube-link:hover{background:#c4302b1f}.youtube-link.unavailable{background:#dc35452e;color:#8b1a1a;letter-spacing:0;padding:1px 4px}.youtube-link.unavailable:active,.youtube-link.unavailable:hover{background:#dc354547}.rank-cell-editable{border-radius:3px}.rank-cell-editable:hover{background:#4caf501f;color:#4caf50}.song-action-placeholder{display:inline-block;height:0;overflow:hidden;width:18px}.form-holder{padding:0 1px}.form-row{display:flex;flex-wrap:wrap}.form-field{flex:1 1;min-width:80px}.form-field.yt_id{flex-basis:calc(6em + 30px);flex-grow:0;flex-shrink:0}.form-field.years{flex:0 0 5.5em}.form-field.long{flex:1.55 1}.form-field.button{max-width:30px;min-width:30px}.form-field.add-button{max-width:90px;min-width:90px}.form-field button,.form-field input{box-sizing:border-box;font-size:inherit;width:100%}.autofill-status{color:#4caf50;font-size:.8em}.no-spinner::-webkit-inner-spin-button,.no-spinner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.no-spinner{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}tr.random-selected{background-color:#ffd70040}tr.currently-playing td{box-shadow:inset 0 2px 0 #4caf50,inset 0 -2px 0 #4caf50}tr.currently-playing td:first-child{box-shadow:inset 2px 0 0 #4caf50,inset 0 2px 0 #4caf50,inset 0 -2px 0 #4caf50}tr.currently-playing td:last-child{box-shadow:inset -2px 0 0 #4caf50,inset 0 2px 0 #4caf50,inset 0 -2px 0 #4caf50}.icon-button{align-items:center;background:#0000;border:0;color:inherit;cursor:pointer;display:inline-flex;font:inherit;height:1em;justify-content:center;line-height:1;min-height:0;padding:0;vertical-align:initial;width:1.25em}.icon-button:active,.icon-button:hover{color:#4caf50}.song-edit-cell{position:relative}.song-edit-cell:before{content:"\00a0";visibility:hidden}.song-edit-row{align-items:center;font-size:.95em;inset:0;position:absolute}.song-edit-row .form-field{align-items:center;display:flex;height:100%}.song-edit-row .form-field button,.song-edit-row .form-field input{box-sizing:border-box;height:100%;line-height:1;padding:0 2px}.song-edit-row .form-field.button button{background:#0000;border:0;cursor:pointer}.song-edit-row .form-field.button button:active,.song-edit-row .form-field.button button:hover{color:#4caf50}.footer{background-color:#282c34;color:#fff;padding:.5em;text-align:center}.footer a{color:#fff;cursor:pointer;text-decoration:none}.footer a:active,.footer a:hover{color:#4caf50}.player-lyrics{align-self:stretch;background:#0000002e;border:1px solid #ffffff38;border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;margin:8px 0;max-height:100%;min-height:0;min-width:0;overflow:hidden;padding:10px 12px;text-align:left;width:100%}.player-current-song{flex-shrink:0;font-size:.95rem;font-weight:600;margin-bottom:6px}.player-lyrics-empty{color:#ffffff8c;font-weight:500}.player-lyrics-body{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#ffffff73 #0000;scrollbar-width:thin}.player-lyrics-body::-webkit-scrollbar{width:8px}.player-lyrics-body::-webkit-scrollbar-thumb{background:#ffffff59;border-radius:4px}.player-lyrics-plain,.player-lyrics-status{color:#ffffffb8;font-size:.85rem;white-space:pre-wrap}.player-lyrics-line{color:#ffffff6b;font-size:.9rem;line-height:1.35;padding:2px 0;transition:color .15s ease}.player-lyrics-line.is-active{color:#fff;font-weight:600}@media (max-width:1100px){.player-lyrics{display:none}}.play-random-controls{align-items:center;display:flex;flex-direction:column;gap:4px}.play-random-main{align-items:center;display:flex;gap:6px}.play-random-count{background-color:#363b45;border:1px solid #626977;border-radius:3px;box-sizing:border-box;color:#fff;font:inherit;font-size:.85em;padding:2px 4px;text-align:center;width:3.25em}.play-random-count:disabled{opacity:.45}.nav-link:disabled{cursor:default;opacity:.45}.play-clear-queue{background:#0000;border:0;color:#ffffffbf;cursor:pointer;font:inherit;font-size:.75em;line-height:1.2;padding:0;text-decoration:underline;text-underline-offset:2px}.play-clear-queue:focus-visible,.play-clear-queue:hover{color:#4caf50}.play-clear-queue:disabled{cursor:default;opacity:.35;text-decoration:none}.ranking-switcher{min-width:0}.ranking-tabs{align-items:flex-end;display:flex;gap:4px;overflow-x:auto;padding-bottom:2px}.ranking-tab{background-color:#363b45;border:1px solid #626977;border-bottom:2px solid #0000;border-radius:6px 6px 0 0;color:#fff;cursor:pointer;flex:0 0 auto;font:inherit;font-size:.95rem;line-height:1.2;padding:6px 10px;white-space:nowrap}.ranking-tab:focus-visible,.ranking-tab:hover{color:#4caf50}.ranking-tab-active{background-color:#fff;border-color:#fff;color:#222}.ranking-tab-playing{border-bottom-color:#4caf50}.ranking-tab-new{background-color:initial;border-style:dashed}.nav-link{background:#0000;border:0;color:#fff;cursor:pointer;font:inherit;padding:0;text-decoration:none}.nav-link:active,.nav-link:hover{color:#4caf50}.nav-link div{line-height:1.2}.login-form{box-sizing:border-box;line-height:1.1;padding:2px 4px;width:7em}.login-controls,.login-status{align-items:center;display:flex;gap:8px;line-height:1.2}.login-username{font-weight:600}.login-controls .text-button,.login-status .text-button{white-space:nowrap}.text-button{background:none;border:none;color:#fff;cursor:pointer;font:inherit;padding:0}.text-button:active,.text-button:hover{color:#4caf50}.ranking-dialog-backdrop{align-items:center;background-color:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:10}.ranking-dialog{background-color:#474c57;border-radius:8px;box-shadow:0 12px 32px #00000059;color:#fff;max-width:420px;min-width:280px;padding:20px}.ranking-dialog h2{margin-top:0}.ranking-dialog-field{display:flex;flex-direction:column;gap:6px;text-align:left}.ranking-dialog-field input{padding:6px 8px}.ranking-dialog-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:16px}.ranking-dialog-submit{background-color:#4caf50;border:1px solid #4caf50;border-radius:4px;color:#fff;cursor:pointer;padding:6px 12px}.ranking-dialog-submit:disabled{cursor:default;opacity:.6}.player-header{grid-gap:16px;align-items:stretch;box-sizing:border-box;display:grid;font-size:1rem;gap:16px;grid-template-columns:minmax(280px,1fr) minmax(220px,1fr) auto 440px;grid-template-rows:200px;padding:0 16px;position:-webkit-sticky;position:sticky;top:0;z-index:5}.player-side{align-items:flex-start;display:flex;flex-direction:column;gap:6px;justify-content:space-between;min-width:0;padding-top:8px;text-align:left}.player-side h1{font-size:clamp(1.4rem,3vmin,2rem);line-height:1.15;margin:0}.player-side-utils{align-items:center;display:flex;font-size:.85rem;gap:18px}.player-side .ranking-switcher{align-self:stretch}.player-queue-controls{align-items:center;display:flex;flex-direction:column;gap:6px;justify-content:center;min-width:5.5em;padding:8px 0}.player-queue-position{font-feature-settings:"tnum";color:#ffffffe6;font-size:.8rem;font-variant-numeric:tabular-nums;font-weight:600;line-height:1;min-height:1em;min-width:3.25em;text-align:center}.player-queue-position-placeholder{color:#ffffff59}.player-queue-position-hidden{visibility:hidden}.player-nav-button{background-color:#474c57;border:1px solid #626977;border-radius:4px;color:#fff;cursor:pointer;padding:4px 8px}.player-nav-button:disabled{cursor:default;opacity:.45}.player-focus-song{min-width:2em;padding:4px 6px}.player-focus-song:active,.player-focus-song:hover{color:#4caf50}.player-queue-controls .play-random-controls{border-top:1px solid #fff3;margin-top:4px;padding-top:8px}.player-video{height:200px;width:440px}.player-video-placeholder{align-items:center;background-color:#00000059;border:1px dashed #ffffff40;box-sizing:border-box;color:#ffffff4d;display:flex;font-size:2rem;height:100%;justify-content:center;width:100%}.player-video .embedded-youtube-frame,.player-video iframe{height:100%;width:100%}.embedded-youtube-frame{height:200px;min-width:440px;width:440px}@media (max-width:1100px){.player-header{grid-template-columns:minmax(240px,1fr) auto 440px}}@media (max-width:820px){.player-header{grid-template-columns:1fr auto;grid-template-rows:auto 200px}.player-video{grid-column:1/-1;justify-self:center;max-width:440px;width:100%}.embedded-youtube-frame{min-width:0}}
/*# sourceMappingURL=main.c494523f.css.map*/