.bgI2V {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.nDUBW {
  display: grid;
  flex: 1;
  grid-gap: 0.6rem;
  overflow: hidden;
}

.-m1sk {
  grid-area: item-1;
}

.cS4mU {
  grid-area: item-2;
}

._1911f {
  grid-area: item-3;
}

.bgI2V[data-container-query-tall] .nDUBW {
  grid-template-areas:
    "item-1"
    "item-2"
    "item-3";
  grid-template-columns: 1fr;
  grid-template-rows: repeat(3, 1fr);
}

.bgI2V[data-container-query-square] .nDUBW {
  grid-template-areas:
    "item-1 item-2"
    "item-3 item-3";
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
}

.bgI2V[data-container-query-wide] .nDUBW {
  grid-template-areas: "item-1 item-2 item-3";
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
}

.YhVI0 {
  background: linear-gradient(
    36deg,
    rgb(255 224 130 / 40%) 15%,
    rgb(255 248 225 / 80%) 90%
  );
  border-radius: 0.1875rem;
  height: calc(100% - 1.2rem);
  padding: 0.6rem;
  width: calc(100% - 1.2rem);
  word-break: break-all;
}

.It6Rl {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.Xm8nD {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.It6Rl[data-container-query-short] ._350JO {
  flex: 1;
}

.It6Rl[data-container-query-tall] ._350JO {
  height: 10%;
  margin-top: 0.6rem;
  min-height: 3rem;
}

.It6Rl[data-container-query-very-tall] ._350JO {
  height: 25%;
  margin-top: 0.6rem;
  max-height: 10rem;
}

.VFeu9 {
  background: linear-gradient(
    36deg,
    rgb(255 224 130 / 40%) 15%,
    rgb(255 248 225 / 80%) 90%
  );
  border-radius: 0.1875rem;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.mpGxh {
  left: 0;
  position: absolute;
  top: 0;
}

.GrDiv {
  display: grid;
  grid-gap: 1rem 2.5rem;
  grid-template-areas:
    "summary summary"
    "previous-button next-button";
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr auto;
  height: 100%;
  overflow: hidden;
  width: 100%;
}

.SGX0v {
  color: #455a64;
  display: grid;
  font-size: 0.875rem;
  grid-area: summary;
  grid-template-areas:
    "music-format"
    "annual-revenue"
    "relevant-years";
  grid-template-columns: 1fr;
  grid-template-rows: repeat(3, auto);
  overflow-y: auto;
}

.VIS1N {
  color: rgb(247 252 251 / 90%);
  display: flex;
  font-size: 1rem;
  grid-area: music-format;
  margin-bottom: 0.5rem;
  word-break: break-all;
}

.rqCiB {
  align-items: center;
  background-color: rgb(247 252 251 / 90%);
  border-radius: 0.5rem;
  display: flex;
  height: 1em;
  justify-content: center;
  margin-right: 0.25rem;
  padding: 0.125rem;
  width: 1rem;
}

.a\+tsy {
  font-size: 0.8rem;
  grid-area: annual-revenue;
}

._5Mnsa {
  font-size: 0.8rem;
  grid-area: relevant-years;
}

.v--qZ {
  color: rgb(247 252 251 / 90%);
}

._5lla7,
._1YQbY {
  align-items: center;
  display: flex;
  height: 2rem;
  justify-content: center;
  margin: 0.25rem;
}

._5lla7 {
  grid-area: previous-button;
}

._1YQbY {
  grid-area: next-button;
}

.nBx80 {
  color: rgb(247 252 251 / 90%);
}

.GrDiv.dBcu7 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  grid-template-areas: "previous-button summary next-button";
  grid-template-columns: 2.5rem 1fr 2.5rem;
  grid-template-rows: minmax(3rem, 1fr);
}

.GrDiv.dBcu7 .SGX0v.ew27o {
  grid-gap: 0.5rem;
  grid-template-areas: "music-format annual-revenue relevant-years";
  grid-template-columns: 40% 1fr 1fr;
  grid-template-rows: 1fr;
}

.GrDiv.dBcu7 .a\+tsy,
.GrDiv.dBcu7 ._5Mnsa {
  display: flex;
  flex-direction: column;
}

.GrDiv.dBcu7 ._5lla7,
.GrDiv.dBcu7 ._1YQbY {
  background: linear-gradient(36deg, #7cb342 16%, #4b830d 84%);
  border: 0;
}

.VIS1N.IhHn4 {
  font-size: 0.875rem;
  margin: 0;
}

.gAU1u {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.hog6E {
  display: flex;
  justify-content: space-between;
}

.kgQSa {
  margin-top: 0.4rem;
}

.B9iGF {
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow: hidden;
}

.DBJ9O {
  display: grid;
  grid-template-areas:
    "splash"
    ".";
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 0;
  height: 100%;
  padding: 0 0.5rem;
  width: calc(100% - 1rem);
}

.Gnpq9 {
  grid-area: splash;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}

/* Splash image */
.eCGgd {
  height: 100%;
  width: 100%;
}

.mrVPx {
  background: linear-gradient(
    36deg,
    rgb(255 224 130 / 40%) 15%,
    rgb(255 248 225 / 80%) 90%
  );
  border-radius: 0.25rem;
  height: 100%;
  width: 100%;
}

/* Concert date */
.pJeZl {
  height: calc(100% - 0.5rem);
  left: 0;
  padding: 0.25rem 0.5rem;
  position: absolute;
  top: 0;
  width: calc(100% - 1rem);
}

.bp-BO {
  font-size: 1.25rem;
  font-weight: 700;
}

/* Venue name */
._74Yvo {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.kT5oB {
  display: block;
  font-size: 4rem;
  font-style: italic;
  font-weight: 700;
  height: 100%;
  letter-spacing: 0.25rem;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
}

.cld2F {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}

.DBJ9O[data-cq-small] {
  padding: 0 0.25rem;
  width: calc(100% - 0.5rem);
}

.DBJ9O[data-cq-small] .bp-BO {
  font-size: 1rem;
  font-weight: 400;
}

.DBJ9O[data-cq-small] .cld2F {
  font-size: 2.25rem;
  letter-spacing: 0.125rem;
}

.ScaS1 {
  display: grid;
  height: 100%;
  width: 100%;
}

._8wE28 {
  border-radius: 0.25rem;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.CWxI4 {
  display: grid;
  grid-template-areas:
    "header"
    "memo-highlight"
    "actions";
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr 2.5rem;
  height: 100%;
}

.T3mhN {
  grid-area: header;
}

._0MNFB {
  grid-area: memo-highlight;
  overflow: hidden;
}

.Scfh3 {
  align-items: flex-end;
  display: flex;
  grid-area: actions;
  justify-content: flex-end;
}

.ZodBA {
  background: linear-gradient(
    36deg,
    rgb(179 229 252 / 55%) 35%,
    rgb(230 255 255 / 82.5%) 80%
  );
  border-radius: 0.1875rem;
  color: #455a64;
  display: flex;
  flex-direction: column;
  height: calc(100% - 1.2rem);
  padding: 0.6rem;
  width: calc(100% - 1.2rem);
}

.Jp10s {
  margin-bottom: 0.75rem;
}

.yB85O {
  flex: 1;
  overflow: hidden;
}

.sIknI {
  height: 1.75rem;
  margin-top: 0.5rem;
  padding: 0 0.5rem;
}

.ZodBA[data-container-query-short] {
  height: calc(100% - 1rem);
  padding: 0.5rem;
  width: calc(100% - 1rem);
}

.ZodBA[data-container-query-short] .Jp10s {
  margin-bottom: 0.5rem;
}

.ZodBA[data-container-query-short] .yB85O {
  max-height: 9rem;
}

.ZodBA[data-container-query-small] .sIknI,
.ZodBA[data-container-query-short] .sIknI {
  height: 1rem;
  margin-top: 0.25rem;
  padding: 0 0.25rem;
}

.bXUgG {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

._49Qd1 {
  align-items: center;
  border: 0;
  border-radius: 50%;
  display: flex;
  height: 2rem;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: 2rem;
}

.ZIP2t {
  color: #03a9f4;
  height: 1.25rem;
  width: 1.25rem;
}

.TfImi {
  transform: translate(0, 0) scale(-1, 1);
}

.CnFCE {
  transform: translate(0, 0) scale(-1, 1) rotate(90deg);
}

.bXUgG._9n2Vf ._49Qd1 {
  height: 1.25rem;
  width: 1.25rem;
}

.bXUgG._9n2Vf ._49Qd1:hover {
  background: transparent;
  transition: none;
}

.bXUgG._9n2Vf .ZIP2t {
  height: 0.875rem;
  width: 0.875rem;
}

.-n\+qo {
  background: linear-gradient(
    126deg,
    rgb(238 255 255 / 50%) 20%,
    rgb(248 253 255 / 70%) 80%
  );
  border-radius: 0.1875rem;
  height: 100%;
}

.FvZtO {
  font-size: 0.8rem;
  height: calc(100% - 1.5rem);
  line-height: 1.75;
  overflow-y: auto;
  padding: 0.75rem;
  width: calc(100% - 1.5rem);
}

.FvZtO a {
  color: #03a9f4;
}

.-n\+qo.Xslt5 .FvZtO {
  font-size: 0.75rem;
  height: calc(100% - 1rem);
  line-height: 1.6;
  padding: 0.5rem;
  width: calc(100% - 1rem);
}

._1O1ls {
  display: grid;
  grid-gap: 0.25rem 0;
  grid-template-areas:
    "avatar-container name"
    "avatar-container metadata";
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
}

.z\+K6Q {
  display: grid;
  grid-area: avatar-container;
  height: 2rem;
  margin-right: 0.5rem;
  width: 2rem;
}

._8ad6g {
  border-radius: 50%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.bJRXv {
  font-size: 0.875rem;
  font-weight: 700;
  grid-area: name;
  margin: 0;
}

.WXBna {
  font-size: 0.8rem;
  grid-area: metadata;
}

.Yv8qA {
  color: #03a9f4;
  text-decoration: none;
}

._1O1ls.oaOGK {
  grid-gap: 0 0.6rem;
  grid-template-areas: "name metadata";
  grid-template-columns: 1fr auto;
  grid-template-rows: 1fr;
}

._1O1ls.Q8dYT .bJRXv {
  font-size: 0.8rem;
}

._1O1ls.Q8dYT .WXBna {
  font-size: 0.75rem;
}

.DZI81 {
  height: 100%;
  overflow: hidden;
}

.C9han {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-size: 0.8rem;
  height: 100%;
  justify-content: center;
  line-height: 1.25;
  width: 100%;
}

.C9han p {
  margin: 0;
}

.C9han .zckIQ {
  font-family: monospace;
}

.C9han a {
  border: 0.0625rem solid white;
  display: block;
  height: calc(100% - 2 * (0.2rem + 0.0625rem));
  padding: 0.2rem 0.5rem;
  text-decoration: none;
  width: calc(100% - 2 * (0.5rem + 0.0625rem));
}

.DZI81[data-container-query-tall] .C9han {
  font-size: 0.875rem;
  line-height: 1.75;
}

._4\+eLe {
  display: grid;
  grid-gap: 1rem;
  grid-template-areas:
    "widget-1"
    "widget-2"
    "widget-3"
    "widget-4"
    "widget-5";
  grid-template-columns: 1fr;
  grid-template-rows: repeat(4, minmax(12rem, 75%)) 5rem;
}

.LhuQ0,
.lPqYq,
.UuS3-,
.ZqdEu,
.yWnPX {
  border-radius: 0.125rem;
  overflow: hidden;
  padding: 0.75rem;
}

.LhuQ0 {
  background: linear-gradient(126deg, #e91e63 16%, #ff6090 84%);
  grid-area: widget-1;
}

.lPqYq {
  background: linear-gradient(126deg, #7cb342 16%, #aee571 84%);
  grid-area: widget-2;
}

.UuS3- {
  background: linear-gradient(126deg, #ffa000 16%, #ffd149 84%);
  grid-area: widget-3;
}

.ZqdEu {
  background: linear-gradient(126deg, #03a9f4 16%, #67daff 84%);
  grid-area: widget-4;
}

.yWnPX {
  background: linear-gradient(126deg, #9c27b0 16%, #d05ce3 84%);
  grid-area: widget-5;
}

@media screen and (width <= 30rem) {
  @media (height >= 40rem) {
    ._4\+eLe {
      grid-template-rows: repeat(4, 25%) 5rem;
    }
  }
}

@media screen and (width >= 30rem) and (width <= 60rem) {
  ._4\+eLe {
    grid-template-areas:
      "widget-1 widget-2"
      "widget-4 widget-2"
      "widget-4 widget-3"
      "widget-5 widget-3";
    grid-template-columns: 2fr 5fr;
    grid-template-rows: 3fr 1fr 2fr 1fr;
    height: 40rem;
  }

  @media (height >= 40rem) {
    ._4\+eLe {
      grid-template-rows: 3fr 1fr 2fr 5rem;
    }
  }
}

@media screen and (width >= 60rem) {
  ._4\+eLe {
    grid-template-areas:
      "widget-1 widget-2 widget-4"
      "widget-3 widget-3 widget-4"
      "widget-3 widget-3 widget-5";
    grid-template-columns: minmax(25%, 15rem) minmax(50%, 15rem) auto;
    grid-template-rows: 12fr 3fr 5fr;
    height: 40rem;
  }

  @media (height >= 40rem) {
    ._4\+eLe {
      grid-template-rows: 4fr 1fr 10rem;
    }
  }
}