@import url(https://fonts.googleapis.com/css2?family=Gowun+Batang:wght@400;700&family=Shippori+Mincho:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,500;1,700&display=swap);.view.simpleBlackB{background:rgba(0,0,0,.9);color:#fff;display:flex;flex-wrap:wrap;font-family:Shippori Mincho,Gowun Batang,serif;font-weight:400;height:100vh;justify-content:space-between;overflow:hidden;padding:35px 40px;width:100vw}.view.simpleBlackB h2{border-bottom:1px solid #fff;font-size:14px;font-weight:400;height:30px;padding:0 4px;width:100%}.view.simpleBlackB #blkNow{height:120px;overflow:hidden;white-space:nowrap;width:100%}.view.simpleBlackB #stlNow{font-size:32px;font-weight:700;margin:12px 4px 0;overflow:hidden;position:relative}.view.simpleBlackB #stlNow time{display:none}.view.simpleBlackB #blkLog{overflow:hidden;width:100%}.view.simpleBlackB #stlLog{height:calc(100vh - 220px);overflow:hidden}.view.simpleBlackB #blkRes{display:none}.view.simpleBlackB #blkLog li,.view.simpleBlackB #blkRes li{font-size:20px;margin:12px 4px 0}.view.simpleBlackB #blkLog li time{border:1px solid #fff;border-radius:800px;display:inline-block;font-size:.6em;line-height:.6em;margin:0 0 0 .5em;padding:.3em .5em;position:relative;top:-.2em}.view.simpleWhiteA{background:hsla(0,0%,100%,.95);color:#000}.view.simpleWhiteA h2{border-bottom:1px solid #000;font-size:14px;font-weight:400;height:30px;padding:0 4px;width:100%}.view.simpleWhiteA #blkNow{height:120px;overflow:hidden;white-space:nowrap;width:100%}.view.simpleWhiteA #stlNow{font-size:32px;font-weight:700;margin:12px 4px 0;overflow:hidden;position:relative}.view.simpleWhiteA #stlNow time{display:none}.view.simpleWhiteA #blkLog{overflow:hidden;width:100%}.view.simpleWhiteA #stlLog{height:calc(100vh - 220px);overflow:hidden}.view.simpleWhiteA #blkRes{display:none}.view.simpleWhiteA #blkLog li,.view.simpleWhiteA #blkRes li{font-size:20px;margin:12px 4px 0}.view.simpleWhiteA #blkLog li time{border:1px solid #000;border-radius:800px;display:inline-block;font-size:.6em;line-height:.6em;margin:0 0 0 .5em;padding:.3em .5em;position:relative;top:-.2em}.view.simpleWhiteB{background:hsla(0,0%,100%,.98);color:#000;font-family:Gowun Batang,serif}.view.simpleWhiteB h2{border-bottom:2px solid #000;font-size:16px;font-weight:400;height:30px;padding:0 4px;width:100%}.view.simpleWhiteB #blkNow{height:120px;overflow:hidden;white-space:nowrap;width:100%}.view.simpleWhiteB #stlNow{font-size:36px;font-weight:700;margin:12px 4px 0;overflow:hidden;position:relative}.view.simpleWhiteB #stlNow time{display:none}.view.simpleWhiteB #blkLog{overflow:hidden;width:100%}.view.simpleWhiteB #stlLog{height:calc(100vh - 220px);overflow:hidden}.view.simpleWhiteB #blkRes{display:none}.view.simpleWhiteB #blkLog li,.view.simpleWhiteB #blkRes li{font-size:22px;margin:12px 4px 0}.view.simpleWhiteB #blkLog li time{border:1px solid #000;border-radius:800px;display:inline-block;font-size:.6em;line-height:.6em;margin:0 0 0 .5em;padding:.3em .5em;position:relative;top:-.2em}.view.textOnly{background:transparent;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.view.textOnly h2{border-bottom:none;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.view.textOnly #blkLog li time{background:rgba(0,0,0,.5);border:none;border-radius:4px}.view.mini{font-size:.8em;padding:20px 25px}.view.mini h2{font-size:12px;height:20px}.view.mini #blkNow{height:80px}.view.mini #stlNow{font-size:24px;margin:8px 4px 0}.view.mini #blkLog li,.view.mini #blkRes li{font-size:16px;margin:8px 4px 0}.view.nightTime{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff}.view.nightTime h2{border-bottom:1px solid hsla(0,0%,100%,.3)}.view.nightTime #blkLog li time{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.3)}.view.soulLike{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);color:#fff;font-family:Arial,sans-serif}.view.soulLike h2{border-bottom:2px solid hsla(0,0%,100%,.5);font-weight:700}.view.soulLike #stlNow{text-shadow:2px 2px 4px rgba(0,0,0,.3)}.view.soulLike #blkLog li time{background:hsla(0,0%,100%,.2);border:none;border-radius:4px}*{word-wrap:break-word;box-sizing:border-box;list-style-type:none;margin:0;padding:0}.setlist-browser{background:linear-gradient(#333,#222);color:#fff;display:flex;flex-wrap:wrap;font-size:18px;height:100vh;overflow:scroll}.setlist-browser h1{font-family:Josefin Sans,sans-serif;font-size:4vh;font-style:italic;font-weight:700;height:5vh;padding:2vh 0 0;text-align:center;width:100vw}.setlist-browser .control{display:block;padding:0 2vw 0 4vw;width:60vw}.setlist-browser .control>div{border:1px solid hsla(0,0%,100%,.05);border-radius:1vh;box-shadow:0 0 10vh rgba(0,0,0,.4);display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto 2vh;padding:2.4vh;width:100%}.setlist-browser .control>div>h2{font-family:Josefin Sans,sans-serif;font-size:2em;font-weight:500}.setlist-browser .control textarea{height:16vh;resize:vertical}.setlist-browser .control input,.setlist-browser .control textarea{background:#222;border:1px solid hsla(0,0%,100%,.1);border-radius:.5vh;color:#fff;font-size:1em;margin:1vh 0 0;padding:1vh;width:100%}.setlist-browser .control input{display:block;height:3.2vh;min-height:1.2em}.setlist-browser button#ctlSync{background:#222;border:1px solid hsla(0,0%,100%,.05);border-radius:100vh;box-shadow:0 0 10vh rgba(0,0,0,.4);color:#fff;cursor:pointer;display:block;font-size:6vh;height:16vh;margin:0 auto;transition:all .3s ease;width:16vh}.setlist-browser button#ctlSync:hover{background:#fff;color:#222}.setlist-browser button#ctlSetting{background:#222;border:none;border-radius:0 0 0 1vh;color:#fff;cursor:pointer;display:block;font-size:1vh;height:3vh;position:absolute;right:0;top:0;width:10vw}.setlist-browser button#ctlSetting:hover{background:#fff;color:#222}.setlist-browser .setting{display:block;padding:.5vw 4vw 0 2vw;width:40vw}.setlist-browser .setting input{background:#222;border:1px solid hsla(0,0%,100%,.1);border-radius:.5vh;color:#fff;display:block;font-size:1.2vh;height:3.2vh;padding:1vh;text-align:center;width:100%}.setlist-browser .setting input[type=checkbox]{margin:0 0 0 auto;width:3.2vh}.setlist-browser .setting>div{margin:0 auto 3vh;width:100%}.setlist-browser .setting>div>*{margin:0 0 1vh;width:100%}.setlist-browser .setting>div>h2{font-family:Josefin Sans,sans-serif;font-size:2em;font-weight:500}.setlist-browser .setting button{background:none;border:1px solid #fff;border-radius:800px;color:#fff;cursor:pointer;display:block;height:4vh;margin:1vh auto 0;transition:all .3s ease;width:100%}.setlist-browser .setting button:hover{background:#fff;color:#000}.setlist-browser button#settingClose{margin:10vh auto 0}.setlist-browser .setting select{background:#222;border:1px solid hsla(0,0%,100%,.1);border-radius:.5vh;color:#fff;font-size:1em;padding:1vh}.setlist-browser .setting select option{background:#222;color:#fff}@media (max-width:768px){.setlist-browser{flex-direction:column}.setlist-browser .control,.setlist-browser .setting{padding:2vh;width:100vw}.setlist-browser h1{font-size:3vh}.setlist-browser .control>div>h2,.setlist-browser .setting>div>h2{font-size:1.5em}.setlist-browser button#ctlSync{font-size:4vh;height:12vh;width:12vh}}
/*# sourceMappingURL=main.a762b357.css.map*/