body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:JetBrains Mono,ui-monospace,monospace;font-family:var(--font-family,"JetBrains Mono",ui-monospace,monospace);font-weight:300;font-weight:var(--font-weight,300);margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--d4:#10191d;--d3:#171f29;--d2:#192831;--d1:#1c2a37;--ac1:#26ffa1;--l1:#d5ffed;--l2:#edfff7}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#171f29;background:var(--d3)}::-webkit-scrollbar-thumb{background:#1c2a37;background:var(--d1)}::-webkit-scrollbar-thumb:hover{background:#26ffa1;background:var(--ac1)}::-webkit-scrollbar-corner{background:#171f29;background:var(--d3)}.bg-d4{background-color:#10191d;background-color:var(--d4)}.bg-d3{background-color:#171f29;background-color:var(--d3)}.bg-d2{background-color:#192831;background-color:var(--d2)}.bg-d1{background-color:#1c2a37;background-color:var(--d1)}.fg-l1{color:#d5ffed;color:var(--l1)}.fg-l2{color:#edfff7;color:var(--l2)}.fg-ac1{color:#26ffa1;color:var(--ac1)}.btn,.dropdown-menu,.form-control,.list-group-item{border-radius:0!important}.App-header{align-items:center;background-color:#10191d;background-color:var(--d4);color:var(--lighter);display:block;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh;overflow:hidden;padding-bottom:32px}.library{display:flex;flex-direction:row;height:calc(100vh - 32px);width:100%}.library-col{border-right:1px solid var(--hairline);display:flex;flex:1 1;flex-direction:column;height:100%;overflow:hidden;padding:32px}.library-col--main{border-right:none;flex:2 1;overflow-y:auto}.library-song-list{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:auto}.library-song-header{flex-shrink:0;margin-bottom:24px}.library-verse{margin-bottom:20px}.library-lyrics{flex:1 1}.form-control{background-color:#171f29;background-color:var(--d3);border:none;border-bottom:1px solid #26ffa1;border-bottom:1px solid var(--ac1);border-radius:0;color:#edfff7;color:var(--l2);transition:none;width:96%}.form-control:focus{background-color:#10191d;background-color:var(--d4);border:1px solid #26ffa1;border:1px solid var(--ac1);box-shadow:none;color:#edfff7;color:var(--l2)}.btn-check+.btn{background-color:#1c2a37;background-color:var(--d1);border-color:#1c2a37;border-color:var(--d1);color:#d5ffed;color:var(--l1)}.btn-check+.btn:hover{background-color:#26ffa1;background-color:var(--ac1);border-color:#26ffa1;border-color:var(--ac1);color:#10191d;color:var(--d4)}.btn-check:checked+.btn{background-color:#1c2a37;background-color:var(--d1);border-color:#26ffa1;border-color:var(--ac1);color:#26ffa1;color:var(--ac1)}.taskbar{background-color:#171f29;background-color:var(--d3);bottom:0;font-size:12px;height:32px;justify-content:space-between;left:0;position:fixed;right:0;z-index:100}.taskbar,.taskbar-tabs{align-items:stretch;display:flex}.taskbar-tab{background:none;border:none;border-right:1px solid hsla(0,0%,100%,.07);border-right:1px solid var(--hairline,hsla(0,0%,100%,.07));color:#d5ffed;color:var(--l1);cursor:pointer;opacity:.5;padding:0 14px}.taskbar-tab:hover{opacity:.8}.taskbar-tab--active{box-shadow:0 1px 0 #26ffa1;box-shadow:0 1px 0 var(--ac1);color:#26ffa1;color:var(--ac1);opacity:1;text-shadow:0 0 12px #26ffa1;text-shadow:0 0 12px var(--ac1)}.taskbar-actions{align-items:stretch;display:flex}.taskbar-action{background:none;border:none;border-left:1px solid hsla(0,0%,100%,.07);border-left:1px solid var(--hairline,hsla(0,0%,100%,.07));color:#d5ffed;color:var(--l1);cursor:pointer;opacity:.7;padding:0 14px}.taskbar-action--active{box-shadow:0 1px 0 #26ffa1;box-shadow:0 1px 0 var(--ac1);color:#26ffa1;color:var(--ac1);opacity:1;text-shadow:0 0 12px #26ffa1;text-shadow:0 0 12px var(--ac1)}.taskbar-action:hover{color:#26ffa1;color:var(--ac1);opacity:1;text-shadow:0 0 10px #26ffa1;text-shadow:0 0 10px var(--ac1)}.taskbar-tab-sublabel{color:#edfff7;color:var(--l2);letter-spacing:normal;margin-left:8px;opacity:.8;text-shadow:none;text-transform:none}.setlist-browse{height:calc(100vh - 32px);overflow-y:auto;padding:40px}.setlist-grid{display:flex;flex-wrap:wrap;gap:20px}.setlist-tile{align-items:flex-start;cursor:pointer;display:flex;flex-direction:column;height:130px;justify-content:flex-end;padding:18px;text-align:left;transition:border-color .15s ease;transition:border-color var(--transition-fast,.15s ease);width:300px}.setlist-tile--new{align-items:center;border-style:dashed;justify-content:center}.setlist-tile-plus{color:#d5ffed;color:var(--l1);font-size:32px;line-height:1;opacity:.4}.setlist-tile--new:hover .setlist-tile-plus{color:#26ffa1;color:var(--ac1);opacity:1}.setlist-tile-title{color:#edfff7;color:var(--l2);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.setlist-tile-date{color:#d5ffed;color:var(--l1);margin-top:6px;opacity:.5}.song-preview{height:100%;overflow-y:auto;padding:4px}.song-preview-header,.song-preview-verse{margin-bottom:20px}.setlist-editor{display:flex;height:calc(100vh - 32px);overflow:hidden}.setlist-editor-col{border-right:1px solid hsla(0,0%,100%,.07);border-right:1px solid var(--hairline,hsla(0,0%,100%,.07));display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:32px}.setlist-editor-col:last-child{border-right:none}.setlist-editor-col-label{color:#d5ffed;color:var(--l1);font-size:11px;font-weight:700;letter-spacing:.12em;margin-bottom:16px;opacity:.4;text-transform:uppercase}.song-search-input{flex-shrink:0;margin-bottom:12px}.song-search-list{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:auto}.song-search-item{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:8px 10px}.song-search-item:hover{background:hsla(0,0%,100%,.08)}.song-search-item:hover .fg-l2{color:#26ffa1;color:var(--ac1)}.song-search-item-text{flex:1 1;overflow:hidden}.song-search-add-btn{background:none;border:none;color:#26ffa1;color:var(--ac1);cursor:pointer;font-size:18px;line-height:1;opacity:0;padding:0 4px}.song-search-item:hover .song-search-add-btn{opacity:1}.song-search-item:has(.song-search-add-btn:hover) .fg-l2{color:#edfff7;color:var(--l2)}.song-search-item:has(.song-search-add-btn:hover):before{background:linear-gradient(#26ffa1,#26ffa1) 0 0 /10px 1px no-repeat,linear-gradient(#26ffa1,#26ffa1) 0 0 /1px 10px no-repeat,linear-gradient(#26ffa1,#26ffa1) 0 100% /10px 1px no-repeat,linear-gradient(#26ffa1,#26ffa1) 0 100% /1px 10px no-repeat;background:linear-gradient(var(--ac1),var(--ac1)) 0 0 /var(--tick-size,10px) 1px no-repeat,linear-gradient(var(--ac1),var(--ac1)) 0 0 /1px var(--tick-size,10px) no-repeat,linear-gradient(var(--ac1),var(--ac1)) 0 100% /var(--tick-size,10px) 1px no-repeat,linear-gradient(var(--ac1),var(--ac1)) 0 100% /1px var(--tick-size,10px) no-repeat;opacity:1}.song-search-item:has(.song-search-add-btn:hover):after{background:linear-gradient(#26ffa1,#26ffa1) 100% 0 /10px 1px no-repeat,linear-gradient(#26ffa1,#26ffa1) 100% 0 /1px 10px no-repeat,linear-gradient(#26ffa1,#26ffa1) 100% 100% /10px 1px no-repeat,linear-gradient(#26ffa1,#26ffa1) 100% 100% /1px 10px no-repeat;background:linear-gradient(var(--ac1),var(--ac1)) 100% 0 /var(--tick-size,10px) 1px no-repeat,linear-gradient(var(--ac1),var(--ac1)) 100% 0 /1px var(--tick-size,10px) no-repeat,linear-gradient(var(--ac1),var(--ac1)) 100% 100% /var(--tick-size,10px) 1px no-repeat,linear-gradient(var(--ac1),var(--ac1)) 100% 100% /1px var(--tick-size,10px) no-repeat;opacity:1}.setlist-editor-ordered-list{display:flex;flex:1 1;flex-direction:column;gap:6px;overflow-y:auto}.setlist-editor-song-item{align-items:center;cursor:pointer;display:flex;gap:10px;padding:12px 14px}.setlist-editor-song-item--selected,.setlist-editor-song-item--selected:hover{backdrop-filter:blur(10px);backdrop-filter:blur(var(--glass-blur-hover,10px));-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(var(--glass-blur-hover,10px))}.setlist-editor-song-item--drag-over{border-color:#26ffa1;border-color:var(--ac1);opacity:.5}.setlist-editor-drag-handle{color:#d5ffed;color:var(--l1);cursor:grab;font-size:14px;opacity:.3}.setlist-editor-song-title{flex:1 1;overflow:hidden}.setlist-editor-delete-btn{background:none;border:none;color:#d5ffed;color:var(--l1);cursor:pointer;font-size:12px;opacity:.3;padding:0 2px}.setlist-editor-delete-btn:hover{color:#ff6b6b;opacity:1}.setlist-editor-drop-zone{border:1px dashed #1c2a37;border:1px dashed var(--d1);color:#d5ffed;color:var(--l1);font-size:11px;margin-top:4px;opacity:.3;padding:14px;text-align:center}.setlist-tile-top{opacity:0;position:absolute;right:10px;top:10px;transition:opacity .15s}.setlist-tile{position:relative}.setlist-tile:hover .setlist-tile-top{opacity:1}.setlist-tile-play{background:none;border:none;color:#26ffa1;color:var(--ac1);cursor:pointer;font-size:14px;line-height:1;opacity:.7;padding:4px 6px}.setlist-tile-play:hover{opacity:1}.present-btn{background:none;border:none;color:#d5ffed;color:var(--l1);cursor:pointer;font-size:12px;opacity:.5;padding:10px 14px;text-align:center;transition:opacity .15s ease;transition:opacity var(--transition-fast,.15s ease);width:100%}.present-btn:hover{color:#26ffa1;color:var(--ac1);opacity:1}.present-view{height:calc(100vh - 32px)}.present-col,.present-view{display:flex;overflow:hidden}.present-col{border-right:1px solid hsla(0,0%,100%,.07);border-right:1px solid var(--hairline,hsla(0,0%,100%,.07));flex:1 1;flex-direction:column;padding:32px}.present-col--middle{flex:4 1}.present-col:last-child{border-right:none}.present-col:first-child{overflow:clip}.present-col-label{color:#d5ffed;color:var(--l1);font-size:11px;font-weight:700;letter-spacing:.12em;margin-bottom:16px;opacity:.4;text-transform:uppercase}.present-setlist{display:flex;flex:1 1;flex-direction:column;overflow:visible}.present-setlist-meta{border-bottom:1px solid #192831;border-bottom:1px solid var(--d2);margin-bottom:16px;padding-bottom:12px}.present-setlist-songs{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow-y:auto}.present-setlist-song{align-items:center;cursor:pointer;display:flex;gap:8px;padding:8px 12px}.present-setlist-song--active,.present-setlist-song--active:hover{backdrop-filter:blur(10px);backdrop-filter:blur(var(--glass-blur-hover,10px));-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(var(--glass-blur-hover,10px))}.present-setlist-dot{color:#26ffa1;color:var(--ac1);font-size:8px}.present-tiles{align-content:flex-start;display:flex;flex:1 1;flex-wrap:wrap;gap:10px;overflow-y:auto;padding:4px}.present-tiles-divider{color:#edfff7;color:var(--l2);opacity:.4;padding:8px 4px 2px;width:100%}.present-tiles-divider:first-child{padding-top:0}.present-tile{color:#edfff7;color:var(--l2);cursor:pointer;max-width:280px;min-width:140px;padding:12px}.present-tile--active{border-color:#26ffa1;border-color:var(--ac1);color:#26ffa1;color:var(--ac1)}.present-tile-label{font-size:10px;font-weight:700;letter-spacing:.1em;margin-bottom:6px;opacity:.6;text-transform:uppercase}.present-tile--active .present-tile-label{color:#26ffa1;color:var(--ac1)}.present-controls{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.present-controls-live-area{align-items:center;display:flex;justify-content:center;padding:32px 0}.present-live-btn{background-color:#1c2a37;background-color:var(--d1);border:none;color:#edfff7;color:var(--l2);cursor:pointer;letter-spacing:.05em;opacity:.5;padding:6px 24px}.present-live-btn:hover{opacity:.8}.present-live-btn--active{background-color:#c0392b;color:#fff;opacity:1}.present-live-btn--active:hover{background-color:#e74c3c}.present-controls-preview{flex:1 1;overflow-y:auto;padding:4px}.present-preview-verse{padding:8px 0}.present-preview-overlay{align-items:center;display:flex;height:100%;justify-content:center}.present-controls-toggles{border-top:1px solid #192831;border-top:1px solid var(--d2);display:flex;flex-direction:column;gap:8px;margin-top:12px;padding-top:16px}.present-toggle-row{display:flex;gap:8px}.present-toggle-tile{align-items:center;background:none;border:none;color:#edfff7;color:var(--l2);cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:4px;opacity:.4;padding:10px 8px}.present-toggle-tile:hover{opacity:.7}.present-toggle-tile--active{opacity:1}.present-toggle-icon{font-size:14px}.present-toggle-tile--active .present-toggle-icon{color:#26ffa1;color:var(--ac1)}.present-toggle-label{font-size:11px}.frosted{backdrop-filter:blur(6px);backdrop-filter:blur(var(--glass-blur,6px));-webkit-backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(var(--glass-blur,6px));background:rgba(28,42,55,.35);background:var(--glass-bg,rgba(28,42,55,.35));border:1px solid hsla(0,0%,100%,.07);border:1px solid var(--glass-border,hsla(0,0%,100%,.07));transition:backdrop-filter .15s ease,-webkit-backdrop-filter .15s ease;transition:backdrop-filter var(--transition-fast,.15s ease),-webkit-backdrop-filter var(--transition-fast,.15s ease)}.frosted:hover{backdrop-filter:blur(10px);backdrop-filter:blur(var(--glass-blur-hover,10px));-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(var(--glass-blur-hover,10px))}.ticks{position:relative}.ticks:after,.ticks:before{content:"";inset:0;opacity:.15;opacity:var(--tick-opacity-rest,.15);pointer-events:none;position:absolute;transition:opacity .15s ease;transition:opacity var(--transition-fast,.15s ease)}.ticks:before{background:linear-gradient(#fff,#fff) 0 0 /10px 1px no-repeat,linear-gradient(#fff,#fff) 0 0 /1px 10px no-repeat,linear-gradient(#fff,#fff) 0 100% /10px 1px no-repeat,linear-gradient(#fff,#fff) 0 100% /1px 10px no-repeat;background:linear-gradient(#fff,#fff) 0 0 /var(--tick-size,10px) 1px no-repeat,linear-gradient(#fff,#fff) 0 0 /1px var(--tick-size,10px) no-repeat,linear-gradient(#fff,#fff) 0 100% /var(--tick-size,10px) 1px no-repeat,linear-gradient(#fff,#fff) 0 100% /1px var(--tick-size,10px) no-repeat}.ticks:after{background:linear-gradient(#fff,#fff) 100% 0 /10px 1px no-repeat,linear-gradient(#fff,#fff) 100% 0 /1px 10px no-repeat,linear-gradient(#fff,#fff) 100% 100% /10px 1px no-repeat,linear-gradient(#fff,#fff) 100% 100% /1px 10px no-repeat;background:linear-gradient(#fff,#fff) 100% 0 /var(--tick-size,10px) 1px no-repeat,linear-gradient(#fff,#fff) 100% 0 /1px var(--tick-size,10px) no-repeat,linear-gradient(#fff,#fff) 100% 100% /var(--tick-size,10px) 1px no-repeat,linear-gradient(#fff,#fff) 100% 100% /1px var(--tick-size,10px) no-repeat}.ticks:hover:after,.ticks:hover:before{opacity:.4;opacity:var(--tick-opacity-hover,.4)}.ticks:active:before{background:linear-gradient(#26ffa1,#26ffa1) 0 0 /10px 1px no-repeat,linear-gradient(#26ffa1,#26ffa1) 0 0 /1px 10px no-repeat,linear-gradient(#26ffa1,#26ffa1) 0 100% /10px 1px no-repeat,linear-gradient(#26ffa1,#26ffa1) 0 100% /1px 10px no-repeat;background:linear-gradient(var(--ac1),var(--ac1)) 0 0 /var(--tick-size,10px) 1px no-repeat,linear-gradient(var(--ac1),var(--ac1)) 0 0 /1px var(--tick-size,10px) no-repeat,linear-gradient(var(--ac1),var(--ac1)) 0 100% /var(--tick-size,10px) 1px no-repeat,linear-gradient(var(--ac1),var(--ac1)) 0 100% /1px var(--tick-size,10px) no-repeat}.ticks:active:after,.ticks:active:before{opacity:1;transition:opacity .4s ease;transition:opacity var(--transition-slow,.4s ease)}.ticks:active:after{background:linear-gradient(#26ffa1,#26ffa1) 100% 0 /10px 1px no-repeat,linear-gradient(#26ffa1,#26ffa1) 100% 0 /1px 10px no-repeat,linear-gradient(#26ffa1,#26ffa1) 100% 100% /10px 1px no-repeat,linear-gradient(#26ffa1,#26ffa1) 100% 100% /1px 10px no-repeat;background:linear-gradient(var(--ac1),var(--ac1)) 100% 0 /var(--tick-size,10px) 1px no-repeat,linear-gradient(var(--ac1),var(--ac1)) 100% 0 /1px var(--tick-size,10px) no-repeat,linear-gradient(var(--ac1),var(--ac1)) 100% 100% /var(--tick-size,10px) 1px no-repeat,linear-gradient(var(--ac1),var(--ac1)) 100% 100% /1px var(--tick-size,10px) no-repeat}.ticks--active:before{background:linear-gradient(#26ffa1,#26ffa1) 0 0 /10px 1px no-repeat,linear-gradient(#26ffa1,#26ffa1) 0 0 /1px 10px no-repeat,linear-gradient(#26ffa1,#26ffa1) 0 100% /10px 1px no-repeat,linear-gradient(#26ffa1,#26ffa1) 0 100% /1px 10px no-repeat;background:linear-gradient(var(--ac1),var(--ac1)) 0 0 /var(--tick-size,10px) 1px no-repeat,linear-gradient(var(--ac1),var(--ac1)) 0 0 /1px var(--tick-size,10px) no-repeat,linear-gradient(var(--ac1),var(--ac1)) 0 100% /var(--tick-size,10px) 1px no-repeat,linear-gradient(var(--ac1),var(--ac1)) 0 100% /1px var(--tick-size,10px) no-repeat;opacity:1}.ticks--active:after{background:linear-gradient(#26ffa1,#26ffa1) 100% 0 /10px 1px no-repeat,linear-gradient(#26ffa1,#26ffa1) 100% 0 /1px 10px no-repeat,linear-gradient(#26ffa1,#26ffa1) 100% 100% /10px 1px no-repeat,linear-gradient(#26ffa1,#26ffa1) 100% 100% /1px 10px no-repeat;background:linear-gradient(var(--ac1),var(--ac1)) 100% 0 /var(--tick-size,10px) 1px no-repeat,linear-gradient(var(--ac1),var(--ac1)) 100% 0 /1px var(--tick-size,10px) no-repeat,linear-gradient(var(--ac1),var(--ac1)) 100% 100% /var(--tick-size,10px) 1px no-repeat,linear-gradient(var(--ac1),var(--ac1)) 100% 100% /1px var(--tick-size,10px) no-repeat;opacity:1}.library-col-label,.present-btn,.present-col-label,.present-live-btn,.present-tile-label,.present-toggle-label,.setlist-editor-col-label,.setlist-editor-drop-zone,.setlist-tile-date,.taskbar-action,.taskbar-tab{letter-spacing:.1em;letter-spacing:var(--ui-letter-spacing,.1em);text-transform:uppercase}.present-controls-preview,.song-preview-lyrics{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-family-content,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-weight:400;letter-spacing:normal;text-transform:none}.add-song-backdrop{background:rgba(10,16,20,.45);inset:0;bottom:32px;position:fixed;z-index:99}.add-song-drawer{-webkit-animation:drawer-slide-in .4s ease both;animation:drawer-slide-in .4s ease both;-webkit-animation:drawer-slide-in var(--transition-slow,.4s ease) both;animation:drawer-slide-in var(--transition-slow,.4s ease) both;border-right:1px solid var(--hairline);display:flex;flex-direction:column;height:calc(100vh - 32px);left:0;padding:16px;position:fixed;top:0;width:25vw;z-index:99}@-webkit-keyframes drawer-slide-in{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes drawer-slide-in{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.present-setlist-song--add{cursor:pointer;justify-content:center;opacity:.4}.present-setlist-song--add:hover{opacity:1}.present-setlist-song-plus{color:#d5ffed;color:var(--l1);font-size:32px;line-height:1}.present-setlist-song--add:hover .present-setlist-song-plus{color:#26ffa1;color:var(--ac1)}
/*# sourceMappingURL=main.9887b672.css.map*/