.shows{--shows-width:400px;--logo-size:120px;flex-direction:column;height:100vh;max-height:-webkit-fill-available;display:flex}@media only screen and (max-width:1100px){.shows{--shows-width:95vw;--logo-size:80px}}@media screen and (max-height:940px){.shows{--logo-size:80px}}@media only screen and (min-width:2000px){.shows{--shows-width:640px}}.shows .logo{height:var(--logo-size);filter:drop-shadow(2px 2px 0px var(--color-terminal-green-50));opacity:.75;margin:0 auto 24px;padding:16px}.shows .logo img{width:auto;height:100%}.shows .logo:hover{opacity:1}.shows .list{width:var(--shows-width);background-color:var(--color-terminal-green-5);border:2px solid var(--color-terminal-green-50);box-shadow:4px 4px 0 var(--color-terminal-green-25);filter:saturate(.75);flex-direction:column;margin:auto;font-size:14px;display:flex;translate:0 -16px}.shows .list .headers{width:var(--shows-width);grid-template-columns:2fr 2fr 1fr;display:grid}.shows .list .headers .header{color:var(--color-terminal-green-50);text-shadow:2px 2px 0 var(--color-terminal-green-10);background-color:var(--color-terminal-green-5);border-bottom:2px solid var(--color-terminal-green-50);text-align:center;letter-spacing:-1px;padding:4px 8px;font-size:12px}.shows .list .show{all:unset;cursor:pointer;width:var(--shows-width);letter-spacing:-1px;border:2px solid var(--color-terminal-green-25);text-shadow:2px 2px 0 var(--color-terminal-green-25);text-transform:uppercase;grid-template-columns:2fr 2fr 1fr;padding:12px 0;line-height:1;display:grid}.shows .list .show:hover{background-color:var(--color-terminal-green-10)}.shows .list .show .location{text-align:center;white-space:nowrap;flex-direction:column;align-items:center;padding:4px 8px;display:flex}.shows .list .show .location .city{color:var(--color-terminal-green);letter-spacing:-2px;font-size:16px}.shows .list .show .location .city:before{content:">> ";font-size:12px}.shows .list .show .location .city:after{content:" <<";font-size:12px}.shows .list .show .location .venue:before{content:"[ ";color:var(--color-gray);font-size:12px}.shows .list .show .location .venue:after{content:" ]";color:var(--color-gray);font-size:12px}.shows .list .show .date{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4px 8px;display:flex}.shows .list .show .tickets{text-align:center;color:var(--color-gold);text-shadow:2px 2px 0 var(--color-orange-50);letter-spacing:0;flex-direction:column;justify-content:center;align-items:center;padding:4px 8px;display:flex}.shows .clocks{letter-spacing:-.5px;text-transform:uppercase;text-align:center;background-color:var(--color-terminal-green-5);width:100%;color:var(--color-gray);justify-content:space-evenly;margin:0 auto;padding:4px 0;font-size:12px;line-height:12px;display:flex}@media only screen and (min-width:2000px){.shows .list{font-size:16px}.shows .list .show .location .city{margin-bottom:4px;font-size:24px}.shows .list .show .location .city:after,.shows .list .show .location .city:before,.shows .list .show .location .venue:after,.shows .list .show .location .venue:before,.shows .list .headers .header{font-size:16px}.shows .list .show .tickets,.shows .list .show .date{font-size:18px}}.shows .more{text-align:center;text-transform:uppercase;background-color:var(--color-terminal-green-10);border-bottom:2px solid var(--color-terminal-green-10);justify-content:center;align-items:center;padding:4px;display:flex}
