body{font-family:Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;display:flex;justify-content:center;min-width:320px;min-height:100vh}*{margin:0;padding:0}app{width:100vw;max-width:640px}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#575757;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#running_order{margin-top:3em;width:100%;display:flex;justify-content:center}#selector{position:fixed;top:0;left:0;text-align:center;width:100%;padding:.25em;background-color:#00000080}#selector select{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}#gigs selected_gig{background:#000}#loading:not(.visible){display:none}#loading{width:100vw;height:100vh;background:rgba(127,127,127,.5);position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.start_of_day{font-size:1.5em;font-weight:bolder;text-align:center;background-color:#666;text-shadow:1px 1px 2px black;margin:1em 0;padding:.5em}article .gig{display:flex;flex-wrap:wrap;background-color:#666;margin:1em;padding:.5em;color:#fff;text-shadow:1px 1px 2px black;align-items:center;box-shadow:#555 0 0 .5em;border-radius:.5em;border:solid #333333 1px}article .selected_gig{background-color:#322}article .favoritable:nth-child(1){flex:1 0 100%;background-color:#000;text-align:center;box-shadow:#300 0 0 1em;border-radius:.5em;border:solid #aaaaaa 1px;p.logo {& p {font-size: 1.5em; padding: 1.5em; text-shadow: #FF0000 0 0 .5em;}} & img {max-width: 95%; max-height: 4.5em; padding: .5em;}}article div:nth-child(2){padding:.5em;flex:1 0 50%}article div:nth-child(3){padding-top:.5em;flex:1 0 30%}article div:nth-child(4){flex:1 0 10%}#gigs .gig div:nth-child(1){width:70%}#gigs .gig div:nth-child(2){width:30%}#gigs .gig .band{font-size:1.2em;font-weight:bolder}#gigs .gig .links{width:2em}#gigs .gig .links img{width:1.5em}#gigs .gig .genre,.stage,.start{font-style:italic;color:#ddd}