@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
/* @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800"); */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700,300,400italic,800,600");

/* The following line is used to measure usage of this code in production. For more info see our usage billing page */
/* @import url("https://px.animaapp.com/643fb1a53f67e1a95922fddb.643fb1a78465b237898b8e8d.X7RTvNI.hcp.png"); */



.screen a {
  display: contents;
  text-decoration: none;
}

.container-center-horizontal {
  display: flex;
  flex-direction: row;
  justify-content: center;
  pointer-events: none;
  width: 100%;
}

.container-center-horizontal > * {
  flex-shrink: 0;
  pointer-events: auto;
}

.valign-text-middle {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.hidden,
.hidden * {
  pointer-events: none;
  visibility: hidden;
}

* {
  box-sizing: border-box;
}

.overlap {
  left: 0;
  position: absolute;
}

.userlivedatesagenda1440px {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  gap: 1922px;
  min-height: 1441px;
  overflow-x: hidden;
  width: 1440px;
}

.hidden,
.hidden * {
  pointer-events: none;
  visibility: hidden;
}

.flex-col {
  background-color: var(--black);
  flex-direction: column;
  gap: 27px;
  margin-left: -4px;
  min-height: 2857px;
  padding: 17px 22px;
  width: 1442px;
}

.userlivedatesagenda1440px .flex {
  align-items: flex-start;
  display: flex;
}

.flex-row {
  gap: 4px;
  height: 110px;
  margin-left: 45px;
  min-width: 992px;
}

.flex-col-1 {
  align-self: flex-end;
  gap: 43px;
  min-height: 107px;
  width: 608px;
}

.userlivedatesagenda1440px .flex-col-5 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}

.live-dates {
  color: var(--white);
  font-family: var(--font-family-open_sans);
  font-size: var(--font-size-xl2);
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 21px;
  margin-left: 12px;
  min-height: 29px;
  width: 209px;
}

.flex-row-2 {
  align-items: flex-start;
  display: flex;
  height: 35px;
  min-width: 608px;
}

.past-live-dates {
  align-self: flex-end;
  letter-spacing: 1px;
  line-height: 21px;
  margin-left: 13px;
  min-height: 29px;
  width: 209px;
}

.upcoming-live-dates {
  align-self: flex-end;
  letter-spacing: 1px;
  line-height: 21px;
  margin-left: 16px;
  min-height: 29px;
  width: 209px;
}

.icono-reloj {
  height: 30px;
  margin-left: 101px;
  margin-top: 1px;
  width: 30px;
}

.icono-calendario {
  height: 30px;
  width: 30px;
}

.flex-row-1 {
  align-items: flex-start;
  display: flex;
  gap: 178px;
  height: 93px;
  min-width: 380px;
}

.bitmap {
  height: 26px;
  width: 25px;
}

.logo-page-datea-star {
  align-self: flex-end;
  height: 75px;
  width: 177px;
}

.flex-col-2 {
  align-self: flex-end;
  gap: 10px;
  min-height: 982px;
  width: 1358px;
}

.flex-row-3 {
  align-items: flex-end;
  display: flex;
  height: 104px;
  min-width: 1001px;
}

/*
.bitmap-1 {
  align-self: flex-start;
  height: 72px;
  width: 75px;
}
*/

.overlap-group9 {
  align-self: center;
  height: 48px;
  margin-left: 10px;
  margin-top: 16px;
  position: relative;
  width: 324px;
}

.userlivedatesagenda1440px .place-2 {
  left: 0;
  letter-spacing: 0.78px;
  line-height: 20px;
  position: absolute;
  white-space: nowrap;
}
/*
.place {
  top: 28px;
}
*/

.overlap-group {
  height: 48px;
  left: 0;
  position: absolute;
  top: 0;
  width: 324px;
}

.overlap-group7 {
  height: 47px;
  left: 136px;
  position: absolute;
  top: 1px;
  width: 188px;
}

.x14h00-cet {
  left: 44px;
  letter-spacing: 0.78px;
  line-height: 20px;
  position: absolute;
  top: 27px;
  white-space: nowrap;
}
/*
.hour {
  left: 0;
  letter-spacing: 0.78px;
  line-height: 20px;
  position: absolute;
  top: 27px;
  white-space: nowrap;
}
*/
.time {
  left: 149px;
  letter-spacing: 0.78px;
  line-height: 20px;
  position: absolute;
  top: 27px;
  white-space: nowrap;
}

.add-to-calendar {
  font-weight: 600;
  left: 31px;
  letter-spacing: 0;
  line-height: 20px;
  position: absolute;
  top: 0;
}

.johana-diamond {
  left: 0;
  letter-spacing: 1px;
  line-height: 21px;
  position: absolute;
  top: 0;
  white-space: nowrap;
  width: 166px;
}

.userlivedatesagenda1440px .date-2 {
  left: 43px;
  letter-spacing: 0.78px;
  line-height: 20px;
  position: absolute;
  white-space: nowrap;
}

.date {
  top: 28px;
}

.address {
  margin-bottom: 20px;
}

.userlivedatesagenda1440px .address-2 {
  letter-spacing: 0.78px;
  line-height: 20px;
  margin-left: 6px;
  min-width: 76px;
  white-space: nowrap;
}

.tony-cebrian-2500-t {
  align-self: flex-start;
  color:#9b9b9b;
  font-family: var(--font-family-open_sans);
  font-size: var(--font-size-xl2);
  letter-spacing: 1px;
  line-height: 28px;
  margin-left: 18px;
  margin-top: 7px;
  min-height: 56px;
  min-width: 125px;
}

.group-6-copy-3 {
  align-items: flex-start;
  background-color: var(--nugget);
  border-radius: 4px;
  display: flex;
  height: 29px;
  margin-bottom: 12px;
  margin-left: 43px;
  min-width: 100px;
  padding: 4px 36px;
}

.join {
  color: var(--black);
  font-family: var(--font-family-open_sans);
  font-size: var(--font-size-xs2);
  font-weight: 600;
  letter-spacing: 0.67px;
  line-height: 20px;
  white-space: nowrap;
}

.group-5-copy {
  background-image: url(https://anima-uploads.s3.amazonaws.com/projects/643fb278d08f941208d32db3/releases/644a68405f42a56cafa0868f/img/user-live-dates-agenda-1440px-group-5-copy-997081C9-3340-41EA-995E-6F6B3D40D91E@2x.png);
  background-size: 100% 100%;
  height: 82px;
  margin-left: 142px;
  width: 82px;
}

.flex-row-4 {
  align-items: flex-start;
  align-self: flex-end;
  display: flex;
  gap: 34px;
  height: 868px;
  min-width: 1353px;
}

.flex-col-3 {
  align-self: flex-end;
  gap: 327px;
  min-height: 856px;
  width: 998px;
}

.flex-row-6 {
  align-items: flex-start;
  display: flex;
  gap: 16px;
  height: 447px;
  margin-left: 1px;
  min-width: 997px;
}

.icono-container {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  min-height: 304px;
  width: 32px;
}

.icono-reloj-copy {
  height: 33px;
  margin-top: 49px;
}

.userlivedatesagenda1440px .icono-reloj-2 {
  margin-right: 3px;
  width: 29px;
}

.icono-reloj-1 {
  height: 29px;
}

.icono-cancelar {
  height: 29px;
  margin-top: 71px;
  width: 32px;
}

.icono-cancelar-copy {
  height: 29px;
  margin-right: 2px;
  margin-top: 64px;
  width: 25px;
}

.flex-row-7 {
  align-items: flex-start;
  align-self: flex-end;
  display: flex;
  gap: 135px;
  height: 446px;
  min-width: 949px;
}

.footer-black-310px {
  align-items: flex-end;
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  gap: 4756px;
  min-height: 303px;
  width: 313px;
}

.line-container-1 {
  height: 3px;
  margin-right: -40210.5px;
  margin-top: -4732px;
  position: relative;
  width: 40524px;
}

.line-2-1 {
  height: 2px;
  left: 0;
  opacity: 0.8;
  position: absolute;
  top: 0;
  width: 40524px;
}

.line-1 {
  height: 3px;
  left: 18px;
  position: absolute;
  top: 0;
  width: 40506px;
}

.overlap-group-container {
  align-items: flex-start;
  display: flex;
  gap: 18px;
  min-width: 295px;
}

.overlap-group-2 {
  height: 124px;
  position: relative;
  width: 136px;
}

.bitmap-4 {
  height: 22px;
  left: 0;
  position: absolute;
  top: 40px;
  width: 22px;
}

.c-2023-date-a-star {
  left: 0;
  letter-spacing: 0;
  line-height: 15px;
  position: absolute;
  top: 0;
  width: 136px;
}

.bitmap-3 {
  height: 19px;
  left: 30px;
  position: absolute;
  top: 41px;
  width: 23px;
}

.overlap-group1 {
  height: 276px;
  position: relative;
  width: 141px;
}

.cookie-notice-terms {
  left: 6px;
  letter-spacing: 0;
  line-height: 15px;
  position: absolute;
  top: 0;
  width: 135px;
}

.i-am-a-creator-0 {
  color: var(--nugget);
  font-family: var(--font-family-open_sans);
  font-size: var(--font-size-s3);
  font-weight: 800;
  left: 0;
  letter-spacing: -0.06px;
  line-height: 18px;
  position: absolute;
  text-align: center;
  top: 157px;
  white-space: nowrap;
  width: 107px;
}

.flex-col-4 {
  min-height: 341px;
  width: 501px;
}

.overlap-group5 {
  height: 67px;
  margin-top: 16px;
  position: relative;
  width: 496px;
}

.other {
  left: 0;
  letter-spacing: 0.78px;
  line-height: 21px;
  position: absolute;
  top: 0;
  white-space: nowrap;
  width: 297px;
}

.make-sure-you-have-e {
  left: 0;
  letter-spacing: 0.78px;
  line-height: 19px;
  position: absolute;
  top: 23px;
  width: 496px;
}

.reschedul-container {
  height: 80px;
  position: relative;
  width: 501px;
}

.reschedule-condition {
  left: 0;
  letter-spacing: 0.78px;
  line-height: 21px;
  position: absolute;
  top: 0;
  white-space: nowrap;
  width: 297px;
}

.rescheduling-is-only {
  left: 0;
  letter-spacing: 0.78px;
  line-height: 19px;
  position: absolute;
  top: 23px;
  width: 501px;
}

.devices {
  letter-spacing: 0.78px;
  line-height: 21px;
  margin-top: 1px;
  min-height: 25px;
  white-space: nowrap;
}

.x2-d-dates-work-with-a {
  letter-spacing: 0.78px;
  line-height: 19px;
  margin-top: 3px;
  min-height: 57px;
  width: 501px;
}

.cancelation-conditio {
  letter-spacing: 0.78px;
  line-height: 21px;
  margin-top: 17px;
  min-height: 25px;
  white-space: nowrap;
}

.cancelling-is-only-p {
  letter-spacing: 0.78px;
  line-height: 19px;
  margin-top: 6px;
  min-height: 44px;
  width: 478px;
}

.flex-row-5 {
  align-items: center;
  display: flex;
  min-width: 646px;
}

.overlap-group10 {
  height: 52px;
  margin-bottom: 2px;
  margin-left: 10px;
  position: relative;
  width: 324px;
}

.overlap-group-1 {
  height: 52px;
  left: 0;
  position: absolute;
  top: 0;
  width: 324px;
}

.overlap-group6 {
  height: 51px;
  left: 136px;
  position: absolute;
  top: 1px;
  width: 188px;
}

.hour-copy-2 {
  left: 0;
  letter-spacing: 0.78px;
  line-height: 20px;
  position: absolute;
  top: 31px;
  white-space: nowrap;
}

.time-copy-2 {
  left: 149px;
  letter-spacing: 0.78px;
  line-height: 20px;
  position: absolute;
  top: 31px;
  white-space: nowrap;
}

.x2030h-cet {
  left: 44px;
  letter-spacing: 0.78px;
  line-height: 20px;
  position: absolute;
  top: 31px;
  white-space: nowrap;
}

.place-1 {
  top: 32px;
}

.date-1 {
  top: 32px;
}

.address-1 {
  margin-top: 30px;
}

.edit {
  font-weight: 600;
  letter-spacing: 0;
  line-height: 20px;
  margin-left: 33px;
  margin-top: 30px;
  min-width: 28px;
  white-space: nowrap;
}

.cancel-copy {
  font-weight: 600;
  letter-spacing: 0;
  line-height: 20px;
  margin-left: 40px;
  margin-top: 30px;
  min-width: 47px;
  white-space: nowrap;
}

.group-5-copy-2 {
  background-image: url(https://anima-uploads.s3.amazonaws.com/projects/643fb278d08f941208d32db3/releases/644a68405f42a56cafa0868f/img/user-live-dates-agenda-1440px-group-5-copy-997081C9-3340-41EA-995E-6F6B3D40D91E@2x.png);
  background-size: 100% 100%;
  height: 82px;
  width: 82px;
}

/*
.bitmap-2 {
  height: 622px;
  width: 321px;
}
*/
.line-container {
  height: 1978px;
  margin-left: -0.5px;
  margin-top: -3900px;
  position: relative;
  width: 41627px;
}

.userlivedatesagenda1440px .line-5-copy-1 {
  height: 2px;
  position: absolute;
  top: 0;
}

.line-5-copy-3 {
  left: 397px;
  width: 41230px;
}

.userlivedatesagenda1440px .line-copy-2 {
  height: 26px;
  position: absolute;
  top: 0;
}

.line-copy-1 {
  left: 925px;
  width: 40702px;
}

.line-copy {
  height: 26px;
  left: 776px;
  position: absolute;
  top: 0;
  width: 40850px;
}

.line-3 {
  height: 1978px;
  left: 397px;
  position: absolute;
  top: 0;
  width: 41230px;
}

.line {
  height: 26px;
  left: 636px;
  position: absolute;
  top: 0;
  width: 40990px;
}

.line-copy-16 {
  left: 992px;
  width: 40634px;
}

.line-5-copy {
  height: 2px;
  left: 543px;
  position: absolute;
  top: 0;
  width: 41084px;
}

.line-5-copy-2 {
  left: 446px;
  width: 41181px;
}

.line-2 {
  height: 2px;
  left: 0;
  position: absolute;
  top: 0;
  width: 41627px;
}

.line-5-copy-4 {
  left: 776px;
  width: 40851px;
}

.line-3-1 {
  height: 1978px;
  left: 1079px;
  position: absolute;
  top: 0;
  width: 40548px;
}
