@import"https://cdnjs.cloudflare.com/ajax/libs/reseter.css/1.0.8/reseter.min.css";@import"https://fonts.googleapis.com/css?family=Roboto:500";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;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}}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.header{background-color:var(--primary-color-dark);box-shadow:0 2px 4px #0000001a;padding:1rem 0;position:sticky;top:0;z-index:1000}.header:sticky{opacity:.5}.header-content{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;justify-content:center;align-items:center;flex-direction:column}.header h1{color:var(--text-color);margin:0;font-size:1.8rem;font-weight:600}.header pre{margin:0 0 1rem;font-size:.5rem;line-height:1.2;color:var(--lightest-color);background:transparent;border:none;overflow-x:auto;max-width:100%}.nav-menu ul{list-style:none;margin:0;padding:0;display:flex;gap:2rem}.nav-menu,.nav-menu a{text-decoration:none;color:var(--text-color);font-weight:500;transition:color .3s ease}.nav-menu a:hover{color:#007bff}footer{background-color:var(--background-color);color:var(--text-color);text-align:center}.text-info{font-size:.8rem;font-weight:400}.city-events-chart .recharts-cartesian-grid-horizontal line,.city-events-chart .recharts-cartesian-grid-vertical line{stroke:var(--primary-color);opacity:.4}.city-events-chart .recharts-layer.recharts-cartesian-axis>line{stroke:var(--primary-color-mid);opacity:1}.city-events-chart .recharts-layer.recharts-cartesian-axis-tick text{font-size:12px;font-weight:600;fill:var(--primary-color)}.city-events-chart .recharts-layer.recharts-cartesian-axis-tick line{stroke:var(--primary-color);opacity:.4}.genres-pie-chart{transform:translateY(-1rem)}.genres-pie-chart .genres-pie-chart__legend{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin:0;transform:translateY(1rem)}.genres-pie-chart .genres-pie-chart__legend .genres-pie-chart__legend-item{width:calc(33.3333333333% - 1rem);display:flex;justify-content:center;align-items:center;gap:.25rem;line-height:1.4;color:var(--icon-color);font-size:.8125rem;font-weight:600}.genres-pie-chart .genres-pie-chart__legend .genres-pie-chart__legend-item:before{content:"";display:inline-block;width:1rem;height:1rem;border-radius:50%;background-color:var(--icon-color)}@media (min-width: 590px){.genres-pie-chart{transform:translateY(-3rem)}.genres-pie-chart .genres-pie-chart__legend{width:100%;gap:2rem;transform:translateY(0)}.genres-pie-chart .genres-pie-chart__legend .genres-pie-chart__legend-item{width:min-content;justify-content:flex-start}}:root{--primary-color: #807ce4;--primary-color-mid: #4d4a89;--primary-color-dark: #33325b;--secondary-color: #4c9e6f;--tertiary-color: #ee7a49;--quaternary-color: #efefef;--lightest-color: #ffffff;--background-color: #24232b;--text-color: --quaternary-color;--text-dark-color: #24232b;--accent-color: --tertiary-color}body{flex-direction:column;align-items:center;min-height:100vh;font-family:Roboto,sans-serif;background-color:var(--background-color);color:var(--text-color)}#root{width:100%}.App *{box-sizing:border-box}.App>*:not(header){max-width:1200px;margin:0 auto;padding:1.5rem}ul{padding:0;list-style:none}p{margin:5px 0}.search-container{padding:10vh 0}input[type=number],input[type=text]{color:var(--text-color);border:1px solid var(--primary-color)}input[type=number]{padding:.5em .5em .5em 1em;border-radius:4px;outline:none;font-size:1.2rem;line-height:1.4;align-self:center}.city{width:100%;padding:.5em .75em;border-radius:8px;outline:none;font-size:1.5rem;align-self:center}.city:focus,.city:not(:placeholder-shown){background-color:var(--primary-color);color:var(--text-dark-color)}.city:has(+.suggestions){border-bottom-left-radius:0;border-bottom-right-radius:0}.page__title{text-align:center;color:var(--primary-color);margin-bottom:.5rem;font-size:1.2rem}@media (min-width: 768px){.page__title{font-size:1.5rem}}#city-search,#number__of__events{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap;gap:1rem;margin:6vh auto;position:relative}#city-search label,#number__of__events label{color:var(--primary-color)}#city-search .accent,#number__of__events .accent{color:var(--lightest-color)}@media (min-width: 768px){#city-search,#number__of__events{width:max-content;min-width:36rem}}#city-search{margin:4rem auto 2rem}@media (min-width: 768px){#city-search{margin:6rem auto 4rem}}#number__of__events{gap:1em;margin-top:3rem;flex-direction:row}#number__of__events .alert{order:1}#number__of__events label{order:2}#number__of__events input{order:3}.suggestions{width:100%;position:absolute;top:100%;z-index:2;align-self:center;margin:0;font-size:1.5rem;border-top:2px solid var(--primary-color-dark)}.suggestions>li{text-align:left;padding:.75em 1em;background-color:var(--primary-color-dark);cursor:default;color:var(--text-color);transition:all .3s ease;cursor:pointer}.suggestions>li:hover{background-color:var(--primary-color);color:var(--text-dark-color)}.suggestions>li:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}#event-list{display:flex;flex-wrap:wrap;gap:2rem}.event{display:flex;flex-direction:column;width:100%;padding:1.5rem 2rem;text-align:left;border-radius:4px;position:relative;color:var(--text-color);border:1px solid var(--primary-color);transition:all .3s ease}.event.open{background-color:var(--primary-color);color:var(--text-dark-color)}.event.open .details-btn{background-color:var(--text-dark-color);color:var(--primary-color)}.event.open .details-btn:after{content:"-";font-size:2em}@media (min-width: 1000px){.event{width:calc(50% - 1rem)}}.event__actions{display:flex;justify-content:flex-end;align-self:end;margin:2rem 0 1rem}.details-btn{display:flex;align-items:center;margin-top:1rem;padding:.5em 1em;border-radius:4px;outline:none;background-color:var(--primary-color);color:var(--text-color);border:1px solid var(--primary-color);text-transform:capitalize;cursor:pointer;transition:all .3s ease}.details-btn:after{content:"+";font-size:1.5em;line-height:0;padding-left:.5em;transition:all .3s ease}.details-btn:focus{outline-color:var(--text-color)}.charts-container{display:grid;grid-template-columns:1fr;gap:6rem}@media (min-width: 1000px){.charts-container{grid-template-columns:1fr 1fr;gap:2rem}}.details{margin:1rem 0}.alerts-container,.App>*:not(header).alerts-container{margin:2rem auto -4rem}.alert{width:100%}.alert .alert-text{width:max-content;max-width:100%;margin:0 auto;padding:.6em 1.4em;border-width:1px;border-style:solid;font-weight:bolder;border-radius:8px;text-align:center;font-size:1rem}