@import url(https://fonts.googleapis.com/css?family=Inter:700,500,400);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--black:#000;--blue-stone-2:rgba(0,102,102,.38);--blue-stone:#066;--eerie-black:#202020;--white:#fff;--light-2:#fdfdfd;--font-size-s:9px;--font-size-m:18px;--font-size-l:24px;--font-size-xl:48px;--font-size-xxl:72px;--font-size-xxxl:96px;--font-family-montserrat:"Montserrat";--font-family-roboto:"Roboto";--font-family-rye:"Rye"}.App{box-sizing:border-box;font-family:Inter;margin:0 auto;padding-bottom:30px}.container{margin:0 auto;max-width:1320px;padding:22px 40px 40px}.header{position:relative}.header__background{height:100%;left:0;position:absolute;top:0;width:100%}.header__container{display:flex;flex-direction:row;gap:24px;margin:0 auto;max-width:1320px;padding:73px 40px;position:relative}.header-home .header__logo,.header__logo{height:auto}.header__content{display:flex;flex-direction:column;gap:32px}.header__title-container{display:flex;flex-direction:column;gap:12px}.header-home .header__title{font-size:48px;font-style:normal;font-weight:700;line-height:58px;margin:0}.header-home .header__subtitle{font-size:22px;font-style:normal;font-weight:500;line-height:28px;margin:0}.header__title{font-size:32px;font-style:normal;font-weight:700;line-height:39px;margin:0}.header__subtitle{font-size:16px;font-style:normal;font-weight:500;line-height:22px;margin:0;max-width:536px}.header__divider{align-self:stretch;background-color:#1e1e1e;height:1px;max-width:536px;width:536px}.header__details{display:flex;flex-direction:column;gap:2px}.header__details-container{display:flex;flex-direction:row;justify-content:space-between}.header__details-label{font-family:Inter;font-weight:700;margin:0;width:48%}.header__details-label,.header__details-value{font-size:14px;font-style:normal;line-height:20px;white-space:nowrap}.header__details-value{font-weight:500;width:50%}.list__container{margin:0 auto;max-width:1320px;padding:40px}.list__title-container{margin-bottom:48px;max-width:430px;padding-top:7px}.list__title-container>h2{font-size:32px;font-style:normal;font-weight:700;line-height:39px;margin-bottom:0}.list__title-container>h5{font-size:14px;font-weight:500;line-height:20px;margin-top:11px}.tiles-container{grid-gap:24px;grid-column-gap:26px;-webkit-column-gap:26px;column-gap:26px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));justify-content:center}.tile{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(30,30,30,.1)}.tile__container{display:flex;flex-direction:column;height:290px;max-width:312px;width:312px}.tile__image{aspect-ratio:5/4;border-radius:10px;cursor:pointer;height:250px;max-height:250px;max-width:312px;object-fit:cover;width:312px}.tile__content{display:flex;flex-direction:row;justify-content:space-between;margin:12px 0;max-width:100%}.tile__title{font-size:15px;line-height:22px;margin-top:2px}.tile__subtitle,.tile__title{font-family:Inter;font-weight:700;text-transform:capitalize}.tile__subtitle{border-radius:49px;color:#fdfdfd;color:var(--light-2);font-size:12px;height:16px;line-height:18px;padding:2px 12px 6px;text-align:center}@media screen and (max-width:768px){.tiles-container{grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}.list__container{padding:0 24px 24px}.tile__container{display:flex;flex-direction:column;height:290px}.tile__container,.tile__image{max-width:100%;width:100%}.list__title-container{margin-bottom:22px}}.popup{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.popup__container{align-items:flex-start;background:#fdfdfd;display:flex;flex-direction:column;height:auto;left:50%;max-height:90%;max-width:1030px;overflow-x:hidden;overflow-y:auto;padding-bottom:48px;position:absolute;top:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width:90%}.popup__head-container{display:flex;gap:24px;padding:48px}.popup__logo{border-radius:10px;height:122px;object-fit:cover;width:153px}.popup__title{font-size:32px;font-weight:700;line-height:39px;margin-top:-2px;text-transform:capitalize}.popup__subtitle,.popup__title{font-style:normal;margin-bottom:10px}.popup__subtitle{font-size:14px;font-weight:500;line-height:20px;max-width:451px}.popup__close{background-color:initial;border:none;cursor:pointer;height:36px;position:absolute;right:48px;top:48px;width:36px}.concert__title-container{display:flex;flex-direction:row;height:52px;width:100%}.concert__title-date,.concert__title-events{font-size:15px;font-style:normal;font-weight:700;line-height:22px;padding:14px 0}.concert__title-events{width:59%}.concert__title-date{padding-left:48px;width:39%}.concert__container{box-sizing:border-box;margin-bottom:24px;width:100%}.concert__item-container{align-items:center;background:#fdfdfd;border:1px solid #f7f8fa;border-top:none;display:flex;flex-direction:row;min-height:64px}.concert__date,.concert__events{font-size:14px;font-style:normal;font-weight:500;line-height:20px;padding:14px 0}.concert__events{align-items:center;display:flex;width:61%}.concert__events-location{width:60%}.concert__events-date{width:40%}.concert__date{align-items:center;display:flex;padding-left:48px;width:40%}.concert__date-date,.concert__date-location,.concert__date-time{width:33%}.concert__date-wrapper{gap:16px;width:90%}.concert__date-wrapper,.concert__events-wrapper{display:flex;justify-content:space-between;padding:10px 0}.concert__events-wrapper{box-sizing:border-box;width:70%}.concert__details{margin-left:auto;padding-right:48px}.concert__details-btn{border-radius:49px;color:#fdfdfd;color:var(--light-2);cursor:pointer;font-size:14px;font-style:normal;font-weight:700;line-height:20px;margin-left:auto;padding:5px 24px 8px;text-decoration:none}.detail-title{height:66px;margin-top:53px}.detail-title,.detail__container-bottom{align-items:center;display:flex}.detail__container-bottom .concert__title-date{text-transform:capitalize}.detail-title .concert__title-date,.detail__container-bottom .concert__title-date{font-size:20px;font-style:normal;font-weight:700;line-height:24px}.detail__container{background:#f7f8fa;display:flex;flex-direction:row;gap:30px;margin:0 auto;padding:48px}.detail__container-text{display:flex;flex-direction:column;gap:12px;padding-top:17px;width:50%}.detail__text-details .header__details-label{width:20%}.detail__text-details .header__details-value{width:62%}.detail__text-details .header__details-container{gap:30px}.detail__image{border-radius:10px;max-height:466px;max-width:580px}.detail__text-title{font-size:22px;font-style:normal;font-weight:700;line-height:35px;margin:5px 0 -16px}.detail__text-description>h3{font-size:14px;font-style:normal;font-weight:700;line-height:20px;margin-bottom:10px;margin-top:12px}.detail__text-description>span{font-size:14px;font-style:normal;font-weight:500;line-height:20px}.detail__text-btn{border-radius:49px;color:#fdfdfd;color:var(--light-2);cursor:pointer;margin-top:12px;max-width:277px;padding:8px 24px 12px;text-align:center}.detail__link-home,.detail__text-btn{font-size:14px;font-style:normal;font-weight:700;line-height:20px}.detail__link-home{padding:48px}@media only screen and (max-width:767px){.concert__date-date,.concert__date-location,.concert__date-time,.concert__events-date{width:100%}.detail__link-home{padding:24px}.detail__text-title>h2{font-size:22px;margin-top:0}.detail__text-title{margin-top:-5px}.concert__title-container{flex-direction:row;height:auto}.concert__title-date,.concert__title-events{padding-left:20px;width:50%}.concert__item-container{align-items:flex-start;flex-direction:row;flex-wrap:wrap;height:auto}.concert__date{padding-left:0;padding-top:10px;width:50%}.concert__events{flex-direction:column;padding-top:10px;width:50%}.concert__date-wrapper{justify-content:baseline;padding:20px;width:100%}.concert__events-wrapper{max-width:100%;padding:20px;width:100%}.concert__date-wrapper,.concert__events-wrapper{align-items:flex-start;flex-direction:column}.concert__details-btn{margin:10px auto 0}.concert__details{display:none}.concert__item-container .concert__details-mobile{display:block;flex-basis:100%;max-width:96px;padding:0 20px 20px}.concert__date-wrapper{gap:0}}.concert__details-mobile{display:none}@media screen and (max-width:768px){.container{padding:0}.detail__container{flex-direction:column-reverse;gap:24px;padding:24px}.detail-title .concert__title-date{font-size:20px;font-style:normal;font-weight:700;line-height:24px;padding-left:24px;width:100%}.detail__text-btn{margin-top:16px}.detail__container-text{padding-top:0;width:100%}.detail__image{height:auto;max-width:none;width:100%}.container>.detail__container .header__details-container{gap:0}.concert__date,.concert__events,.concert__events-date,.concert__events-location{font-size:12px}.container>.concert__container .concert__title-date{padding-left:24px}.container>.concert__container .concert__item-container{border:1px solid #f7f8fa}.container>.concert__container .concert__details-mobile{padding-left:24px}.detail__text-description>span{display:block;margin-bottom:32px}.detail__text-description>span:last-child{display:block;margin-bottom:0}.container>.concert__container .concert__date-wrapper{padding-left:24px}}@media screen and (min-width:769px) and (max-width:1024px){.detail__text-title>h2{margin-top:0}.detail__container{flex-direction:column-reverse;flex-wrap:wrap;padding:36px}.detail__container-text{margin-right:5%;width:90%}.detail__image{margin-bottom:0;margin-left:auto;max-width:none;width:100%}.detail__text-btn{max-width:100%}}@media screen and (max-width:767px){.header__container{flex-direction:column;padding:24px}.header-home .header__logo,.header__logo{height:auto;margin-bottom:-10px;max-width:140px}.header__content{gap:16px}.header__title-container{gap:8px;text-align:left}.header__subtitle{font-size:14px;line-height:20px;max-width:100%;text-align:left}.header__divider{min-width:100%;width:auto}.header__details{max-width:none;text-align:left}.header__details-container{flex-direction:column;gap:8px;margin-bottom:14px}.header__details-container:last-child{margin-bottom:0}.header__details-label,.header__details-value{width:100%}.popup__head-container{flex-direction:column;padding:80px 20px 20px}.popup__content{max-width:100%}.popup__title{font-size:22px;word-break:break-all}.popup__close{padding:0;right:20px;top:20px}.popup__logo{border-radius:10px;max-width:100%;width:100%}}
/*# sourceMappingURL=main.56be04e5.css.map*/