@import"https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap";:root{--color-mint-20: #e7fef1;--color-mint-40: #baf7d9;--color-mint-60: #93ecc7;--color-mint-80: #6ce0b3;--color-mint-100: #2dd29b;--color-teal-20: #4db2b2;--color-teal-30: #3fa3a6;--color-teal-40: #389194;--color-teal-50: #317f81;--color-teal-60: #266c73;--color-teal-70: #205a60;--color-teal-80: #144a52;--color-teal-100: #05272e;--color-teal-100-15: rgb(5, 39, 46, .15);--color-teal-100-40: rgb(5, 39, 46, .4);--color-teal-100-90: rgb(5, 39, 46, .9);--color-border-teal-60: #366363;--color-bg-primary: #0f2024;--color-bg-secondary: var(--color-teal-100);--color-bg-alt: var(--color-teal-20);--color-bg-alt-secondary: var(--color-teal-40);--color-text-primary: var(--color-mint-20);--color-text-alt: var(--color-mint-60);--color-text-muted: var(--color-teal-20);--color-headings-primary: var(--color-mint-60);--color-headings-secondary: var(--color-teal-20);--card-bg: linear-gradient(var(--color-teal-60), var(--color-teal-70));--card-bg-alt: linear-gradient(var(--color-teal-50), var(--color-teal-60));--card-bg-emphasis: linear-gradient(var(--color-teal-50), var(--color-teal-40));--card-bg-emphasis-alt: linear-gradient(var(--color-teal-60), var(--color-teal-50));--row-height: .2rem;--font-family: Poppins, Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--font-size: 1rem;line-height:1.5;font-weight:400;font-size:16px;color-scheme:light dark;color:var(--color-text-primary);background-color:var(--color-bg-primary);font-family:var(--font-family);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--text-color-alt: hsl(0, 0%, 60%);--bg-color-alt: hsl(0, 0%, 16%);--brand-bg-color: hsl(180, 20%, 30%);--brand-bg-color-alt: hsl(180, 20%, 40%);--brand-color-lighter: hsl(180, 20%, 60%);--brand-color: hsl(180, 45%, 40%)}#root{max-width:1000px;width:100%;display:flex;flex-grow:1;flex-direction:column}a{font-weight:500;color:var(--color-mint-100);text-decoration:inherit}a:hover,a:active,a:focus{color:var(--color-mint-60)}body{margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:320px;min-height:100vh}h1,h2,h3,h4{color:var(--color-teal-20)}h1{font-size:2.2rem;font-weight:300;color:var(--color-mint-60);line-height:1.1;margin-block:.5rem}h2{font-size:1.5rem;font-weight:400;line-height:1.1;margin-block:1rem .5rem}h3{font-size:1rem;line-height:.8;font-weight:600}.stage h3{align-self:center;color:var(--color-text-primary)}.text-alt{color:var(--color-text-alt)}button,a.button{border-radius:2rem;border:1px solid transparent;padding:.25rem 1rem;font-size:.8rem;font-weight:300;font-family:inherit;background-color:var(--color-teal-60);cursor:pointer;transition:border-color .25s;color:var(--color-text-primary)}button:hover,a.button:hover{border-color:var(--color-teal-20)}button:focus,button:focus-visible,a.button:focus,a.button:focus-visible{outline:4px auto -webkit-focus-ring-color}footer{margin-block:3rem 1.5rem;color:var(--color-text-muted);font-size:.7rem;text-align:center}footer .version{color:var(--color-teal-80);display:block}footer .version:before{content:"v"}main{display:flex;flex-direction:column;flex-grow:1}main.list{flex-grow:1;display:flex;flex-direction:column;justify-content:center}main.profile{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center}main.profile .user{text-align:center;margin-bottom:4rem}main.profile .user img{height:250px;width:250px;border-radius:250px;border:solid 2px var(--text-color-alt)}main.profile .user h2{font-size:3rem}main.profile .user a{font-size:1.5rem}section{margin-inline:.5rem}header{padding:0 .5rem .5rem;display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:var(--color-teal-80)}@media (min-width: 700px){header{background-color:initial;margin-block:1rem}}header h1{flex-grow:1}header .logo{flex-grow:1}header .logo .wordmark{height:1.5rem}header .user{display:flex;justify-content:center;align-items:center}header .user img{height:2rem;width:2rem;border-radius:2rem;border:solid 2px var(--color-teal-20)}main header{flex-direction:column;align-items:flex-start;background-color:initial}main header nav{display:flex;flex-direction:row;gap:1rem;border:none}main header nav a{font-weight:500;color:var(--color-mint-100);border-bottom:solid 2px transparent}main header nav a.active{color:var(--color-mint-60);border-bottom:solid 2px var(--color-mint-100)}@media (max-width: 700px){main header nav{position:fixed;bottom:0;left:0;right:0;padding:.5rem;z-index:1000;box-shadow:0 -2px 16px #0003;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:solid 1px var(--color-teal-80);background-color:var(--color-teal-100-90);justify-content:space-between}@supports (-webkit-overflow-scrolling: touch){@media (display-mode: standalone){main header nav{padding:.5rem 1rem 2rem}}}main header nav a{padding:.5rem;color:var(--color-teal-20);font-size:.6 rem;font-weight:400}}main header aside{flex-direction:row;align-items:center;justify-content:center}main header aside p{margin:0}@media (max-width: 700px){main header aside{display:none}}@media (min-width: 700px){main header{flex-direction:row;align-items:center;justify-content:center}main header aside{text-align:right}main header aside p{margin:0}}section.day{margin-inline:0;margin-block-end:1rem}@media (min-width: 700px){section.day{background-color:initial;margin-block:1rem}}section.day .day-header{background-color:var(--color-bg-primary);z-index:100;position:sticky;top:0;padding:.5rem .5rem .5rem 2.3rem;display:flex;align-items:center}section.day .day-header :first-child{flex-grow:1}section.day .day-header h2{margin-block:.25rem}section.day .day-header small{color:var(--color-teal-40);font-size:1.2rem;font-weight:300}nav.festival-list{flex-grow:1;margin:.5rem;display:flex;flex-direction:column;gap:2rem;justify-content:center;text-align:center}nav.festival-list .festival-card{background-color:var(--color-teal-100);padding:2rem}nav.festival-list .festival-card h3{color:var(--color-mint-80);margin-block:0 2rem;font-size:2rem;font-weight:400;line-height:1}nav.festival-list .festival-card p{margin-block:0;font-size:1rem;font-weight:400}nav.festival-list .festival-card p.dates{color:var(--color-teal-20)}nav.festival-list .festival-card p.location{color:var(--color-teal-40)}.card{background:var(--card-bg);transition:background-color .2s ease-in-out;vertical-align:middle;text-align:center;font-weight:400;display:flex;place-content:center;place-items:center;gap:1rem;flex-direction:column}.card:hover{cursor:pointer;background:var(--card-bg-alt)}.card.favorite{background:var(--card-bg-emphasis);font-weight:600}.card.favorite:hover{background:var(--card-bg-emphasis-alt)}.card .notes{color:var(--color-mint-60)}.card .b2b{font-style:italic;color:var(--color-mint-40)}.nothing-happening{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2rem;padding:5em}.nothing-happening small{color:var(--color-teal-60);font-size:1rem}.starred-sets .day{display:flex;flex-direction:column;gap:.5rem}.starred-sets .day header{padding:0}.starred-sets .starred-set-card{background-color:var(--color-teal-100);padding:.5rem}.starred-sets .starred-set-card .set-performance{color:var(--color-mint-80);margin-block:0 .25rem;font-size:1.2rem;font-weight:400}.starred-sets .starred-set-card div{margin-block:0;font-size:1rem;font-weight:400}.starred-sets .starred-set-card div.set-stage{color:var(--color-teal-20)}.starred-sets .starred-set-card div.set-times{color:var(--color-teal-40)}.starred-sets .starred-set-card.starred-set-now{background:var(--card-bg-emphasis)}.starred-sets .starred-set-card.starred-set-now .set-performance{color:var(--color-mint-40);font-weight:500}.starred-sets .starred-set-card.starred-set-now div.set-stage,.starred-sets .starred-set-card.starred-set-now div.set-times{color:var(--color-mint-20)}.starred-sets .nothing-here{padding-inline:.5rem;color:var(--color-teal-60);font-size:1rem}@media (min-width: 700px){.starred-sets .nothing-here{text-align:center}}section.now{display:flex;flex-direction:column;gap:.5rem}section.now header{margin:0;padding:0;position:sticky;top:0;background-color:var(--color-bg-primary);display:flex;flex-direction:row;align-items:baseline}section.now header :first-child{flex-grow:1}section.now header .muted{color:var(--color-teal-40);font-weight:300}section.now header aside{display:inline-block;font-size:1.5rem;color:var(--color-teal-40);font-weight:300}section.now h3{margin-top:3rem;text-align:center}section.now footer{font-size:1rem}section.now footer a.button{padding:.5rem 1.5rem}section.now .card{background:var(--color-teal-100);padding:1rem .5rem}section.now .card .set-stage{color:var(--color-teal-20);font-size:1rem;font-weight:400}section.now .card .set-performance{font-size:1.5rem;font-weight:00}section.now .card .set-times{color:var(--color-teal-20);font-weight:400}section.now .card .set-times .ending-soon{display:block}section.now .card:hover{cursor:initial}section.now .card.favorite{background:var(--card-bg-emphasis)}section.now .card.favorite .set-stage,section.now .card.favorite .set-times{color:var(--color-mint-40)}.timeline{display:grid;grid-template-columns:2.5rem 1fr}.timeline .times{width:2.5rem;text-align:center;display:grid;grid-auto-rows:var(--row-height)}.timeline .times div{grid-row-end:span 1;padding:0 .2rem;font-size:calc(3 * var(--row-height));font-weight:600;vertical-align:middle;line-height:calc(6 * var(--row-height));color:var(--color-teal-20)}.timeline .grid{background-color:var(--color-bg-secondary);flex-grow:1;display:flex;position:relative;overflow-x:scroll;scroll-snap-type:x mandatory}.timeline .grid .stages{position:absolute;left:0;top:0;bottom:0;z-index:20;display:flex;justify-content:center}@media (min-width: 700px){.timeline .grid .stages{position:relative;width:100%}}.timeline .grid .stage{width:calc(100cqw - (30 * var(--row-height)));margin:0 calc(3 * var(--row-height));scroll-behavior:smooth;scroll-snap-align:center;scroll-margin-block:calc(3 * var(--row-height));display:grid;grid-auto-rows:var(--row-height)}.timeline .grid .stage.single-stage{width:calc(100cqw - (18 * var(--row-height)))}.timeline .grid .stage .gridlines{position:absolute;left:0;right:0;top:0;bottom:0;z-index:10;display:grid;grid-auto-rows:var(--row-height)}.timeline .grid .stage .gridlines div{display:flex;grid-column:1;grid-row:auto / span 4;border-top:solid 1px var(--color-border-teal-60)}.timeline .grid .stage .set{margin:0;padding:calc(1.5 * var(--row-height));font-size:calc(4 * var(--row-height));z-index:50;grid-column:1;line-height:110%;gap:0;flex-direction:row}@media (min-width: 700px){.timeline .grid .stage .set{font-size:calc(3.5 * var(--row-height))}}.timeline .grid .stage .set .set-stage,.timeline .grid .stage .set .set-times{display:none}.timeline .grid .stage .set.adjacent{border-top:solid 1px var(--color-teal-40)}.timeline .grid .stage .set.favorite{background:var(--card-bg-emphasis);font-weight:600}.timeline .grid .stage .set .notes,.timeline .grid .stage .set .b2b{display:inline}.timeline .grid .stage h3{grid-row:1 / span 12;grid-column:1;margin:0;padding:0;text-align:center;display:block;line-height:1;margin:0 .5rem;color:var(--color-mint-60);font-weight:400}.timeline .grid .stage .current-time{position:absolute;align-items:flex-end;top:calc(12 * var(--row-height));left:0;right:0;background-color:var(--color-teal-100-15);z-index:100}.timeline .grid .stage .current-time .current-time-line{position:absolute;bottom:0;left:0;right:0;height:1px;border-bottom:dotted 1px var(--color-mint-20)}
