.qbX_S {
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: gOR_E;
  animation-name: gOR_E;
  -webkit-animation-timing-function: steps(8);
  animation-timing-function: steps(8);
}
@-webkit-keyframes gOR_E {
  0% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  to {
    -webkit-transform: rotate(540deg);
    transform: rotate(540deg);
  }
}
@keyframes gOR_E {
  0% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  to {
    -webkit-transform: rotate(540deg);
    transform: rotate(540deg);
  }
}
.Ii8SR {
  align-items: stretch;
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
  position: relative;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
}
.Ii8SR:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
.Ii8SR img {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.Ii8SR img,
.Ii8SR video {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.Ii8SR video {
  cursor: pointer;
  display: block;
}
.fY16M {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .fY16M {
    padding-left: var(--barcelona-lightbox-horizontal-padding);
    padding-right: var(--barcelona-lightbox-horizontal-padding);
  }
}
.u5ABo {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: u5ABo;
  animation-name: u5ABo;
}
@-webkit-keyframes u5ABo {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes u5ABo {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.xj_n9 {
  -webkit-animation-name: xj_n9;
  animation-name: xj_n9;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.ggNQ1,
.xj_n9 {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
}
.ggNQ1 {
  -webkit-animation-name: ggNQ1;
  animation-name: ggNQ1;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes xj_n9 {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes xj_n9 {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes ggNQ1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes ggNQ1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.vKqKa:focus {
  outline: 0;
}
.vKqKa:focus-visible {
  outline: auto;
}
.n4efS {
  align-items: center;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.n4efS:active {
  -webkit-transform: scale(0.96);
  transform: scale(0.96);
}
.n4efS:focus {
  outline: 0;
}
.n4efS:focus-visible {
  outline: auto;
}
.uN0ox,
.vXblG {
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 10px;
  font-weight: 600;
  padding: 0 16px;
}
.qrRHN {
  height: 36px;
}
.d1aBX {
  height: 52px;
}
.vXblG {
  background-color: var(--barcelona-primary-button-background);
  border-color: var(--always-dark-overlay);
  color: var(--barcelona-primary-button-text);
}
.tnctt {
  height: auto;
  padding: 0;
}
.c6OSD {
  text-decoration: none;
}
.JHXDt {
  cursor: not-allowed;
}
.JHXDt:active {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.JHXDt {
  color: var(--barcelona-secondary-text);
}
.D1opx {
  align-items: stretch;
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
  position: relative;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
}
.D1opx:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
.D1opx img {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.D1opx img,
.D1opx video {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.D1opx video {
  cursor: pointer;
  display: block;
}
.N8AVN {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .N8AVN {
    padding-left: var(--barcelona-lightbox-horizontal-padding);
    padding-right: var(--barcelona-lightbox-horizontal-padding);
  }
}
.Vb5GZ {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: Vb5GZ;
  animation-name: Vb5GZ;
}
@-webkit-keyframes Vb5GZ {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes Vb5GZ {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.jOFEk {
  -webkit-animation-name: jOFEk;
  animation-name: jOFEk;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.fGwYA,
.jOFEk {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
}
.fGwYA {
  -webkit-animation-name: fGwYA;
  animation-name: fGwYA;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes jOFEk {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes jOFEk {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes fGwYA {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes fGwYA {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.Tp7AO:focus {
  outline: 0;
}
.Tp7AO:focus-visible {
  outline: auto;
}
.U_MUu {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  position: relative;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
}
.U_MUu:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
.U_MUu:focus {
  outline: 0;
}
.U_MUu:focus-visible {
  outline: auto;
}
.Zsh8l .SfuIb {
  background-color: var(--barcelona-tertiary-background);
  border-radius: 18px;
  position: absolute;
  -webkit-transform: scale3d(0, 0, 0);
  transform: scale3d(0, 0, 0);
  -webkit-user-select: none;
  user-select: none;
}
.Zsh8l .yXnde {
  -webkit-transform: scaleZ(0.1);
  transform: scaleZ(0.1);
  transition: -webkit-transform 0.15s;
  transition: transform 0.15s;
  transition:
    transform 0.15s,
    -webkit-transform 0.15s;
}
.a7o1J .SfuIb {
  -webkit-tap-highlight-color: transparent;
  background-color: var(--barcelona-navigation-item-hover-background);
  border-radius: 8px;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  transition-duration: 0.1s;
  transition-property:
    opacity,
    -webkit-transform;
  transition-property: opacity, transform;
  transition-property:
    opacity,
    transform,
    -webkit-transform;
  transition-timing-function: ease-out;
  width: 100%;
}
.a7o1J .yXnde {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.xLwJ1 {
  align-items: center;
  display: flex;
  flex-direction: row;
}
.lYk18,
.xLwJ1 {
  position: relative;
}
.lYk18 {
  align-items: stretch;
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
}
.lYk18:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
.lYk18 img {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.lYk18 img,
.lYk18 video {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.lYk18 video {
  cursor: pointer;
  display: block;
}
.OMtTh {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .OMtTh {
    padding-left: var(--barcelona-lightbox-horizontal-padding);
    padding-right: var(--barcelona-lightbox-horizontal-padding);
  }
}
.u7EcY {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: u7EcY;
  animation-name: u7EcY;
}
@-webkit-keyframes u7EcY {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes u7EcY {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.egNlQ {
  -webkit-animation-name: egNlQ;
  animation-name: egNlQ;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.UG55V,
.egNlQ {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
}
.UG55V {
  -webkit-animation-name: UG55V;
  animation-name: UG55V;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes egNlQ {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes egNlQ {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes UG55V {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes UG55V {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.xR2AS:focus {
  outline: 0;
}
.xR2AS:focus-visible {
  outline: auto;
}
.qP9_C {
  cursor: pointer;
  position: relative;
}
.qP9_C:focus {
  outline: 0;
}
.qP9_C:focus-visible {
  outline: auto;
}
.y9gIW {
  position: relative;
  z-index: 1;
}
.kWlq6 {
  background-color: var(--barcelona-secondary-background);
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  bottom: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition-duration: var(--fds-duration-extra-extra-short-out);
  transition-property: opacity;
  transition-timing-function: var(--fds-animation-fade-out);
}
.Y2vA4 {
  opacity: 0.4;
}
.UecuD {
  color: var(--barcelona-error-text);
}
.qP9_C:active .kWlq6 {
  opacity: 1;
}
.W7AhA {
  align-items: stretch;
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
  position: relative;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
}
.W7AhA:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
.W7AhA img {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.W7AhA img,
.W7AhA video {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.W7AhA video {
  cursor: pointer;
  display: block;
}
.rDtp5 {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .rDtp5 {
    padding-left: var(--barcelona-lightbox-horizontal-padding);
    padding-right: var(--barcelona-lightbox-horizontal-padding);
  }
}
.cmJFe {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: cmJFe;
  animation-name: cmJFe;
}
@-webkit-keyframes cmJFe {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes cmJFe {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.YV3Yh {
  -webkit-animation-name: YV3Yh;
  animation-name: YV3Yh;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.BIhSD,
.YV3Yh {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
}
.BIhSD {
  -webkit-animation-name: BIhSD;
  animation-name: BIhSD;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes YV3Yh {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes YV3Yh {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes BIhSD {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes BIhSD {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.U4AZ7:focus {
  outline: 0;
}
.U4AZ7:focus-visible {
  outline: auto;
}
.YMkL3 {
  align-items: center;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
}
.YMkL3:focus {
  outline: 0;
}
.YMkL3:focus-visible {
  outline: auto;
}
.YMkL3:not(.zzuig) {
  cursor: pointer;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition:
    transform 0.2s,
    -webkit-transform 0.2s;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
}
.YMkL3:not(.zzuig):hover {
  -webkit-transform: scale(1.07);
  transform: scale(1.07);
}
.YMkL3:not(.zzuig):active {
  -webkit-transform: scale(0.96);
  transform: scale(0.96);
}
.zzuig {
  cursor: not-allowed;
  opacity: 0.4;
}
.TEq5T {
  align-items: stretch;
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
  position: relative;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
}
.TEq5T:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
.TEq5T img {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.TEq5T img,
.TEq5T video {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.TEq5T video {
  cursor: pointer;
  display: block;
}
.LnQ4R {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .LnQ4R {
    padding-left: var(--barcelona-lightbox-horizontal-padding);
    padding-right: var(--barcelona-lightbox-horizontal-padding);
  }
}
.l0fWV {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: l0fWV;
  animation-name: l0fWV;
}
@-webkit-keyframes l0fWV {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes l0fWV {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.EvUHk {
  -webkit-animation-name: EvUHk;
  animation-name: EvUHk;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.EvUHk,
.tCufq {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
}
.tCufq {
  -webkit-animation-name: tCufq;
  animation-name: tCufq;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes EvUHk {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes EvUHk {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes tCufq {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes tCufq {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.cVyt6:focus {
  outline: 0;
}
.cVyt6:focus-visible {
  outline: auto;
}
._d8w7 {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: l0fWV;
  animation-name: l0fWV;
  box-sizing: border-box;
  height: 100%;
  left: 0;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  position: fixed;
  scrollbar-width: none;
  top: 0;
  touch-action: none;
  width: 100%;
  z-index: 3;
}
.iPv3W {
  overflow: hidden !important;
}
.OfRn4 {
  background-color: var(--always-black);
}
.Lv2sA {
  -webkit-backdrop-filter: blur(28.5px);
  backdrop-filter: blur(28.5px);
  background-color: var(--barcelona-dialog-backdrop-background);
}
.Os4Uz {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
  scroll-snap-align: start;
}
.HO6cR,
.Os4Uz {
  height: 100%;
  width: 100%;
}
.HO6cR {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 0;
}
.VrGrA {
  z-index: 1;
}
.osr07 {
  scroll-snap-type: y mandatory;
}
.osr07 .VrGrA {
  height: 100%;
}
.O9er9 {
  height: 100vh;
  scroll-snap-align: start;
}
.Pe_zF {
  cursor: pointer;
  left: 0;
  padding: 24px;
  position: fixed;
  top: 0;
  z-index: 4;
}
.A4oUt {
  background-color: var(--barcelona-tertiary-background);
}
@supports (height: 100dvh) {
  .O9er9 {
    height: 100dvh;
  }
}
.OXc1H {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: Ud80t;
  animation-name: Ud80t;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  background-color: var(--barcelona-secondary-icon);
  height: 1.5px;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-transform-origin: top left;
  transform-origin: top left;
  z-index: 2;
}
@-webkit-keyframes Ud80t {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
  to {
    -webkit-transform: scaleX(0.99);
    transform: scaleX(0.99);
  }
}
@keyframes Ud80t {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
  to {
    -webkit-transform: scaleX(0.99);
    transform: scaleX(0.99);
  }
}
.gRLVJ {
  align-items: stretch;
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
  position: relative;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
}
.gRLVJ:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
.gRLVJ img {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.gRLVJ img,
.gRLVJ video {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.gRLVJ video {
  cursor: pointer;
  display: block;
}
.gUbUT {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .gUbUT {
    padding-left: var(--barcelona-lightbox-horizontal-padding);
    padding-right: var(--barcelona-lightbox-horizontal-padding);
  }
}
.gKpkh {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: gKpkh;
  animation-name: gKpkh;
}
@-webkit-keyframes gKpkh {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes gKpkh {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.KR9sX {
  -webkit-animation-name: KR9sX;
  animation-name: KR9sX;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.KR9sX,
.Y2kUM {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
}
.Y2kUM {
  -webkit-animation-name: Y2kUM;
  animation-name: Y2kUM;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes KR9sX {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes KR9sX {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes Y2kUM {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes Y2kUM {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.Mvs1S:focus {
  outline: 0;
}
.Mvs1S:focus-visible {
  outline: auto;
}
.OOimG {
  border-radius: 16px;
  height: auto;
  overflow-x: hidden;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  width: auto;
}
.L5fpa {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-name: Y2kUM;
  animation-name: Y2kUM;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  background-color: var(--barcelona-elevated-background);
  border: 0.5px solid var(--barcelona-primary-column-outline);
  box-shadow: 0 10.5px 21px rgba(0, 0, 0, 0.08);
  -webkit-transform-origin: inherit;
  transform-origin: inherit;
}
.DKGXU {
  border-bottom: 1px solid var(--barcelona-threadline);
  padding: 8px;
}
.DKGXU:last-child {
  border-bottom: none;
}
.MrFqv {
  width: 220px;
}
.ygDVP {
  border-radius: 12px;
  cursor: pointer;
  padding: 12px;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
}
.ygDVP:active {
  -webkit-transform: scale(0.96);
  transform: scale(0.96);
}
.ygDVP:hover {
  background-color: var(--barcelona-hovered-background);
}
.bzxfh {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
.X0Adc {
  word-wrap: break-word;
  color: var(--barcelona-primary-text);
  display: block;
  flex: 1 1;
  font-family: var(--font-family-system);
  font-size: var(--system-15-font-size);
  font-weight: 600;
  line-height: 1.4;
  max-width: 100%;
  min-width: 0;
  overflow-x: visible;
  text-align: left;
  white-space: pre-line;
  word-break: break-word;
}
.RpQ4E {
  display: flex;
  margin-left: 8px;
  width: 20px;
}
.MWK2x {
  display: flex;
  margin-left: auto;
}
.vaGo0 {
  color: var(--barcelona-error-text);
}
.vaGo0 .X0Adc {
  color: inherit;
}
.DS7Dv {
  cursor: not-allowed;
  opacity: 0.4;
}
.G7PWK {
  -webkit-animation-duration: var(--fds-duration-short-in);
  animation-duration: var(--fds-duration-short-in);
  -webkit-animation-name: fCUHV;
  animation-name: fCUHV;
  -webkit-animation-timing-function: var(--fds-animation-enter-exit-in);
  animation-timing-function: var(--fds-animation-enter-exit-in);
  max-width: 100%;
  padding: 16px;
  pointer-events: auto;
}
.j1EEj {
  min-width: 320px;
}
.elkOB {
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: elkOB;
  animation-name: elkOB;
}
.pBDmb {
  background-color: var(--toast-background);
  border-radius: var(--toast-corner-radius);
  box-shadow: var(--shadow-elevated);
  box-sizing: border-box;
  flex-direction: row;
  padding: var(--toast-container-padding-vertical)
    var(--toast-container-padding-horizontal);
  width: 100%;
}
.iFkYt,
.pBDmb {
  align-items: center;
  display: flex;
}
.iFkYt {
  justify-content: center;
}
.U9ABY,
.iFkYt {
  color: var(--toast-text);
  padding: var(--toast-addon-padding-horizontal);
}
.U9ABY {
  box-sizing: border-box;
  flex: 1 1;
  font-weight: var(--font-weight-system-semibold);
}
.CN7aO {
  color: var(--toast-text);
  padding: var(--toast-addon-padding-horizontal);
}
@-webkit-keyframes fCUHV {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fCUHV {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes elkOB {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}
@keyframes elkOB {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}
._TOAST_CONTAINER {
  align-items: center;
  bottom: 0;
  display: flex;
  flex-direction: column;
  left: 0;
  position: fixed;
  right: 0;
  z-index: 4;
}
.qIFS6 {
  width: 100%;
}
.N1RMc {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}
.N1RMc .doP1d {
  flex: 1 1;
  min-height: 0;
}
.ebeQq {
  align-items: stretch;
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
  position: relative;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
}
.ebeQq:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
.ebeQq img {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.ebeQq img,
.ebeQq video {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.ebeQq video {
  cursor: pointer;
  display: block;
}
.P7CUU {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .P7CUU {
    padding-left: var(--barcelona-lightbox-horizontal-padding);
    padding-right: var(--barcelona-lightbox-horizontal-padding);
  }
}
.xCT3L {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: xCT3L;
  animation-name: xCT3L;
}
@-webkit-keyframes xCT3L {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes xCT3L {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.W2gc7 {
  -webkit-animation-name: W2gc7;
  animation-name: W2gc7;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.AMU95,
.W2gc7 {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
}
.AMU95 {
  -webkit-animation-name: AMU95;
  animation-name: AMU95;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes W2gc7 {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes W2gc7 {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes AMU95 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes AMU95 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.FH3ms:focus {
  outline: 0;
}
.FH3ms:focus-visible {
  outline: auto;
}
.gd0mI {
  align-items: center;
  border-bottom: 1px solid var(--barcelona-primary-outline);
  display: flex;
  flex-direction: row;
  height: 45px;
  position: relative;
  width: 100%;
}
.LkSjj {
  border-bottom: 1px solid var(--barcelona-primary-text);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition:
    transform 0.2s,
    -webkit-transform 0.2s;
}
.PkLZZ {
  word-wrap: break-word;
  align-items: center;
  color: var(--barcelona-secondary-text);
  cursor: pointer;
  display: flex;
  flex: 1 1;
  flex-direction: column;
  font-family: var(--font-family-system);
  font-size: var(--system-15-font-size);
  font-weight: 600;
  height: 100%;
  justify-content: center;
  justify-self: center;
  line-height: 0.95;
  max-width: 100%;
  min-width: 0;
  text-align: left;
  white-space: pre-line;
  word-break: break-word;
}
.PkLZZ:focus {
  outline: 0;
}
.PkLZZ:focus-visible {
  outline: auto;
}
.zarDI {
  color: var(--barcelona-primary-text);
}
.PkLZZ:active {
  opacity: 0.6;
}
.gyNsv {
  align-items: center;
  -webkit-column-gap: 6px;
  column-gap: 6px;
  display: flex;
  flex-direction: row;
  max-width: 100%;
}
.vDTPi {
  flex: 1 1;
  min-width: 100px;
}
.xrcff {
  --slide-size: 100%;
  --track-offset: 0%;
  display: block;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.kEYyU,
.xrcff {
  height: 100%;
  width: 100%;
}
.kEYyU {
  white-space: nowrap;
}
.UpaXH {
  cursor: grab;
}
.XFqa_ {
  display: flex;
  flex-wrap: nowrap;
  overflow: visible;
}
.Nu7kI,
.XFqa_ {
  height: 100%;
  position: relative;
  width: 100%;
}
.Nu7kI {
  display: block;
  flex: none;
  white-space: inherit;
}
.iw_AG {
  display: block;
  height: 100%;
  white-space: normal;
  width: 100%;
}
.erBpV .UpaXH {
  touch-action: pan-y;
}
.erBpV .y47Ho {
  bottom: 6px;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.erBpV .kEYyU {
  -webkit-transform: translateX(var(--track-offset));
  transform: translateX(var(--track-offset));
}
.erBpV .XFqa_ {
  flex-direction: row;
  width: var(--slide-size);
}
.HrFo4 .UpaXH {
  touch-action: pan-x;
}
.HrFo4 .y47Ho {
  position: absolute;
  right: 6px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.HrFo4 .kEYyU {
  -webkit-transform: translateY(var(--track-offset));
  transform: translateY(var(--track-offset));
}
.HrFo4 .XFqa_ {
  flex-direction: column;
  height: var(--slide-size);
}
.lP3ib {
  cursor: pointer;
}
.B291M,
.lP3ib {
  height: 100%;
  position: relative;
  width: 100%;
}
.W7X4B {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.afJvO {
  z-index: 1;
}
.afJvO,
.afJvO video {
  height: 100%;
  width: 100%;
}
.afJvO video {
  display: block;
  object-fit: cover;
}
.bCd8d {
  bottom: -16px;
  cursor: pointer;
  left: 0;
  padding: 16px 0;
  position: absolute;
  touch-action: none;
  width: 100%;
}
.vnv6F {
  bottom: 0;
  left: 24px;
  width: calc(100% - 48px);
}
.bCd8d:hover .qxy0x {
  -webkit-transform: scaleY(2);
  transform: scaleY(2);
}
.qxy0x {
  background-color: var(--barcelona-media-outline);
  bottom: 16px;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
  transition-duration: 0.2s;
}
.X8Mbq,
.qxy0x {
  height: 2px;
  position: absolute;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property:
    transform,
    -webkit-transform;
  width: 100%;
}
.X8Mbq {
  background-color: var(--barcelona-primary-icon);
  border-radius: 100px;
  touch-action: none;
  -webkit-transform-origin: left;
  transform-origin: left;
  transition-timing-function: linear;
  -webkit-user-select: none;
  user-select: none;
}
.C5eWW {
  transition-duration: 0.2s;
}
.Gckn1 {
  align-items: stretch;
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
  position: relative;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
}
.Gckn1:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
.Gckn1 img {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.Gckn1 img,
.Gckn1 video {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.Gckn1 video {
  cursor: pointer;
  display: block;
}
.dUeAb {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .dUeAb {
    padding-left: var(--barcelona-lightbox-horizontal-padding);
    padding-right: var(--barcelona-lightbox-horizontal-padding);
  }
}
.c2iYk {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: c2iYk;
  animation-name: c2iYk;
}
@-webkit-keyframes c2iYk {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes c2iYk {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.U9hih {
  -webkit-animation-name: U9hih;
  animation-name: U9hih;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.KWp8o,
.U9hih {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
}
.KWp8o {
  -webkit-animation-name: KWp8o;
  animation-name: KWp8o;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes U9hih {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes U9hih {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes KWp8o {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes KWp8o {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.jvL7B:focus {
  outline: 0;
}
.jvL7B:focus-visible {
  outline: auto;
}
.V_v1a {
  bottom: 0;
  padding: 16px;
  position: absolute;
  right: 0;
}
.BC8Ly {
  padding: 24px;
}
.BC8Ly .QAjU1 {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  cursor: pointer;
  height: 40px;
  padding: 0;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  width: 40px;
}
.BC8Ly .QAjU1:active {
  -webkit-transform: scale(0.96);
  transform: scale(0.96);
}
.BC8Ly .l_lmf {
  color: var(--barcelona-secondary-icon);
}
.VurXQ {
  padding-bottom: 40px;
}
.QAjU1 {
  align-items: center;
  -webkit-backdrop-filter: blur(22.5px);
  backdrop-filter: blur(22.5px);
  background-color: #282828;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 8px;
}
.l_lmf {
  color: var(--always-white);
}
.LLzs_ {
  align-items: stretch;
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
  position: relative;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
}
.LLzs_:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
.LLzs_ img {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.LLzs_ img,
.LLzs_ video {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.LLzs_ video {
  cursor: pointer;
  display: block;
}
.hJOO2 {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .hJOO2 {
    padding-left: var(--barcelona-lightbox-horizontal-padding);
    padding-right: var(--barcelona-lightbox-horizontal-padding);
  }
}
.mhx8g {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: mhx8g;
  animation-name: mhx8g;
}
@-webkit-keyframes mhx8g {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mhx8g {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.yLFX4 {
  -webkit-animation-name: yLFX4;
  animation-name: yLFX4;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.olv15,
.yLFX4 {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
}
.olv15 {
  -webkit-animation-name: olv15;
  animation-name: olv15;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes yLFX4 {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes yLFX4 {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes olv15 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes olv15 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.p9U2_:focus {
  outline: 0;
}
.p9U2_:focus-visible {
  outline: auto;
}
.Ql_Ey {
  height: 100%;
  width: 100%;
}
.xn9GZ {
  box-sizing: border-box;
}
.jaYjZ,
.xn9GZ {
  height: 100%;
  width: 100%;
}
.jaYjZ,
.sPMCB,
.xn9GZ {
  align-items: center;
  display: flex;
  justify-content: center;
}
.sPMCB {
  -webkit-user-select: none;
  user-select: none;
}
.sPMCB img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.GqMKd {
  align-items: center;
  color: var(--barcelona-secondary-text);
  display: flex;
  flex: 1 1;
  height: 100%;
  justify-content: center;
}
img[src=''] {
  opacity: 0;
}
.ZZK6Q {
  align-items: stretch;
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
  position: relative;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
}
.ZZK6Q:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
.ZZK6Q img {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.ZZK6Q img,
.ZZK6Q video {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.ZZK6Q video {
  cursor: pointer;
  display: block;
}
.iGSO6 {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .iGSO6 {
    padding-left: var(--barcelona-lightbox-horizontal-padding);
    padding-right: var(--barcelona-lightbox-horizontal-padding);
  }
}
.LIM1Z {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: LIM1Z;
  animation-name: LIM1Z;
}
@-webkit-keyframes LIM1Z {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes LIM1Z {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.jc4Vd {
  -webkit-animation-name: jc4Vd;
  animation-name: jc4Vd;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.g9HCr,
.jc4Vd {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
}
.g9HCr {
  -webkit-animation-name: g9HCr;
  animation-name: g9HCr;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes jc4Vd {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes jc4Vd {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes g9HCr {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes g9HCr {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.Rf8aL:focus {
  outline: 0;
}
.Rf8aL:focus-visible {
  outline: auto;
}
.UrWTm {
  background-color: var(--barcelona-secondary-background);
  display: flex;
  flex-direction: column;
  height: 100vh;
  padding-bottom: env(safe-area-inset-bottom);
  width: 100vw;
}
.IuitC {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-name: jc4Vd;
  animation-name: jc4Vd;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.F9a1m {
  align-items: center;
  border-bottom: 0.5px solid var(--barcelona-primary-outline);
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 1fr 50vw 1fr;
  padding: 8px 16px;
  width: 100%;
}
.vcxg8 {
  word-wrap: break-word;
  color: var(--barcelona-primary-text);
  font-family: var(--font-family-system);
  font-size: var(--system-16-font-size);
  font-weight: 700;
  line-height: 1.3125;
  max-width: 100%;
  min-width: 0;
  text-align: left;
  text-align: center;
  white-space: pre-line;
  word-break: break-word;
}
.UIuF1 {
  color: var(--barcelona-link-text);
  flex-direction: row-reverse;
}
.QfYQj,
.UIuF1 {
  display: flex;
  height: 34px;
}
.QfYQj {
  flex-direction: row;
}
.NzF9H {
  display: flex;
  flex: 1 1;
  flex-direction: column;
  min-height: 0;
}
.rU9uq {
  align-items: stretch;
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
  position: relative;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
}
.rU9uq:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
.rU9uq img {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.rU9uq img,
.rU9uq video {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.rU9uq video {
  cursor: pointer;
  display: block;
}
.lvz2C {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .lvz2C {
    padding-left: var(--barcelona-lightbox-horizontal-padding);
    padding-right: var(--barcelona-lightbox-horizontal-padding);
  }
}
.eJMu3 {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: eJMu3;
  animation-name: eJMu3;
}
@-webkit-keyframes eJMu3 {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes eJMu3 {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.M7iDS {
  -webkit-animation-name: M7iDS;
  animation-name: M7iDS;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.M7iDS,
.a8x11 {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
}
.a8x11 {
  -webkit-animation-name: a8x11;
  animation-name: a8x11;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes M7iDS {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes M7iDS {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes a8x11 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes a8x11 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.WKgR7:focus {
  outline: 0;
}
.WKgR7:focus-visible {
  outline: auto;
}
.j19nX {
  word-wrap: break-word;
  color: var(--barcelona-secondary-text);
  font-family: var(--font-family-system);
  font-size: inherit;
  font-weight: 400;
  max-width: 100%;
  min-width: 0;
  text-align: left;
  white-space: pre-line;
  word-break: break-word;
}
.RbpkR,
.j19nX {
  line-height: 1.4;
}
.RbpkR {
  display: inline-grid;
  grid-template-columns: auto auto;
  overflow-y: hidden;
  position: relative;
}
.nUsMw {
  display: flex;
  flex-direction: column;
  height: var(--base-line-clamp-line-height);
  text-overflow: clip;
}
.jp6Bk {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  transition-duration: 0.2s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property:
    transform,
    -webkit-transform;
  transition-timing-function: ease-in;
}
._CjvB {
  display: inline-flex;
  -webkit-user-select: none;
  user-select: none;
}
.zH7NE {
  box-sizing: border-box;
  color: var(--barcelona-secondary-text);
  padding-bottom: 20px;
  padding-top: 33px;
}
.m9hh5,
.zH7NE {
  display: flex;
  justify-content: center;
}
.m9hh5 {
  height: 24px;
  width: 24px;
}
.NfExA {
  align-items: stretch;
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
  position: relative;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
}
.NfExA:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
.NfExA img {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.NfExA img,
.NfExA video {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.NfExA video {
  cursor: pointer;
  display: block;
}
.RjUEg {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .RjUEg {
    padding-left: var(--barcelona-lightbox-horizontal-padding);
    padding-right: var(--barcelona-lightbox-horizontal-padding);
  }
}
.CFs9q {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: CFs9q;
  animation-name: CFs9q;
}
@-webkit-keyframes CFs9q {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes CFs9q {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.GWOcq {
  -webkit-animation-name: GWOcq;
  animation-name: GWOcq;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.GWOcq,
.Xge1N {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
}
.Xge1N {
  -webkit-animation-name: Xge1N;
  animation-name: Xge1N;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes GWOcq {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes GWOcq {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes Xge1N {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes Xge1N {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.hLktU:focus {
  outline: 0;
}
.hLktU:focus-visible {
  outline: auto;
}
.lCK8f {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-name: GWOcq;
  animation-name: GWOcq;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  background-color: var(--barcelona-elevated-background);
  border: 0.5px solid var(--barcelona-primary-outline);
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  bottom: 0;
  left: 0;
  max-height: calc(100svh - var(--barcelona-mobile-header-height));
  padding-bottom: env(safe-area-inset-bottom);
  position: fixed;
  right: 0;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
  width: 100%;
  z-index: 1;
}
.QaT2R {
  background-color: var(--barcelona-switch-background-off);
  border-radius: 16px;
  overflow: hidden;
  position: relative;
}
.qtUVx {
  height: 32px;
  width: 51px;
}
.NCviv {
  height: 24px;
  width: 40px;
}
.NCviv .YbllL {
  height: 22px;
  left: 1px;
  top: 1px;
  width: 22px;
}
.NCviv .IKS52 {
  -webkit-transform: translateX(16px);
  transform: translateX(16px);
}
.yR7to {
  background-color: var(--barcelona-primary-button-background);
  bottom: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition-duration: var(--fds-duration-extra-short-out);
  transition-property: opacity;
  transition-timing-function: var(--fds-animation-move-out);
  z-index: 0;
}
.ju22p {
  opacity: 1;
  transition-duration: var(--fds-duration-extra-short-in);
  transition-timing-function: var(--fds-animation-move-in);
}
.YbllL {
  background-color: var(--barcelona-secondary-background);
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 14px;
  box-sizing: border-box;
  height: 28px;
  left: 2px;
  pointer-events: none;
  position: absolute;
  top: 2px;
  transition-duration: var(--fds-duration-extra-short-out);
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property:
    transform,
    -webkit-transform;
  transition-timing-function: var(--fds-animation-move-out);
  width: 28px;
  z-index: 0;
}
.IKS52 {
  -webkit-transform: translateX(19px);
  transform: translateX(19px);
  transition-duration: var(--fds-duration-extra-short-in);
  transition-timing-function: var(--fds-animation-move-in);
}
.nDJx1 {
  height: 100%;
  margin: 0;
  opacity: 0.001;
  outline: none;
  padding: 0;
  position: absolute;
  touch-action: manipulation;
  width: 100%;
}
.ZuPel,
.nDJx1 {
  cursor: pointer;
}
.ZuPel {
  align-items: stretch;
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 8px;
  box-sizing: border-box;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
  position: relative;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
}
.ZuPel:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
.ZuPel img {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.ZuPel img,
.ZuPel video {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.ZuPel video {
  cursor: pointer;
  display: block;
}
.gdGfN {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .gdGfN {
    padding-left: var(--barcelona-lightbox-horizontal-padding);
    padding-right: var(--barcelona-lightbox-horizontal-padding);
  }
}
.TEP8p {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: TEP8p;
  animation-name: TEP8p;
}
@-webkit-keyframes TEP8p {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes TEP8p {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.tJ3Y3 {
  -webkit-animation-name: tJ3Y3;
  animation-name: tJ3Y3;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.kGUPc,
.tJ3Y3 {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
}
.kGUPc {
  -webkit-animation-name: kGUPc;
  animation-name: kGUPc;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes tJ3Y3 {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes tJ3Y3 {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes kGUPc {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes kGUPc {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.EOWh7:focus {
  outline: 0;
}
.EOWh7:focus-visible {
  outline: auto;
}
.ITbY1 {
  display: flex;
  flex-direction: column;
  padding: 0 8px;
}
.MrGDs {
  align-items: center;
  border-bottom: 0.5px solid var(--barcelona-primary-outline);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 16px 0;
  position: relative;
}
.MrGDs:last-child {
  border: none;
}
.MrGDs input {
  cursor: pointer;
  height: 100%;
  left: 0;
  opacity: 0.001;
  outline: none;
  padding: 0;
  position: absolute;
  top: 0;
  touch-action: manipulation;
  width: 100%;
}
.OZYyX .wi_KR {
  background-color: var(--barcelona-primary-button);
}
.OZYyX .wi_KR .KhSms {
  background-color: var(--barcelona-primary-button-text);
  border-radius: 50%;
  height: 8px;
  width: 8px;
}
.MrGDs:not(.OZYyX):active {
  opacity: 0.4;
}
.MrGDs:not(.OZYyX):active .wi_KR {
  background-color: var(--barcelona-primary-button);
}
.MrGDs:not(.OZYyX):active .wi_KR .KhSms {
  background-color: var(--barcelona-primary-button-text);
  border-radius: 50%;
  height: 8px;
  width: 8px;
}
.wi_KR {
  align-items: center;
  border: 1.5px solid var(--barcelona-primary-outline);
  border-radius: 50%;
  display: flex;
  height: 24px;
  justify-content: center;
  width: 24px;
}
.y43nK {
  word-wrap: break-word;
  color: var(--barcelona-primary-text);
  font-family: var(--font-family-system);
  font-size: var(--system-15-font-size);
  font-weight: 600;
  line-height: 0.9;
  max-width: 100%;
  min-width: 0;
  text-align: left;
  white-space: pre-line;
  word-break: break-word;
}
.PCmzw {
  -webkit-tap-highlight-color: transparent;
  height: auto;
  outline: none;
  overflow: hidden;
  position: relative;
  width: auto;
}
.mmmcC {
  box-sizing: border-box;
  left: 0;
  opacity: 0;
  outline: none;
  pointer-events: none;
  position: absolute;
  top: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transform-origin: inherit;
  transform-origin: inherit;
  transition-duration: var(--fds-fast);
  transition-property:
    opacity,
    -webkit-transform;
  transition-property: opacity, transform;
  transition-property:
    opacity,
    transform,
    -webkit-transform;
  transition-timing-function: var(--fds-soft);
}
.vU4QH {
  opacity: 1;
  pointer-events: auto;
}
.gw55g,
.j02bP {
  outline: none;
}
.j02bP {
  -webkit-animation-direction: var(--glimmer-animation-direction);
  animation-direction: var(--glimmer-animation-direction);
  -webkit-animation-duration: var(--glimmer-animation-duration);
  animation-duration: var(--glimmer-animation-duration);
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: j02bP;
  animation-name: j02bP;
  -webkit-animation-timing-function: var(--glimmer-animation-timing-function);
  animation-timing-function: var(--glimmer-animation-timing-function);
  background-color: var(--barcelona-glimmer-background);
  opacity: var(--glimmer-opacity-min);
}
.gmFVS {
  display: flex;
  flex-direction: column;
  padding-bottom: 16px;
  padding-top: 16px;
  row-gap: 48px;
}
@media (max-width: 699px) {
  .gmFVS {
    padding-left: 12px;
    padding-right: 12px;
  }
}
.cBOA3 {
  grid-column-gap: 12px;
  -webkit-column-gap: 12px;
  column-gap: 12px;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  grid-template-rows: auto;
}
.OuWlF,
.uaztC {
  position: relative;
}
.OuWlF {
  -webkit-animation-direction: var(--glimmer-animation-direction);
  animation-direction: var(--glimmer-animation-direction);
  -webkit-animation-duration: var(--glimmer-animation-duration);
  animation-duration: var(--glimmer-animation-duration);
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: j02bP;
  animation-name: j02bP;
  -webkit-animation-timing-function: var(--glimmer-animation-timing-function);
  animation-timing-function: var(--glimmer-animation-timing-function);
  background-color: var(--barcelona-glimmer-background);
  border-radius: 18px;
  height: 36px;
  opacity: var(--glimmer-opacity-min);
  outline: none;
  width: 36px;
}
.lHrMn {
  background: var(--barcelona-elevated-background);
  border-radius: 11px;
  left: 20px;
  padding: 2px;
  position: absolute;
  top: 20px;
}
.TAjig {
  border-radius: 9px;
  height: 18px;
  width: 18px;
}
.TAjig,
.vXQ66 {
  -webkit-animation-direction: var(--glimmer-animation-direction);
  animation-direction: var(--glimmer-animation-direction);
  -webkit-animation-duration: var(--glimmer-animation-duration);
  animation-duration: var(--glimmer-animation-duration);
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: j02bP;
  animation-name: j02bP;
  -webkit-animation-timing-function: var(--glimmer-animation-timing-function);
  animation-timing-function: var(--glimmer-animation-timing-function);
  background-color: var(--barcelona-glimmer-background);
  opacity: var(--glimmer-opacity-min);
  outline: none;
}
.vXQ66 {
  border-radius: 6px;
  height: 15px;
}
.vXQ66:first-child {
  width: 16%;
}
.vXQ66:nth-child(2) {
  margin-top: 6px;
  width: 90%;
}
.vXQ66:nth-child(3) {
  margin-top: 6px;
  width: 75%;
}
@-webkit-keyframes j02bP {
  0% {
    opacity: var(--glimmer-opacity-min);
  }
  to {
    opacity: var(--glimmer-opacity-max);
  }
}
@keyframes j02bP {
  0% {
    opacity: var(--glimmer-opacity-min);
  }
  to {
    opacity: var(--glimmer-opacity-max);
  }
}
.JP1ic {
  -webkit-overflow-scrolling: touch;
  background-color: var(--barcelona-primary-background);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  height: 150%;
  overflow: hidden;
  pointer-events: auto;
  width: 100%;
}
.JP1ic,
.KDEUy {
  display: flex;
  flex-direction: column;
}
.KDEUy {
  bottom: 0;
  justify-content: flex-start;
  left: 0;
  overflow: hidden;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
}
.BofGY {
  align-items: center;
  justify-content: center;
  padding: 12px;
}
.BofGY,
.P4rQJ {
  display: flex;
  flex-direction: column;
}
.P4rQJ {
  align-items: stretch;
  background-color: rgb(var(--ig-elevated-separator));
  border: 0;
  border-radius: 2px;
  flex-shrink: 0;
  font: inherit;
  font-size: 100%;
  height: 4px;
  margin: 0 auto;
  padding: 0;
  position: relative;
  vertical-align: initial;
  width: 48px;
}
.DbzJD,
.P4rQJ {
  box-sizing: border-box;
}
.DbzJD {
  align-items: center;
  background-color: var(--barcelona-secondary-background);
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 16px;
  display: flex;
  flex-direction: row;
  padding: 12px;
}
.U0wmG {
  color: var(--barcelona-navigation-icon);
  display: flex;
  padding: 8px;
}
.dZNFt {
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: textfield;
  background-color: var(--barcelona-secondary-background);
  border: 0;
  color: var(--barcelona-primary-text);
  font-size: var(--system-15-font-size);
  font-weight: 400;
  height: 100%;
  outline: none;
  text-align: left;
  touch-action: manipulation;
  width: 100%;
}
.Rw2YC {
  color: var(--barcelona-navigation-icon);
  display: flex;
  padding: 8px;
}
.L84hG,
.Rw2YC {
  cursor: pointer;
}
.L84hG {
  align-items: stretch;
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 8px;
  box-sizing: border-box;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
  position: relative;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
}
.L84hG:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
.L84hG img {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.L84hG img,
.L84hG video {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.L84hG video {
  cursor: pointer;
  display: block;
}
.ccTnx {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .ccTnx {
    padding-left: var(--barcelona-lightbox-horizontal-padding);
    padding-right: var(--barcelona-lightbox-horizontal-padding);
  }
}
.fUPp0 {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: fUPp0;
  animation-name: fUPp0;
}
@-webkit-keyframes fUPp0 {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fUPp0 {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.BeVOx {
  -webkit-animation-name: BeVOx;
  animation-name: BeVOx;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.BeVOx,
.LzCHP {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
}
.LzCHP {
  -webkit-animation-name: LzCHP;
  animation-name: LzCHP;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes BeVOx {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes BeVOx {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes LzCHP {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes LzCHP {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.pyYV1:focus {
  outline: 0;
}
.pyYV1:focus-visible {
  outline: auto;
}
.A3urG {
  align-items: center;
  display: grid;
  grid-template-columns: repeat(5, 20%);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media (max-width: 699px) {
  .KfR8x {
    display: none;
  }
}
@media (min-width: 700px) {
  .KfR8x .Iv9zC {
    -webkit-transform: scaleX(0.83);
    transform: scaleX(0.83);
    transition-duration: 0s;
  }
}
@media (min-width: 768px) {
  .KfR8x .Iv9zC {
    -webkit-transform: scaleX(0.72);
    transform: scaleX(0.72);
    transition-duration: 0s;
  }
}
@media (max-width: 699px) {
  .KfR8x .Iv9zC {
    -webkit-transform: none;
    -webkit-transform: initial;
    transform: none;
    transition-duration: 0s;
    transition-property: none;
    transition-property: all;
  }
}
.KfR8x .scftm {
  -webkit-transform: scaleX(1.38889);
  transform: scaleX(1.38889);
}
@media (max-width: 767px) and (min-width: 700px) {
  .KfR8x .scftm {
    -webkit-transform: scaleX(1.20482);
    transform: scaleX(1.20482);
  }
}
.KfR8x .C0o3k:first-child {
  -webkit-transform: translateX(52px);
  transform: translateX(52px);
}
@media (max-width: 767px) {
  .KfR8x .C0o3k:first-child {
    -webkit-transform: translateX(32px);
    transform: translateX(32px);
  }
}
.KfR8x .C0o3k:nth-child(2) {
  -webkit-transform: translateX(26px);
  transform: translateX(26px);
}
@media (max-width: 767px) {
  .KfR8x .C0o3k:nth-child(2) {
    -webkit-transform: translateX(16px);
    transform: translateX(16px);
  }
}
.KfR8x .C0o3k:nth-child(3) {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.KfR8x .C0o3k:nth-child(4) {
  -webkit-transform: translateX(-26px);
  transform: translateX(-26px);
}
@media (max-width: 767px) {
  .KfR8x .C0o3k:nth-child(4) {
    -webkit-transform: translateX(-16px);
    transform: translateX(-16px);
  }
}
.KfR8x .C0o3k:nth-child(5) {
  -webkit-transform: translateX(-52px);
  transform: translateX(-52px);
}
@media (max-width: 767px) {
  .KfR8x .C0o3k:nth-child(5) {
    -webkit-transform: translateX(-32px);
    transform: translateX(-32px);
  }
}
.C0o3k {
  position: relative;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  transition-duration: 0.4s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property:
    transform,
    -webkit-transform;
  transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
}
.scftm {
  transition-duration: 0s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property:
    transform,
    -webkit-transform;
}
.nrfK6 {
  box-sizing: border-box;
  color: var(--barcelona-navigation-icon);
  height: 100%;
  padding: 20px 32px;
  width: 100%;
}
.gatkr {
  color: var(--barcelona-primary-icon);
}
.Iv9zC {
  cursor: pointer;
  display: flex;
  margin: 4px 2px;
  min-height: 0;
  min-width: 0;
  position: relative;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property:
    transform,
    -webkit-transform;
}
.Iv9zC:focus {
  outline: 0;
}
.Iv9zC:focus-visible {
  outline: auto;
}
.CFlRK {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: fUPp0;
  animation-name: fUPp0;
  background-color: var(--barcelona-notification-badge-background);
  border-radius: 50%;
  height: 6px;
  left: calc(50% - 3px);
  position: absolute;
  top: 10px;
  width: 6px;
}
.BAuAR,
.kAs1H {
  display: flex;
  flex-direction: column;
}
.YKe5C {
  background-color: var(--barcelona-primary-background);
  border: 0.5px solid var(--barcelona-primary-outline);
  border-radius: 16px;
  box-shadow: 0 10px 21px rgba(0, 0, 0, 0.08);
  position: relative;
}
.F39pr {
  -webkit-animation-duration: 0.1s;
  animation-duration: 0.1s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-name: Qh0ck;
  animation-name: Qh0ck;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
.C8g4B {
  -webkit-animation-duration: 0.1s;
  animation-duration: 0.1s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-name: gkKZy;
  animation-name: gkKZy;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes Qh0ck {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transform-origin: center;
    transform-origin: center;
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center;
    transform-origin: center;
  }
}
@keyframes Qh0ck {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transform-origin: center;
    transform-origin: center;
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center;
    transform-origin: center;
  }
}
@-webkit-keyframes gkKZy {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-transform-origin: center;
    transform-origin: center;
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center;
    transform-origin: center;
  }
}
@keyframes gkKZy {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-transform-origin: center;
    transform-origin: center;
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center;
    transform-origin: center;
  }
}
.B198g {
  align-items: stretch;
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
  position: relative;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
}
.B198g:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
.B198g img {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.B198g img,
.B198g video {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.B198g video {
  cursor: pointer;
  display: block;
}
.HAGco {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .HAGco {
    padding-left: var(--barcelona-lightbox-horizontal-padding);
    padding-right: var(--barcelona-lightbox-horizontal-padding);
  }
}
.xpTyC {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: xpTyC;
  animation-name: xpTyC;
}
@-webkit-keyframes xpTyC {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes xpTyC {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.nIiy2 {
  -webkit-animation-name: nIiy2;
  animation-name: nIiy2;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.aOZa4,
.nIiy2 {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
}
.aOZa4 {
  -webkit-animation-name: aOZa4;
  animation-name: aOZa4;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes nIiy2 {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes nIiy2 {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes aOZa4 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes aOZa4 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.R7r9I:focus {
  outline: 0;
}
.R7r9I:focus-visible {
  outline: auto;
}
.vu5EH {
  background-color: var(--barcelona-elevated-background);
  border: 0.5px solid var(--barcelona-primary-outline);
  border-radius: 16px;
  width: 280px;
}
.xTjPa {
  color: var(--barcelona-primary-text);
  font-size: var(--system-16-font-size);
  font-weight: 700;
  line-height: 1.3125;
  margin-bottom: 12px;
  padding-bottom: 8px;
  padding-top: 24px;
}
.VLv0x,
.xTjPa {
  word-wrap: break-word;
  font-family: var(--font-family-system);
  max-width: 100%;
  min-width: 0;
  text-align: left;
  text-align: center;
  white-space: pre-line;
  word-break: break-word;
}
.VLv0x {
  color: var(--barcelona-secondary-text);
  font-size: var(--system-15-font-size);
  font-weight: 400;
  line-height: 1.4;
  padding-bottom: 24px;
  padding-left: 24px;
  padding-right: 24px;
}
.ILelB {
  border-top-width: 0.5px;
  border-top: 0.5px solid var(--barcelona-primary-outline);
  flex-direction: row;
  width: 100%;
}
.ILelB,
.tvTbe {
  display: flex;
  position: relative;
}
.tvTbe {
  align-items: center;
  cursor: pointer;
  flex: 1 1;
  font-size: var(--system-16-font-size);
  height: 54px;
  justify-content: center;
  line-height: 1.3125;
  min-height: 0;
  -webkit-user-select: none;
  user-select: none;
}
.nkW5k {
  border-bottom-left-radius: 16px;
  border-right: 0.5px solid var(--barcelona-primary-outline);
  color: var(--barcelona-primary-text);
  font-weight: 400;
}
.s9sqo {
  border-bottom-right-radius: 16px;
  font-weight: 700;
}
.UTDJW {
  align-items: stretch;
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
  position: relative;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
}
.UTDJW:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
.UTDJW img {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.UTDJW img,
.UTDJW video {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.UTDJW video {
  cursor: pointer;
  display: block;
}
.BJrpa {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .BJrpa {
    padding-left: var(--barcelona-lightbox-horizontal-padding);
    padding-right: var(--barcelona-lightbox-horizontal-padding);
  }
}
.tnMCv {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: tnMCv;
  animation-name: tnMCv;
}
@-webkit-keyframes tnMCv {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes tnMCv {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.iDOWN {
  -webkit-animation-name: iDOWN;
  animation-name: iDOWN;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.EVs_G,
.iDOWN {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
}
.EVs_G {
  -webkit-animation-name: EVs_G;
  animation-name: EVs_G;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes iDOWN {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes iDOWN {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes EVs_G {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes EVs_G {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.VfhiM:focus {
  outline: 0;
}
.VfhiM:focus-visible {
  outline: auto;
}
.kKlok {
  background-color: var(--barcelona-primary-background);
  border: 0.5px solid var(--barcelona-primary-outline);
  border-radius: 16px;
  box-shadow: 0 10px 21px rgba(0, 0, 0, 0.08);
  display: flex;
  margin-top: 8px;
  max-height: calc(100svh - 109px);
  overflow-y: auto;
  position: relative;
  width: 620px;
}
.cpt8d {
  word-wrap: break-word;
  align-items: center;
  color: var(--always-white);
  display: flex;
  font-family: var(--font-family-system);
  font-size: var(--system-16-font-size);
  font-weight: 700;
  height: 46px;
  justify-content: center;
  line-height: 1.3125;
  max-width: 100%;
  min-width: 0;
  text-align: left;
  white-space: pre-line;
  width: 100%;
  word-break: break-word;
}
.ByrNW {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-name: iDOWN;
  animation-name: iDOWN;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.hmoL8 {
  align-items: stretch;
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
  position: relative;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
}
.hmoL8:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
.hmoL8 img {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.hmoL8 img,
.hmoL8 video {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.hmoL8 video {
  cursor: pointer;
  display: block;
}
.tawkl {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .tawkl {
    padding-left: var(--barcelona-lightbox-horizontal-padding);
    padding-right: var(--barcelona-lightbox-horizontal-padding);
  }
}
.zSi40 {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: zSi40;
  animation-name: zSi40;
}
@-webkit-keyframes zSi40 {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes zSi40 {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.qsuMc {
  -webkit-animation-name: qsuMc;
  animation-name: qsuMc;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.fngta,
.qsuMc {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
}
.fngta {
  -webkit-animation-name: fngta;
  animation-name: fngta;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes qsuMc {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes qsuMc {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes fngta {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes fngta {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
._S80U:focus {
  outline: 0;
}
._S80U:focus-visible {
  outline: auto;
}
.IzYsl {
  background-color: var(--barcelona-primary-background);
  border: 0.5px solid var(--barcelona-primary-outline);
  border-radius: 16px;
  box-shadow: 0 10px 21px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  margin-top: 8px;
  max-height: calc(100svh - 109px);
  overflow-y: auto;
  position: relative;
  width: 620px;
}
.Jsvgh {
  align-items: center;
  display: grid;
  grid-template-columns: minmax(64px, 100px) 1fr minmax(64px, 100px);
  height: 46px;
  max-width: calc(100vw - 32px);
  width: 620px;
}
.b0A6Q {
  font-weight: 600;
  grid-column-start: 1;
  padding-left: 24px;
}
.b0A6Q,
.xRENx {
  word-wrap: break-word;
  color: var(--always-white);
  font-family: var(--font-family-system);
  font-size: var(--system-16-font-size);
  line-height: 1.3125;
  max-width: 100%;
  min-width: 0;
  text-align: left;
  white-space: pre-line;
  word-break: break-word;
}
.xRENx {
  font-weight: 700;
  grid-column-start: 2;
  text-align: center;
}
.BY5ZH {
  align-items: stretch;
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
  position: relative;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
}
.BY5ZH:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
.BY5ZH img {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.BY5ZH img,
.BY5ZH video {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.BY5ZH video {
  cursor: pointer;
  display: block;
}
.kX3rZ {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .kX3rZ {
    padding-left: var(--barcelona-lightbox-horizontal-padding);
    padding-right: var(--barcelona-lightbox-horizontal-padding);
  }
}
.PPiHR {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: PPiHR;
  animation-name: PPiHR;
}
@-webkit-keyframes PPiHR {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes PPiHR {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.OZHLk {
  -webkit-animation-name: OZHLk;
  animation-name: OZHLk;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.OZHLk,
.nGxpU {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
}
.nGxpU {
  -webkit-animation-name: nGxpU;
  animation-name: nGxpU;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes OZHLk {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes OZHLk {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes nGxpU {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes nGxpU {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.RmsLj:focus {
  outline: 0;
}
.RmsLj:focus-visible {
  outline: auto;
}
.BnPJM,
.W6HIY {
  display: flex;
  flex-direction: column;
}
.W6HIY {
  max-height: calc(100vh - 193px);
  max-height: calc(100svh - 193px);
  overflow-y: auto;
}
.dqQPk {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 20px;
  margin-top: 20px;
}
@media (min-width: 700px) {
  .dqQPk {
    margin-bottom: 40px;
    margin-top: 40px;
  }
}
.Dl8Sp {
  aspect-ratio: 1;
  flex-shrink: 0;
  height: 160px;
  position: relative;
}
.Dl8Sp img {
  border: 0;
  border-radius: 8px;
  bottom: 0;
  box-sizing: border-box;
  height: 100%;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  object-fit: cover;
  outline: 1px solid var(--barcelona-primary-outline);
  outline-offset: -1px;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.dgou5 {
  border-top: 1px solid var(--barcelona-primary-outline);
  overflow-y: auto;
  padding: 16px 24px;
}
.dgou5 textarea {
  background-color: initial;
  border: none;
  box-sizing: border-box;
  color: var(--barcelona-primary-text);
  display: block;
  font-family: var(--font-family-system);
  font-size: var(--system-15-font-size);
  outline: none;
  resize: none;
  width: 100%;
}
.XOMYS {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 24px;
}
@media (max-width: 699px) {
  .XOMYS {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 1;
  }
}
.Ye72z {
  word-wrap: break-word;
  color: var(--barcelona-secondary-text);
  font-family: var(--font-family-system);
  font-size: var(--system-12-font-size);
  font-weight: 400;
  line-height: 1.4;
  max-width: 100%;
  min-width: 0;
  text-align: left;
  white-space: pre-line;
  word-break: break-word;
}
.wOSqd {
  color: var(--barcelona-error-text);
}
.Z4uS0 {
  width: 370px;
}
.y8Yjv {
  align-items: stretch;
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
  position: relative;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
}
.y8Yjv:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
.y8Yjv img {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.y8Yjv img,
.y8Yjv video {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.y8Yjv video {
  cursor: pointer;
  display: block;
}
.wpN3t {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .wpN3t {
    padding-left: var(--barcelona-lightbox-horizontal-padding);
    padding-right: var(--barcelona-lightbox-horizontal-padding);
  }
}
.YCoLA {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: YCoLA;
  animation-name: YCoLA;
}
@-webkit-keyframes YCoLA {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes YCoLA {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.gVtVW {
  -webkit-animation-name: gVtVW;
  animation-name: gVtVW;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.bMmAe,
.gVtVW {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
}
.bMmAe {
  -webkit-animation-name: bMmAe;
  animation-name: bMmAe;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes gVtVW {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes gVtVW {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes bMmAe {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes bMmAe {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
._480vC:focus {
  outline: 0;
}
._480vC:focus-visible {
  outline: auto;
}
.MyYsQ {
  box-sizing: border-box;
  padding: 24px;
  width: 100%;
}
@media (max-width: 519px) {
  .MyYsQ {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.ia2d_ {
  word-wrap: break-word;
  color: var(--barcelona-primary-text);
  font-family: var(--font-family-system);
  font-size: var(--system-16-font-size);
  font-weight: 700;
  line-height: 1.3125;
  margin-bottom: 16px;
  max-width: 100%;
  min-width: 0;
  text-align: left;
  text-align: center;
  white-space: pre-line;
  word-break: break-word;
}
.lmuPR {
  margin-bottom: 8px;
}
.zmVjf {
  background-color: var(--barcelona-tertiary-background);
  border: 1px solid transparent;
  border-radius: 12px;
  box-sizing: border-box;
  color: var(--barcelona-primary-text);
  font-size: var(--system-15-font-size);
  line-height: 140%;
  outline: none;
  padding: 16px;
  touch-action: manipulation;
  width: 100%;
}
.zmVjf:focus {
  outline: 0;
}
.zmVjf:focus-visible {
  outline: auto;
}
.Apuf_ {
  width: 100%;
}
.TGICq {
  align-items: stretch;
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
  position: relative;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
}
.TGICq:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
.TGICq img {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.TGICq img,
.TGICq video {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.TGICq video {
  cursor: pointer;
  display: block;
}
.KBuSV {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .KBuSV {
    padding-left: var(--barcelona-lightbox-horizontal-padding);
    padding-right: var(--barcelona-lightbox-horizontal-padding);
  }
}
.j1Qd_ {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: j1Qd_;
  animation-name: j1Qd_;
}
@-webkit-keyframes j1Qd_ {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes j1Qd_ {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.GjoKD {
  -webkit-animation-name: GjoKD;
  animation-name: GjoKD;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.GjoKD,
.sEriv {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
}
.sEriv {
  -webkit-animation-name: sEriv;
  animation-name: sEriv;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes GjoKD {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes GjoKD {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes sEriv {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes sEriv {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.FRxcL:focus {
  outline: 0;
}
.FRxcL:focus-visible {
  outline: auto;
}
.nz1_z {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: j1Qd_;
  animation-name: j1Qd_;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: var(--barcelona-threadline-column-width) minmax(0, 1fr);
  grid-template-rows: 21px 19px -webkit-max-content;
  grid-template-rows: 21px 19px max-content;
}
.oE1cw {
  grid-column-start: 1;
  grid-row-end: span 2;
  margin-top: 4px;
}
.Gu8s4,
.oE1cw {
  grid-row-start: 1;
}
.Gu8s4 {
  align-items: center;
  align-self: flex-end;
  display: flex;
  grid-column-start: 2;
}
.b0_B7 {
  flex-grow: 1;
}
.HGZLe {
  color: var(--barcelona-secondary-icon);
  cursor: pointer;
  display: flex;
  margin-left: 8px;
}
.CrTBd,
.HGZLe {
  flex-shrink: 0;
}
.WENIq {
  grid-column-start: 2;
  grid-row-end: span 2;
  grid-row-start: 2;
}
.vstP5 {
  margin-top: 12px;
}
.b3nW2 {
  padding-top: 12px;
}
.nqwbo {
  grid-row-start: 3;
  height: 100%;
  padding-right: 12px;
}
.XXdzh,
.nqwbo {
  grid-column-start: 1;
  padding-top: 10px;
}
.XXdzh {
  align-items: center;
  display: flex;
  grid-column-end: span 2;
  grid-row-start: 4;
}
.oSbgG {
  opacity: 0.4;
}
.oSbgG .JCI8J {
  cursor: not-allowed;
}
.JCI8J {
  word-wrap: break-word;
  color: var(--barcelona-secondary-text);
  cursor: pointer;
  font-family: var(--font-family-system);
  font-size: var(--system-15-font-size);
  font-weight: 400;
  line-height: 1.4;
  max-width: 100%;
  min-width: 0;
  text-align: left;
  white-space: pre-line;
  word-break: break-word;
}
.OETzB {
  padding-left: 10px;
  width: var(--barcelona-threadline-column-width);
}
.HBskK,
.OETzB {
  box-sizing: border-box;
}
.HBskK {
  align-items: stretch;
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 8px;
  cursor: pointer;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
  position: relative;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
}
.HBskK:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
.HBskK img {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.HBskK img,
.HBskK video {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.HBskK video {
  cursor: pointer;
  display: block;
}
.dEbvp {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .dEbvp {
    padding-left: var(--barcelona-lightbox-horizontal-padding);
    padding-right: var(--barcelona-lightbox-horizontal-padding);
  }
}
.oPyBz {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: oPyBz;
  animation-name: oPyBz;
}
@-webkit-keyframes oPyBz {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes oPyBz {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.w9mE7 {
  -webkit-animation-name: w9mE7;
  animation-name: w9mE7;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.sAUe_,
.w9mE7 {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
}
.sAUe_ {
  -webkit-animation-name: sAUe_;
  animation-name: sAUe_;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes w9mE7 {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes w9mE7 {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes sAUe_ {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes sAUe_ {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.C9to1:focus {
  outline: 0;
}
.C9to1:focus-visible {
  outline: auto;
}
.V42mZ {
  margin-top: 12px;
}
.V42mZ,
.zmxdT {
  display: flex;
  flex-direction: column;
}
.MwOUz {
  border: 1px solid var(--barcelona-composer-poll-option-outline);
  border-radius: 12px;
  box-sizing: border-box;
  color: var(--barcelona-primary-text);
  display: block;
  font-family: var(--font-family-system);
  font-size: var(--system-15-font-size);
  font-weight: var(--font-weight-system-semibold);
  line-height: var(--system-15-line-height);
  outline: none;
  padding: 12px;
  touch-action: manipulation;
}
.MwOUz:not(:first-child) {
  margin-top: 8px;
}
.KljzJ {
  border-style: dashed;
}
.lxSKt {
  align-items: center;
  display: flex;
  flex-direction: row;
  margin-top: 12px;
}
.e01Xg {
  flex: 1 1;
  font-weight: 400;
}
.UrbwS,
.e01Xg {
  word-wrap: break-word;
  color: var(--barcelona-secondary-text);
  font-family: var(--font-family-system);
  font-size: var(--system-12-font-size);
  line-height: 1.4;
  max-width: 100%;
  min-width: 0;
  text-align: left;
  white-space: pre-line;
  word-break: break-word;
}
.UrbwS {
  flex-shrink: 0;
  font-weight: 600;
}
.kh7wk {
  display: none;
}
.dh3aq {
  align-items: stretch;
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
  position: relative;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
}
.dh3aq:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
.dh3aq img {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.dh3aq img,
.dh3aq video {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.dh3aq video {
  cursor: pointer;
  display: block;
}
.zcvjz {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .zcvjz {
    padding-left: var(--barcelona-lightbox-horizontal-padding);
    padding-right: var(--barcelona-lightbox-horizontal-padding);
  }
}
.Y3mm7 {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: Y3mm7;
  animation-name: Y3mm7;
}
@-webkit-keyframes Y3mm7 {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes Y3mm7 {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.AMbNF {
  -webkit-animation-name: AMbNF;
  animation-name: AMbNF;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.AMbNF,
.D4AEK {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
}
.D4AEK {
  -webkit-animation-name: D4AEK;
  animation-name: D4AEK;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes AMbNF {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes AMbNF {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes D4AEK {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes D4AEK {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.o2PGY:focus {
  outline: 0;
}
.o2PGY:focus-visible {
  outline: auto;
}
.d6csU {
  align-items: center;
  display: flex;
  flex-direction: row;
  height: 36px;
  margin-left: -8px;
  margin-top: 4px;
}
.Fgi8k {
  border-bottom: 1px solid var(--barcelona-link-text);
  border-top: 1px solid var(--barcelona-link-text);
  flex-grow: 1;
}
.Z5CdZ {
  align-items: center;
  box-sizing: border-box;
  color: var(--barcelona-secondary-icon);
  cursor: pointer;
  display: flex;
  flex-direction: row;
  height: 36px;
  justify-content: center;
  min-width: 36px;
  padding: 0 8px;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
}
.Z5CdZ:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
.FHoWL {
  cursor: not-allowed;
  cursor: pointer;
  opacity: 0.4;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
}
.FHoWL:active {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.TtbAq {
  display: flex;
  justify-content: center;
}
.OIRlO {
  word-wrap: break-word;
  color: var(--barcelona-secondary-text);
  font-family: var(--font-family-system);
  font-size: var(--system-15-font-size);
  font-weight: 400;
  line-height: 1.4;
  margin-left: 4px;
  max-width: 100%;
  min-width: 0;
  text-align: left;
  white-space: pre-line;
  word-break: break-word;
}
._ESyB {
  align-items: center;
  background-color: var(--overlay-alpha-80);
  border-radius: 16px;
  bottom: 0;
  color: var(--barcelona-navigation-icon);
  cursor: grabbing;
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.P_CnT {
  align-items: stretch;
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
  position: relative;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
}
.P_CnT:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
.P_CnT img {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.P_CnT img,
.P_CnT video {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.P_CnT video {
  cursor: pointer;
  display: block;
}
.nVZQA {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .nVZQA {
    padding-left: var(--barcelona-lightbox-horizontal-padding);
    padding-right: var(--barcelona-lightbox-horizontal-padding);
  }
}
.r2__D {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: r2__D;
  animation-name: r2__D;
}
@-webkit-keyframes r2__D {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes r2__D {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.b7voR {
  -webkit-animation-name: b7voR;
  animation-name: b7voR;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.b7voR,
.qPZxE {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
}
.qPZxE {
  -webkit-animation-name: qPZxE;
  animation-name: qPZxE;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes b7voR {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes b7voR {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes qPZxE {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes qPZxE {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.h0rep:focus {
  outline: 0;
}
.h0rep:focus-visible {
  outline: auto;
}
._2vacG {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: r2__D;
  animation-name: r2__D;
  background-color: var(--barcelona-elevated-background);
  border-radius: 16px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
  padding: 24px;
  width: 360px;
}
.D4C1r {
  grid-column-gap: 16px;
  align-items: center;
  -webkit-column-gap: 16px;
  column-gap: 16px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) -webkit-max-content;
  grid-template-columns: minmax(0, 1fr) max-content;
}
.dBUym {
  font-size: var(--system-15-font-size);
  font-weight: 400;
  line-height: 1.4;
  margin-top: 2px;
}
.oIpPQ {
  grid-column-start: 2;
  position: relative;
}
.P86Y_ {
  bottom: -4px;
  height: 25px;
  left: -4px;
  position: absolute;
  width: 25px;
}
.wcvSj {
  font-size: var(--system-20-font-size);
  font-weight: 700;
  line-height: 1.2;
}
.pZ4lT {
  grid-column-start: 1;
}
.pZ4lT a {
  word-wrap: break-word;
  display: block;
  font-family: var(--font-family-system);
  font-size: '';
  font-weight: '';
  line-height: '';
  max-width: 100%;
  min-width: 0;
  text-align: left;
  text-decoration: none;
  white-space: pre-line;
  word-break: break-word;
}
.pZ4lT a,
.pZ4lT a:visited {
  color: var(--barcelona-primary-text);
}
.lHbPr {
  margin-top: 20px;
  width: 100%;
}
.nt8Qc {
  align-items: center;
  display: flex;
  flex-direction: row;
  margin-top: 8px;
}
.b4KJx {
  word-wrap: break-word;
  color: var(--barcelona-secondary-text);
  font-family: var(--font-family-system);
  font-size: var(--system-15-font-size);
  font-weight: 400;
  line-height: 1.4;
  max-width: 100%;
  min-width: 0;
  text-align: left;
  white-space: pre-line;
  word-break: break-word;
}
.BXAVa {
  height: 20px;
  margin-right: 8px;
  position: relative;
  width: 32px;
}
.p_lir {
  position: absolute;
}
.p_lir:first-child {
  left: 0;
  top: 2px;
}
.p_lir:nth-child(2) {
  background-color: var(--barcelona-primary-background);
  border-radius: 50%;
  box-sizing: border-box;
  height: 20px;
  left: 12px;
  padding: 2px;
  width: 20px;
}
.QbjJM {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  word-wrap: break-word;
  color: var(--barcelona-primary-text);
  display: -webkit-box;
  font-family: var(--font-family-system);
  font-size: var(--system-15-font-size);
  font-weight: 400;
  line-height: 1.4;
  margin-top: 8px;
  max-width: 100%;
  min-width: 0;
  overflow-y: hidden;
  text-align: left;
  white-space: pre-line;
  word-break: break-word;
}
.awKg4 {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  line-height: 0;
  padding-right: 8px;
}
.pmgZe {
  margin-right: 3px;
}
.B8WWv {
  height: 35px;
  position: relative;
}
.B8WWv .Hh0nw {
  position: absolute;
}
.B8WWv .Hh0nw:first-child {
  right: 8px;
  top: 0;
}
.B8WWv .Hh0nw:nth-child(2) {
  left: 0;
  top: 7px;
}
.B8WWv .Hh0nw:nth-child(3) {
  bottom: 0;
  left: 13px;
}
.W581S {
  align-items: center;
  display: flex;
  flex-direction: row;
  height: 20px;
}
.W581S .Hh0nw {
  border: 2px solid transparent;
  border-radius: 50%;
}
.W581S .Hh0nw:nth-child(2) {
  border-color: var(--barcelona-primary-background);
  border-right-width: 0;
  margin-left: -6px;
}
.x6ULi {
  color: var(--barcelona-secondary-text);
}
.kaDey {
  align-items: stretch;
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
  position: relative;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
}
.kaDey:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
.kaDey img {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.kaDey img,
.kaDey video {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.kaDey video {
  cursor: pointer;
  display: block;
}
.odJnA {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .odJnA {
    padding-left: var(--barcelona-lightbox-horizontal-padding);
    padding-right: var(--barcelona-lightbox-horizontal-padding);
  }
}
.JQTAH {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: JQTAH;
  animation-name: JQTAH;
}
@-webkit-keyframes JQTAH {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes JQTAH {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.mRNZ9 {
  -webkit-animation-name: mRNZ9;
  animation-name: mRNZ9;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.mRNZ9,
.pOlM_ {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
}
.pOlM_ {
  -webkit-animation-name: pOlM_;
  animation-name: pOlM_;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes mRNZ9 {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes mRNZ9 {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes pOlM_ {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pOlM_ {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.A0Yc1:focus {
  outline: 0;
}
.A0Yc1:focus-visible {
  outline: auto;
}
.rR11U {
  word-wrap: break-word;
  align-items: center;
  color: var(--barcelona-primary-text);
  display: flex;
  flex-direction: row;
  font-family: var(--font-family-system);
  font-size: var(--system-15-font-size);
  font-weight: 600;
  line-height: 1.4;
  max-width: 100%;
  min-width: 0;
  text-align: left;
  white-space: pre-line;
  word-break: break-word;
}
.rR11U a {
  color: inherit;
  display: inline;
  overflow-x: visible;
  overflow-y: visible;
  text-decoration: none;
}
.rR11U a:hover {
  text-decoration: underline;
}
.BzFOI {
  flex-shrink: 0;
  margin-left: 4px;
  margin-top: 1px;
}
.eesVu {
  align-items: stretch;
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
  position: relative;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
}
.eesVu:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
.eesVu img {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.eesVu img,
.eesVu video {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.eesVu video {
  cursor: pointer;
  display: block;
}
.YeX13 {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .YeX13 {
    padding-left: var(--barcelona-lightbox-horizontal-padding);
    padding-right: var(--barcelona-lightbox-horizontal-padding);
  }
}
.wT700 {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: wT700;
  animation-name: wT700;
}
@-webkit-keyframes wT700 {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes wT700 {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.EfpYj {
  -webkit-animation-name: EfpYj;
  animation-name: EfpYj;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.EfpYj,
.jOvze {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
}
.jOvze {
  -webkit-animation-name: jOvze;
  animation-name: jOvze;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes EfpYj {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes EfpYj {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes jOvze {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes jOvze {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.tRSKA:focus {
  outline: 0;
}
.tRSKA:focus-visible {
  outline: auto;
}
.t8Nen {
  word-wrap: break-word;
  color: var(--barcelona-primary-text);
  font-family: var(--font-family-system);
  font-size: var(--system-15-font-size);
  line-height: 1.4;
  max-width: 100%;
  min-width: 0;
  text-align: left;
  white-space: pre-line;
  word-break: break-word;
}
.FP6Wb,
.t8Nen {
  font-weight: 400;
}
.FP6Wb {
  display: inline-block;
}
.t8Nen a {
  color: rgb(var(--blue-5));
  text-decoration: none;
}
.dAgXj {
  align-items: stretch;
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
  position: relative;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
}
.dAgXj:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
.dAgXj img {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.dAgXj img,
.dAgXj video {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.dAgXj video {
  cursor: pointer;
  display: block;
}
.zdl5X {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .zdl5X {
    padding-left: var(--barcelona-lightbox-horizontal-padding);
    padding-right: var(--barcelona-lightbox-horizontal-padding);
  }
}
.sR2qG {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: sR2qG;
  animation-name: sR2qG;
}
@-webkit-keyframes sR2qG {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes sR2qG {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.aFcTt {
  -webkit-animation-name: aFcTt;
  animation-name: aFcTt;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.aFcTt,
.dbTC4 {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
}
.dbTC4 {
  -webkit-animation-name: dbTC4;
  animation-name: dbTC4;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes aFcTt {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes aFcTt {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes dbTC4 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes dbTC4 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.cIuGr:focus {
  outline: 0;
}
.cIuGr:focus-visible {
  outline: auto;
}
.vGvck {
  display: flex;
}
.aNfKt,
.vGvck {
  position: relative;
}
.aNfKt {
  align-items: stretch;
  display: inline-flex;
  flex-direction: row;
  min-height: 0;
  min-width: 0;
  -webkit-user-select: none;
  user-select: none;
}
.bBJ7Y {
  align-items: center;
  background-color: var(--barcelona-primary-button);
  border: 2px solid var(--barcelona-primary-background);
  border-radius: 50%;
  bottom: -4px;
  color: var(--barcelona-primary-background);
  cursor: pointer;
  display: flex;
  height: 16px;
  justify-content: center;
  position: absolute;
  right: -4px;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition:
    transform 0.2s,
    -webkit-transform 0.2s;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  width: 16px;
}
.bBJ7Y:hover {
  -webkit-transform: scale(1.07);
  transform: scale(1.07);
}
.bBJ7Y:active {
  -webkit-transform: scale(0.96);
  transform: scale(0.96);
}
.OEBRL {
  align-items: center;
  align-self: center;
  display: flex;
  flex-direction: row;
  grid-column-start: 2;
  line-height: 20px;
  overflow: visible;
}
.qcmKZ {
  margin-left: 10px;
}
.qcmKZ:first-child {
  color: var(--barcelona-secondary-icon);
  margin-right: 10px;
}
.qWy36 {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.jJ5XM {
  color: var(--barcelona-secondary-text);
  font-weight: 400;
}
.MV9JO {
  box-sizing: border-box;
  padding: 8px 8px 24px;
  width: 340px;
}
.btwUw {
  margin-top: 16px;
  width: 100%;
}
.VF_Uf {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.w03hV {
  color: var(--barcelona-secondary-text);
  font-weight: 400;
}
.p432s {
  align-items: stretch;
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
  position: relative;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
}
.p432s:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
.p432s img {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.p432s img,
.p432s video {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.p432s video {
  cursor: pointer;
  display: block;
}
.i7372 {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .i7372 {
    padding-left: var(--barcelona-lightbox-horizontal-padding);
    padding-right: var(--barcelona-lightbox-horizontal-padding);
  }
}
.KEVk0 {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: KEVk0;
  animation-name: KEVk0;
}
@-webkit-keyframes KEVk0 {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes KEVk0 {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.ZQkbc {
  -webkit-animation-name: ZQkbc;
  animation-name: ZQkbc;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.ZQkbc,
.xkx3y {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
}
.xkx3y {
  -webkit-animation-name: xkx3y;
  animation-name: xkx3y;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes ZQkbc {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes ZQkbc {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes xkx3y {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes xkx3y {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.BejZ2:focus {
  outline: 0;
}
.BejZ2:focus-visible {
  outline: auto;
}
.Tw6Y4 {
  padding: 16px 16px 0;
}
.Yt75M {
  background-color: var(--barcelona-tertiary-background);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
}
._9d_WB {
  align-items: center;
  border-top: 0.5px solid var(--barcelona-primary-outline);
  display: flex;
  padding: 16px;
}
._9d_WB:first-child {
  border-top-width: 0;
}
.eQzaE {
  color: var(--barcelona-error-text);
}
.eQzaE .QdP5r {
  color: inherit;
}
.QdP5r {
  word-wrap: break-word;
  color: var(--barcelona-primary-text);
  flex: 1 1;
  font-family: var(--font-family-system);
  font-size: var(--system-15-font-size);
  font-weight: 600;
  line-height: 1.4;
  max-width: 100%;
  min-width: 0;
  text-align: left;
  white-space: pre-line;
  word-break: break-word;
}
.F4uL4 {
  display: flex;
  margin-left: 8px;
  width: 20px;
}
.RFERy {
  display: grid;
  grid-template-columns: 1fr -webkit-max-content;
  grid-template-columns: 1fr max-content;
  height: 100%;
}
._Taf5 {
  align-items: baseline;
  -webkit-column-gap: 6px;
  column-gap: 6px;
  display: flex;
}
.PpTpH,
._Taf5 {
  align-self: center;
  grid-column-start: 1;
}
.GKd5b {
  text-decoration: none;
}
.XxXQk {
  align-items: stretch;
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
  position: relative;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
}
.XxXQk:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
.XxXQk img {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.XxXQk img,
.XxXQk video {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.XxXQk video {
  cursor: pointer;
  display: block;
}
.YDnJ6 {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .YDnJ6 {
    padding-left: var(--barcelona-lightbox-horizontal-padding);
    padding-right: var(--barcelona-lightbox-horizontal-padding);
  }
}
.GFUKc {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: GFUKc;
  animation-name: GFUKc;
}
@-webkit-keyframes GFUKc {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes GFUKc {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.oqLT3 {
  -webkit-animation-name: oqLT3;
  animation-name: oqLT3;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.AuY1z,
.oqLT3 {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
}
.AuY1z {
  -webkit-animation-name: AuY1z;
  animation-name: AuY1z;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes oqLT3 {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes oqLT3 {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes AuY1z {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes AuY1z {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.JKE4E:focus {
  outline: 0;
}
.JKE4E:focus-visible {
  outline: auto;
}
.c1On_ {
  margin-top: 8px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: pre-line;
  white-space: nowrap;
}
.c1On_,
.fkMpR {
  word-wrap: break-word;
  color: var(--barcelona-primary-text);
  font-family: var(--font-family-system);
  font-size: var(--system-15-font-size);
  font-weight: 400;
  line-height: 1.4;
  max-width: 100%;
  min-width: 0;
  text-align: left;
  word-break: break-word;
}
.fkMpR {
  margin-top: 3px;
  overflow-wrap: anywhere;
}
.RxBng,
.fkMpR {
  white-space: pre-line;
}
.RxBng {
  word-wrap: break-word;
  color: var(--barcelona-secondary-text);
  font-family: var(--font-family-system);
  font-size: var(--system-15-font-size);
  font-weight: 400;
  line-height: 1.4;
  margin-top: 4px;
  max-width: 100%;
  min-width: 0;
  text-align: left;
  word-break: break-word;
}
.n6ToO {
  margin-top: 8px;
}
.P3Hd6 {
  -webkit-column-gap: 8px;
  column-gap: 8px;
  flex-direction: row;
  margin-left: -8px;
  margin-top: 6px;
}
.KBuTr,
.P3Hd6 {
  align-items: center;
  display: flex;
}
.KBuTr {
  color: var(--barcelona-charcoal-icon);
  height: 36px;
  justify-content: center;
  min-width: 36px;
}
.CAV_N {
  color: var(--barcelona-notification-badge-background);
}
.j2ORJ {
  -webkit-column-gap: 4px;
  column-gap: 4px;
}
.yuICo {
  font-size: var(--system-13-font-size);
}
.VNfAP {
  padding: 8px 8px 24px;
  width: 340px;
}
.VNfAP,
.Ywq7w {
  box-sizing: border-box;
}
.Ywq7w {
  align-items: stretch;
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 8px;
  cursor: pointer;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
  position: relative;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
}
.Ywq7w:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
.Ywq7w img {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.Ywq7w img,
.Ywq7w video {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.Ywq7w video {
  cursor: pointer;
  display: block;
}
.qgJlE {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .qgJlE {
    padding-left: var(--barcelona-lightbox-horizontal-padding);
    padding-right: var(--barcelona-lightbox-horizontal-padding);
  }
}
.dLead {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: dLead;
  animation-name: dLead;
}
@-webkit-keyframes dLead {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes dLead {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.plC8P {
  -webkit-animation-name: plC8P;
  animation-name: plC8P;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.H1QLy,
.plC8P {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
}
.H1QLy {
  -webkit-animation-name: H1QLy;
  animation-name: H1QLy;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes plC8P {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes plC8P {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes H1QLy {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes H1QLy {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.R4Kl3:focus {
  outline: 0;
}
.R4Kl3:focus-visible {
  outline: auto;
}
.axMU6 {
  padding: 20px 12px;
}
.QP_yw {
  align-items: center;
  display: flex;
  justify-content: center;
}
.dpsWZ {
  color: var(--barcelona-primary-text);
  font-size: var(--system-20-font-size);
  font-weight: 700;
  line-height: 1.25;
  margin-top: 12px;
}
.dpsWZ,
.jRux4 {
  word-wrap: break-word;
  font-family: var(--font-family-system);
  max-width: 100%;
  min-width: 0;
  text-align: left;
  text-align: center;
  white-space: pre-line;
  word-break: break-word;
}
.jRux4 {
  color: var(--barcelona-secondary-text);
  font-size: var(--system-15-font-size);
  font-weight: 400;
  line-height: 1.4;
  margin-top: 10px;
}
.wsRaq {
  padding-bottom: 24px;
  padding-top: 24px;
}
.XjdbR {
  width: 100%;
}
.UIY2U {
  align-items: stretch;
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
  position: relative;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
}
.UIY2U:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
.UIY2U img {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.UIY2U img,
.UIY2U video {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.UIY2U video {
  cursor: pointer;
  display: block;
}
.Tob5o {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .Tob5o {
    padding-left: var(--barcelona-lightbox-horizontal-padding);
    padding-right: var(--barcelona-lightbox-horizontal-padding);
  }
}
.povOh {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: povOh;
  animation-name: povOh;
}
@-webkit-keyframes povOh {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes povOh {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.GPdzk {
  -webkit-animation-name: GPdzk;
  animation-name: GPdzk;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.GPdzk,
.sPcys {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
}
.sPcys {
  -webkit-animation-name: sPcys;
  animation-name: sPcys;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes GPdzk {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes GPdzk {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes sPcys {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes sPcys {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.yf0eK:focus {
  outline: 0;
}
.yf0eK:focus-visible {
  outline: auto;
}
.cgs37 {
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 8px;
  margin-top: 12px;
  padding: 16px var(--barcelona-quoted-post-horizontal-padding);
}
.IxYsF {
  cursor: pointer;
}
.aUHz5 {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  display: -webkit-box;
  overflow: hidden;
}
.z2COk {
  align-items: center;
  display: flex;
  flex-direction: row;
}
.V2WuI {
  flex: 1 1;
  margin-left: 8px;
}
.rujkv {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-wrap: break-word;
  color: var(--barcelona-secondary-text);
  display: -webkit-box;
  font-family: var(--font-family-system);
  font-size: var(--system-15-font-size);
  font-weight: 400;
  line-height: 1.4;
  margin-top: 3px;
  max-width: 100%;
  text-align: left;
  white-space: pre-line;
  word-break: break-word;
}
.mswps,
.rujkv {
  cursor: pointer;
  min-width: 0;
  overflow: hidden;
}
.mswps {
  align-items: stretch;
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 8px;
  box-sizing: border-box;
  flex-shrink: 0;
  position: relative;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
}
.mswps:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
.mswps img {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.mswps img,
.mswps video {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.mswps video {
  cursor: pointer;
  display: block;
}
.pidJe {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .pidJe {
    padding-left: var(--barcelona-lightbox-horizontal-padding);
    padding-right: var(--barcelona-lightbox-horizontal-padding);
  }
}
.LPy5Q {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: LPy5Q;
  animation-name: LPy5Q;
}
@-webkit-keyframes LPy5Q {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes LPy5Q {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.ARcHB {
  -webkit-animation-name: ARcHB;
  animation-name: ARcHB;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.ARcHB,
.iEjcu {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
}
.iEjcu {
  -webkit-animation-name: iEjcu;
  animation-name: iEjcu;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes ARcHB {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes ARcHB {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes iEjcu {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes iEjcu {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.VryBx:focus {
  outline: 0;
}
.VryBx:focus-visible {
  outline: auto;
}
.aCisC {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  grid-row-start: 4;
  justify-content: flex-start;
  min-height: 28px;
}
.aQFnp {
  grid-column-end: span 2;
  grid-column-start: 1;
}
.aQFnp .fTPM4 {
  padding-right: 12px;
  width: var(--barcelona-threadline-column-width);
}
.E3zyL {
  grid-column-start: 2;
}
.E3zyL .fTPM4 {
  width: auto;
}
._X9ay {
  padding: 0 2px;
}
.IuH9i,
._X9ay,
.fwj6X {
  color: var(--barcelona-secondary-text);
  cursor: pointer;
}
.IuH9i,
.fwj6X {
  word-wrap: break-word;
  font-family: var(--font-family-system);
  font-size: var(--system-15-font-size);
  font-weight: 400;
  line-height: 1.4;
  max-width: 100%;
  min-width: 0;
  text-align: left;
  text-decoration: none;
  white-space: pre-line;
  word-break: break-word;
}
.IuH9i:hover,
.fwj6X:hover {
  text-decoration: underline;
}
.bsL_A {
  align-items: stretch;
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
  position: relative;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
}
.bsL_A:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
.bsL_A img {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.bsL_A img,
.bsL_A video {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.bsL_A video {
  cursor: pointer;
  display: block;
}
.Rb_Qr {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .Rb_Qr {
    padding-left: var(--barcelona-lightbox-horizontal-padding);
    padding-right: var(--barcelona-lightbox-horizontal-padding);
  }
}
.SEcXC {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: SEcXC;
  animation-name: SEcXC;
}
@-webkit-keyframes SEcXC {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes SEcXC {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.j1_ei {
  -webkit-animation-name: j1_ei;
  animation-name: j1_ei;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.ZPUrp,
.j1_ei {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
}
.ZPUrp {
  -webkit-animation-name: ZPUrp;
  animation-name: ZPUrp;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes j1_ei {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes j1_ei {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes ZPUrp {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes ZPUrp {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.Yf7M_:focus {
  outline: 0;
}
.Yf7M_:focus-visible {
  outline: auto;
}
.zf9eR {
  display: grid;
  grid-template-columns: 48px 1fr;
}
.vBrdZ {
  cursor: pointer;
}
.ObaUC {
  display: flex;
  grid-column-start: 1;
  padding-bottom: 12px;
  padding-top: 12px;
}
.yL8nh {
  position: relative;
}
.B_plg {
  border: 2px solid var(--barcelona-primary-background);
  border-radius: 50%;
  color: var(--always-white);
  height: 18px;
  pointer-events: none;
  position: absolute;
  right: -6px;
  top: 20px;
  width: 18px;
}
.FRCSE {
  display: flex;
  flex-direction: column;
  grid-column-start: 2;
  padding-bottom: 12px;
  padding-top: 12px;
}
.QwUiZ {
  border-bottom: 0.5px solid var(--barcelona-primary-outline);
}
.yg9D2 {
  word-wrap: break-word;
  color: var(--barcelona-primary-text);
  font-family: var(--font-family-system);
  font-size: '';
  font-weight: 400;
  line-height: 1.4;
  max-width: 100%;
  min-width: 0;
  padding-top: 8px;
  text-align: left;
  white-space: pre-line;
  width: 100%;
  word-break: break-word;
}
.CuB57,
.yg9D2 {
  align-items: center;
  display: flex;
  flex-direction: row;
}
.w773m {
  display: flex;
}
.gdl8a {
  min-width: 104px;
}
.M2D8H {
  display: flex;
  flex: 1 1;
  flex-direction: column;
}
.wOh03 {
  align-items: center;
  display: flex;
  flex-direction: row;
}
.LD2e7 {
  margin-left: 4px;
  text-decoration: none;
}
.TYGOK,
.cWOvJ {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow-y: hidden;
  text-align: left;
}
.TYGOK {
  -webkit-line-clamp: 2;
  color: var(--barcelona-secondary-text);
}
.TYGOK,
.cWOvJ {
  word-wrap: break-word;
  font-family: var(--font-family-system);
  font-size: var(--system-15-font-size);
  font-weight: 400;
  line-height: inhert;
  max-width: 100%;
  min-width: 0;
  text-align: left;
  white-space: pre-line;
  word-break: break-word;
}
.cWOvJ {
  -webkit-line-clamp: 3;
  color: var(--barcelona-primary-text);
}
.Ztyhy {
  align-items: center;
  -webkit-column-gap: 4px;
  column-gap: 4px;
  display: flex;
  flex-direction: row;
}
.pidcW {
  min-width: 104px;
}
.ACNtI {
  display: flex;
  flex-direction: column;
  margin-top: 4px;
}
.zWiSq {
  position: relative;
  -webkit-transform: none;
  transform: none;
  transition-duration: 0.2s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property:
    transform,
    -webkit-transform;
  width: 100%;
}
.cHmOD {
  -webkit-transform: translateY(84px);
  transform: translateY(84px);
}
.jRgxX {
  align-items: flex-start;
  box-sizing: border-box;
  flex: 72px 0;
  height: 72px;
  margin-top: -72px;
  padding-top: 24px;
}
.qYvAe {
  pointer-events: none;
  visibility: hidden;
}
.fBMlc {
  align-items: stretch;
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
  position: relative;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
}
.fBMlc:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
.fBMlc img {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.fBMlc img,
.fBMlc video {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.fBMlc video {
  cursor: pointer;
  display: block;
}
.BCSr2 {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .BCSr2 {
    padding-left: var(--barcelona-lightbox-horizontal-padding);
    padding-right: var(--barcelona-lightbox-horizontal-padding);
  }
}
.C0VqY {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: C0VqY;
  animation-name: C0VqY;
}
@-webkit-keyframes C0VqY {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes C0VqY {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.bLQmd {
  -webkit-animation-name: bLQmd;
  animation-name: bLQmd;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.bLQmd,
.je3LG {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
}
.je3LG {
  -webkit-animation-name: je3LG;
  animation-name: je3LG;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes bLQmd {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes bLQmd {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes je3LG {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes je3LG {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.PMyGa:focus {
  outline: 0;
}
.PMyGa:focus-visible {
  outline: auto;
}
.BA1mV {
  word-wrap: break-word;
  color: var(--barcelona-secondary-text);
  font-family: var(--font-family-system);
  font-size: var(--system-15-font-size);
  font-weight: 400;
  line-height: 1.4;
  max-width: 100%;
  min-width: 0;
  padding: 24px;
  text-align: left;
  text-align: center;
  white-space: pre-line;
  word-break: break-word;
}
.kvx9H {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 64px);
  max-height: calc(100svh - 64px);
  min-height: 112px;
  overflow-y: auto;
  position: relative;
  width: 520px;
}
@media (max-width: 699px) {
  .kvx9H {
    width: 100%;
  }
}
.m2iZ8 {
  flex: 1 1;
  min-height: 0;
  overflow: auto;
}
.uCY4D {
  min-height: var(--barcelona-mobile-header-height);
}
.er0i3 {
  padding: 0 24px 8px;
}
.d5Mem {
  padding-bottom: 12px;
  padding-left: 24px;
}
.sp2pJ {
  padding-right: 24px;
}
.CFoYj {
  align-items: stretch;
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
  position: relative;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
}
.CFoYj:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
.CFoYj img {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.CFoYj img,
.CFoYj video {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.CFoYj video {
  cursor: pointer;
  display: block;
}
.WbpCg {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .WbpCg {
    padding-left: var(--barcelona-lightbox-horizontal-padding);
    padding-right: var(--barcelona-lightbox-horizontal-padding);
  }
}
.Uj7at {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: Uj7at;
  animation-name: Uj7at;
}
@-webkit-keyframes Uj7at {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes Uj7at {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.l6QdG {
  -webkit-animation-name: l6QdG;
  animation-name: l6QdG;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.l6QdG,
.s2qsQ {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
}
.s2qsQ {
  -webkit-animation-name: s2qsQ;
  animation-name: s2qsQ;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes l6QdG {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes l6QdG {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes s2qsQ {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes s2qsQ {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.OR_oC:focus {
  outline: 0;
}
.OR_oC:focus-visible {
  outline: auto;
}
.Oc4rq {
  align-items: center;
  -webkit-backdrop-filter: blur(28.5px);
  backdrop-filter: blur(28.5px);
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 1fr 50% 1fr;
  min-height: var(--barcelona-mobile-header-height);
  padding-left: 30px;
  padding-right: 30px;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.YYjES {
  word-wrap: break-word;
  color: var(--barcelona-primary-text);
  font-family: var(--font-family-system);
  font-size: var(--system-16-font-size);
  font-weight: 600;
  line-height: 1.3125;
  max-width: 100%;
  min-width: 0;
  text-align: left;
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  white-space: pre-line;
  word-break: break-word;
}
.l_bkV {
  cursor: pointer;
  display: flex;
}
.l_bkV:active {
  opacity: 0.4;
}
.WlcBs {
  align-items: stretch;
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
  position: relative;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
}
.WlcBs:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
.WlcBs img {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.WlcBs img,
.WlcBs video {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.WlcBs video {
  cursor: pointer;
  display: block;
}
.DNxn8 {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .DNxn8 {
    padding-left: var(--barcelona-lightbox-horizontal-padding);
    padding-right: var(--barcelona-lightbox-horizontal-padding);
  }
}
.f47Dy {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: f47Dy;
  animation-name: f47Dy;
}
@-webkit-keyframes f47Dy {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes f47Dy {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.u7_YE {
  -webkit-animation-name: u7_YE;
  animation-name: u7_YE;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.T9Jxj,
.u7_YE {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
}
.T9Jxj {
  -webkit-animation-name: T9Jxj;
  animation-name: T9Jxj;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes u7_YE {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes u7_YE {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes T9Jxj {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes T9Jxj {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.T_Ctk:focus {
  outline: 0;
}
.T_Ctk:focus-visible {
  outline: auto;
}
.Eo5Lc {
  align-items: center;
  display: flex;
  flex-direction: row;
}
.X29kM {
  cursor: pointer;
}
.U5zoK {
  display: flex;
  margin-right: 18px;
  padding-left: 30px;
}
.vK9Ci {
  align-items: center;
  border-bottom: 0.5px solid var(--barcelona-primary-outline);
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  height: 36px;
  justify-content: space-between;
  padding-bottom: 12px;
  padding-right: 24px;
  padding-top: 12px;
}
.eOsYN {
  word-wrap: break-word;
  color: var(--barcelona-primary-text);
  font-family: var(--font-family-system);
  font-size: var(--system-15-font-size);
  font-weight: 600;
  line-height: 1.4;
  max-width: 100%;
  min-width: 0;
  text-align: left;
  white-space: pre-line;
  word-break: break-word;
}
.pXMQV {
  align-items: center;
  display: flex;
  flex-direction: row;
}
.CDSAB {
  word-wrap: break-word;
  color: var(--barcelona-primary-text);
  font-family: var(--font-family-system);
  font-size: var(--system-15-font-size);
  font-weight: 400;
  line-height: 1.4;
  max-width: 100%;
  min-width: 0;
  padding-right: 8px;
  text-align: left;
  white-space: pre-line;
  word-break: break-word;
}
.v6yxc {
  display: flex;
  height: 16px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  width: 16px;
}
.GbazO {
  align-items: stretch;
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
  position: relative;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
}
.GbazO:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
.GbazO img {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.GbazO img,
.GbazO video {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.GbazO video {
  cursor: pointer;
  display: block;
}
.jU3V_ {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .jU3V_ {
    padding-left: var(--barcelona-lightbox-horizontal-padding);
    padding-right: var(--barcelona-lightbox-horizontal-padding);
  }
}
.GVkk7 {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: GVkk7;
  animation-name: GVkk7;
}
@-webkit-keyframes GVkk7 {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes GVkk7 {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.AzHTo {
  -webkit-animation-name: AzHTo;
  animation-name: AzHTo;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.AzHTo,
.N11zi {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
}
.N11zi {
  -webkit-animation-name: N11zi;
  animation-name: N11zi;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes AzHTo {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes AzHTo {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes N11zi {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes N11zi {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.XkucT:focus {
  outline: 0;
}
.XkucT:focus-visible {
  outline: auto;
}
.luzDn {
  word-wrap: break-word;
  align-items: center;
  background-color: var(--barcelona-tertiary-background);
  border-radius: 12px;
  color: var(--barcelona-secondary-text);
  display: flex;
  font-family: var(--font-family-system);
  font-size: var(--system-13-font-size);
  font-weight: 400;
  justify-content: center;
  line-height: 1.4;
  margin: 12px 0;
  max-width: 100%;
  min-width: 0;
  padding: 16px;
  text-align: left;
  white-space: pre-line;
  word-break: break-word;
}
.hhIlb {
  align-items: stretch;
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
  position: relative;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
}
.hhIlb:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
.hhIlb img {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.hhIlb img,
.hhIlb video {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.hhIlb video {
  cursor: pointer;
  display: block;
}
.LsDQe {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .LsDQe {
    padding-left: var(--barcelona-lightbox-horizontal-padding);
    padding-right: var(--barcelona-lightbox-horizontal-padding);
  }
}
.aLxnM {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: aLxnM;
  animation-name: aLxnM;
}
@-webkit-keyframes aLxnM {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes aLxnM {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.yx8U7 {
  -webkit-animation-name: yx8U7;
  animation-name: yx8U7;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.taRPM,
.yx8U7 {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
}
.taRPM {
  -webkit-animation-name: taRPM;
  animation-name: taRPM;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes yx8U7 {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes yx8U7 {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes taRPM {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes taRPM {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.iSzUN:focus {
  outline: 0;
}
.iSzUN:focus-visible {
  outline: auto;
}
.lF9jv {
  margin-top: 8px;
}
.IrDWw,
.ddW9v {
  word-wrap: break-word;
  color: var(--barcelona-secondary-text);
  font-family: var(--font-family-system);
  font-size: var(--system-12-font-size);
  font-weight: 400;
  line-height: 1.4;
  margin-top: 12px;
  max-width: 100%;
  min-width: 0;
  text-align: left;
  white-space: pre-line;
  word-break: break-word;
}
.dSp2n {
  display: flex;
  flex-direction: column;
}
.JcL3D {
  align-items: center;
  background-color: var(--barcelona-primary-background);
  border: 1px solid var(--barcelona-poll-option-meter-background);
  border-radius: 12px;
  display: flex;
  flex-direction: row;
  overflow: hidden;
  padding: 12px;
  position: relative;
}
.JcL3D:not(:first-child) {
  margin-top: 8px;
}
.xoNjb {
  background-color: var(--barcelona-poll-option-meter-background);
  border-radius: 12px;
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform-origin: center left;
  transform-origin: center left;
  transition-delay: 0.4s;
  transition-duration: 0.5s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property:
    transform,
    -webkit-transform;
}
.OewnO {
  word-wrap: break-word;
  color: var(--barcelona-secondary-text);
  flex: 1 1;
  font-family: var(--font-family-system);
  font-size: var(--system-15-font-size);
  font-weight: 600;
  line-height: 1.4;
  max-width: 100%;
  min-width: 0;
  mix-blend-mode: exclusion;
  text-align: left;
  white-space: pre-line;
  word-break: break-word;
  z-index: 1;
}
._M3Oc {
  display: flex;
  margin-right: 8px;
}
.QCE0E,
._M3Oc {
  flex-shrink: 0;
  -webkit-transform: scale(1);
  transform: scale(1);
  transition-duration: 0.5s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property:
    transform,
    -webkit-transform;
  z-index: 1;
}
.QCE0E {
  word-wrap: break-word;
  color: var(--barcelona-secondary-text);
  font-family: var(--font-family-system);
  font-size: var(--system-12-font-size);
  font-weight: 600;
  line-height: 1.4;
  max-width: 100%;
  min-width: 0;
  mix-blend-mode: exclusion;
  text-align: left;
  transition-delay: 0.4s;
  white-space: pre-line;
  word-break: break-word;
}
._Bjon {
  background-color: var(--barcelona-tertiary-background);
  border-radius: 12px;
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition-duration: 0.1s;
  transition-property: opacity;
}
.JcL3D:hover ._Bjon {
  opacity: 1;
}
.Im8Ly {
  cursor: default;
}
.Im8Ly .OewnO,
.Im8Ly .QCE0E {
  color: var(--barcelona-secondary-text);
}
.V1frf {
  cursor: pointer;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
}
.V1frf:active {
  -webkit-transform: scale(0.96);
  transform: scale(0.96);
}
.xestn .xoNjb {
  background-color: var(--barcelona-poll-option-meter-highlighted-background);
  transition-delay: 0s;
}
.xestn .OewnO,
.xestn .QCE0E {
  color: var(--always-white);
}
.wm6Y7 {
  cursor: pointer;
  grid-column-start: 1;
  grid-row-end: span 2;
  grid-row-start: 3;
  padding-right: 12px;
}
.dThUk {
  box-sizing: border-box;
  height: 100%;
  padding-top: 10px;
  position: relative;
}
.RbHO6 {
  background-color: var(--barcelona-threadline);
  border-radius: 2px;
  bottom: 0;
  height: calc(100% - 4px);
  left: calc(50% - 1px);
  position: absolute;
  top: 10px;
  width: 2px;
}
.dQf15 {
  display: grid;
  grid-template-columns: var(--barcelona-threadline-column-width) minmax(0, 1fr);
}
@media (max-width: 699px) {
  .dQf15 {
    padding-left: var(--barcelona-post-horizontal-padding);
    padding-right: var(--barcelona-post-horizontal-padding);
  }
}
.ukB4q {
  cursor: pointer;
}
.QYNqn {
  grid-template-rows: 21px 19px -webkit-max-content -webkit-max-content;
  grid-template-rows: 21px 19px max-content max-content;
}
.QYNqn .chgMT {
  padding-top: 4px;
}
.QYNqn .Ipj5P {
  align-self: flex-end;
}
.QYNqn .XPvMT {
  grid-column-start: 2;
}
._lBjN {
  grid-template-rows: 36px 0 -webkit-max-content -webkit-max-content;
  grid-template-rows: 36px 0 max-content max-content;
}
._lBjN .Ipj5P {
  align-self: center;
  grid-row-end: span 2;
}
._lBjN .XPvMT {
  grid-column-end: span 2;
  grid-column-start: 1;
  padding-top: 10px;
}
.XML5y .Ipj5P {
  align-self: center;
  grid-row-end: span 2;
}
.XML5y .XPvMT {
  grid-row-start: 3;
}
.XML5y .IjaAs {
  grid-row-start: 5;
}
.XML5y .e9zFK {
  grid-row-end: span 3;
}
.Bzqze .e9zFK,
.XPvMT {
  grid-row-end: span 2;
}
.XPvMT {
  grid-row-start: 2;
}
.Ipj5P {
  grid-column-start: 2;
}
.Ipj5P,
.chgMT {
  grid-row-start: 1;
}
.chgMT {
  grid-column-start: 1;
  grid-row-end: span 2;
}
.dbORY {
  align-items: stretch;
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
  position: relative;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
}
.dbORY:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
.dbORY img {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.dbORY img,
.dbORY video {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.dbORY video {
  cursor: pointer;
  display: block;
}
.IHLBa {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .IHLBa {
    padding-left: var(--barcelona-lightbox-horizontal-padding);
    padding-right: var(--barcelona-lightbox-horizontal-padding);
  }
}
.kW42W {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: kW42W;
  animation-name: kW42W;
}
@-webkit-keyframes kW42W {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes kW42W {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.oIPUc {
  -webkit-animation-name: oIPUc;
  animation-name: oIPUc;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.kjPh3,
.oIPUc {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
}
.kjPh3 {
  -webkit-animation-name: kjPh3;
  animation-name: kjPh3;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes oIPUc {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes oIPUc {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes kjPh3 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes kjPh3 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.x9Zgh:focus {
  outline: 0;
}
.x9Zgh:focus-visible {
  outline: auto;
}
.FM7Cy,
.OpnmV {
  display: flex;
  flex: 1 1;
  flex-direction: column;
  min-height: 0;
}
.OpnmV {
  height: 100%;
  overflow-y: auto;
}
.DZ86y {
  padding: 24px 24px 16px;
}
.jmIER {
  box-sizing: initial;
  padding-bottom: 6px;
}
.xoe_6 {
  height: calc(100% - 16px);
}
.vkQq4 {
  padding-bottom: 5px;
  padding-left: 24px;
  padding-right: 24px;
}
.vkQq4:last-child {
  padding-bottom: 16px;
}
.vkQq4:first-child {
  padding-top: 24px;
}
.vkQq4:has(:only-child) {
  padding-bottom: 5px;
}
.t8kBf {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: row-reverse;
  padding: 24px;
}
.YUc3m {
  word-wrap: break-word;
  color: var(--barcelona-secondary-text);
  font-family: var(--font-family-system);
  font-size: var(--system-15-font-size);
  font-weight: 400;
  line-height: 1.4;
  margin-right: 10px;
  max-width: 100%;
  min-width: 0;
  text-align: left;
  white-space: pre-line;
  word-break: break-word;
}
.wzlzB {
  color: var(--barcelona-error-text);
}
.mav84 {
  color: var(--barcelona-secondary-text);
  margin-right: auto;
}
.Tqmgk {
  align-items: stretch;
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
  overflow: hidden;
  position: relative;
}
.Tqmgk,
.yVyN1 {
  display: flex;
  flex-direction: column;
  -webkit-transform-origin: top left;
  transform-origin: top left;
}
.yVyN1 {
  flex-grow: 1;
}
.YOh06 {
  display: none;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  z-index: 1;
}
.UH7tG,
.YOh06 {
  -webkit-transform-origin: top left;
  transform-origin: top left;
}
.UH7tG {
  display: flex;
  flex-direction: column;
}
.caMwa {
  align-items: stretch;
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
  position: relative;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
}
.caMwa:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
.caMwa img {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.caMwa img,
.caMwa video {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.caMwa video {
  cursor: pointer;
  display: block;
}
.t7fBH {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .t7fBH {
    padding-left: var(--barcelona-lightbox-horizontal-padding);
    padding-right: var(--barcelona-lightbox-horizontal-padding);
  }
}
.RTfvt {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: RTfvt;
  animation-name: RTfvt;
}
@-webkit-keyframes RTfvt {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes RTfvt {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.EHp_3 {
  -webkit-animation-name: EHp_3;
  animation-name: EHp_3;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.EHp_3,
.O3bc_ {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
}
.O3bc_ {
  -webkit-animation-name: O3bc_;
  animation-name: O3bc_;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes EHp_3 {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes EHp_3 {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes O3bc_ {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes O3bc_ {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.cvpxD:focus {
  outline: 0;
}
.cvpxD:focus-visible {
  outline: auto;
}
.QMMeT {
  -webkit-tap-highlight-color: transparent;
  align-items: center;
  cursor: pointer;
  flex-direction: column;
  grid-column-start: 3;
  height: 48px;
  margin-left: auto;
  margin-right: 13px;
  position: relative;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
  width: 48px;
}
.QMMeT:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
.zeEOs {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-name: O3bc_;
  animation-name: O3bc_;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  background-color: var(--barcelona-elevated-background);
  border: 0.5px solid var(--barcelona-primary-column-outline);
  border-radius: 16px;
  box-shadow: 0 10.5px 21px rgba(0, 0, 0, 0.08);
  -webkit-transform-origin: inherit;
  transform-origin: inherit;
}
.qYanj,
.zusw5 {
  align-items: center;
  display: flex;
  height: 48px;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  transition-duration: 0.2s;
  transition-property: opacity;
  width: 48px;
}
.yiljg {
  color: inherit;
  display: flex;
  padding: 12px;
  text-decoration: none;
}
.qYanj {
  color: var(--barcelona-navigation-icon);
  opacity: 1;
}
.qYanj:hover,
.zusw5 {
  opacity: 0;
}
.zusw5 {
  color: var(--barcelona-primary-icon);
}
.fAVD0,
.zusw5:hover {
  opacity: 1;
}
.XBvk0 {
  align-items: stretch;
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
  position: relative;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
}
.XBvk0:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
.XBvk0 img {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.XBvk0 img,
.XBvk0 video {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.XBvk0 video {
  cursor: pointer;
  display: block;
}
.gn9_k {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .gn9_k {
    padding-left: var(--barcelona-lightbox-horizontal-padding);
    padding-right: var(--barcelona-lightbox-horizontal-padding);
  }
}
.A2ZkZ {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: A2ZkZ;
  animation-name: A2ZkZ;
}
@-webkit-keyframes A2ZkZ {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes A2ZkZ {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.JwIL6 {
  -webkit-animation-name: JwIL6;
  animation-name: JwIL6;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.JwIL6,
.gkFrS {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
}
.gkFrS {
  -webkit-animation-name: gkFrS;
  animation-name: gkFrS;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes JwIL6 {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes JwIL6 {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes gkFrS {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes gkFrS {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.dOvBV:focus {
  outline: 0;
}
.dOvBV:focus-visible {
  outline: auto;
}
._1MIcm {
  width: 320px;
}
.t9vle {
  flex-direction: row;
  justify-content: space-between;
}
.t9vle,
.trMHj {
  align-items: center;
  display: flex;
}
.trMHj {
  cursor: pointer;
  flex-basis: auto;
  padding: 16px;
}
.trMHj:active {
  opacity: 0.4;
}
.lqnqY {
  word-wrap: break-word;
  color: var(--barcelona-primary-text);
  font-family: var(--font-family-system);
  font-size: var(--system-15-font-size);
  font-weight: 600;
  line-height: 1.4;
  max-width: 100%;
  min-width: 0;
  text-align: left;
  white-space: pre-line;
  word-break: break-word;
}
.oM03R {
  width: 48px;
}
.Oh86P {
  padding: 8px 16px 16px;
}
.gKgq5 {
  align-items: stretch;
  background-color: var(--barcelona-secondary-background);
  height: 44px;
}
.gKgq5,
.tiu2l {
  border-radius: 12px;
  display: flex;
}
.tiu2l {
  align-items: center;
  color: var(--barcelona-secondary-text);
  cursor: pointer;
  flex: 1 1;
  justify-content: center;
  padding: 0 18px;
  position: relative;
}
.OxW3E {
  color: var(--barcelona-primary-icon);
}
.UE2Eo {
  background-color: var(--barcelona-tertiary-background);
  border: 0.5px solid var(--barcelona-primary-outline);
  border-radius: 12px;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition:
    transform 0.2s,
    -webkit-transform 0.2s;
}
.jZMrK {
  display: flex;
  position: relative;
  z-index: 1;
}
.eu0UV {
  word-wrap: break-word;
  color: inherit;
  font-family: var(--font-family-system);
  font-size: var(--system-15-font-size);
  font-weight: 600;
  line-height: 1.4;
  max-width: 100%;
  min-width: 0;
  text-align: left;
  white-space: pre-line;
  word-break: break-word;
}
.yItNM {
  align-items: center;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0, 1);
  animation-timing-function: cubic-bezier(0.5, 0, 0, 1);
  display: flex;
  height: 100%;
  justify-items: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 60px;
}
._GKS9 {
  color: var(--barcelona-primary-icon);
  margin-left: 12px;
}
@media (max-width: 699px) {
  ._GKS9 {
    left: 2px;
    margin-left: 0;
    position: absolute;
  }
}
.VSv2S {
  -webkit-animation-name: ZItfY;
  animation-name: ZItfY;
}
.tsabZ {
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: mFfwp;
  animation-name: mFfwp;
}
@-webkit-keyframes ZItfY {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-42px);
    transform: translateX(-42px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes ZItfY {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-42px);
    transform: translateX(-42px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes mFfwp {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translateX(-42px);
    transform: translateX(-42px);
  }
}
@keyframes mFfwp {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translateX(-42px);
    transform: translateX(-42px);
  }
}
.n_OpF {
  align-items: stretch;
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
  position: relative;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
}
.n_OpF:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
.n_OpF img {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.n_OpF img,
.n_OpF video {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.n_OpF video {
  cursor: pointer;
  display: block;
}
.mtgRr {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .mtgRr {
    padding-left: var(--barcelona-lightbox-horizontal-padding);
    padding-right: var(--barcelona-lightbox-horizontal-padding);
  }
}
.Z065X {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: Z065X;
  animation-name: Z065X;
}
@-webkit-keyframes Z065X {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes Z065X {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.wbgb5 {
  -webkit-animation-name: wbgb5;
  animation-name: wbgb5;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.kx_8b,
.wbgb5 {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
}
.kx_8b {
  -webkit-animation-name: kx_8b;
  animation-name: kx_8b;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes wbgb5 {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes wbgb5 {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes kx_8b {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes kx_8b {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.G7qwv:focus {
  outline: 0;
}
.G7qwv:focus-visible {
  outline: auto;
}
.lOUT0 {
  align-items: center;
  -webkit-backdrop-filter: blur(28.5px);
  backdrop-filter: blur(28.5px);
  background-color: var(--barcelona-header-background);
  display: grid;
  grid-template-columns: 1fr 50vw 1fr;
  grid-template-rows: 1fr;
  height: var(--barcelona-mobile-header-height);
  left: 0;
  margin: auto;
  max-width: var(--barcelona-large-screen-max-page-width);
  position: fixed;
  right: 0;
  top: 0;
  z-index: 2;
}
@media (min-width: 700px) {
  .lOUT0 {
    grid-template-columns: 1fr -webkit-max-content 1fr;
    grid-template-columns: 1fr max-content 1fr;
    height: var(--barcelona-desktop-header-height);
  }
}
.woK1C {
  cursor: pointer;
  display: flex;
  height: 32px;
  margin-left: 19px;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  width: 32px;
}
.woK1C:active {
  -webkit-transform: scale(0.96);
  transform: scale(0.96);
}
@media (max-width: 699px) {
  .woK1C {
    grid-column-start: 2;
    margin: auto;
  }
}
@media (min-width: 700px) {
  .lOUT0 .lOUT0 {
    grid-template-columns: 1fr -webkit-max-content 1fr;
    grid-template-columns: 1fr max-content 1fr;
    height: var(--barcelona-desktop-header-height);
  }
}
.cFnjZ {
  position: relative;
}
@media (max-width: 699px) {
  .lj1Ar {
    display: none;
  }
  .cFnjZ {
    grid-column-start: 1;
    grid-row-start: 1;
  }
}
@media (min-width: 768px) {
  .cFnjZ {
    box-sizing: border-box;
    max-width: var(--barcelona-large-screen-max-width);
    padding-left: 70px;
    padding-right: 70px;
    width: 100vw;
  }
}
@media (min-width: 700px) and (max-width: 767px) {
  .cFnjZ {
    box-sizing: border-box;
    max-width: var(--barcelona-medium-screen-max-width);
    padding-left: 70px;
    padding-right: 70px;
    position: relative;
  }
}
.o5mw6 {
  -webkit-backdrop-filter: blur(28.5px);
  backdrop-filter: blur(28.5px);
  background-color: var(--barcelona-header-background);
  bottom: 0;
  grid-template-rows: 1fr;
  height: var(--barcelona-small-screen-nav-height);
  left: 0;
  padding-bottom: env(safe-area-inset-bottom);
  position: fixed;
  right: 0;
  z-index: 2;
}
@media (min-width: 699px) {
  .o5mw6 {
    display: none;
  }
}
.VzJdC {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 32px;
  position: relative;
  width: 100%;
  z-index: 0;
}
@media (max-width: 699px) {
  .VzJdC {
    padding-bottom: calc(
      var(--barcelona-small-screen-nav-height) + env(safe-area-inset-bottom) +
        32px
    );
  }
}
.hYg0z {
  min-height: calc(100vh - var(--header-height));
  top: var(--header-height);
}
@media (min-width: 768px) {
  .VzJdC {
    box-sizing: border-box;
    max-width: var(--barcelona-large-screen-max-width);
    padding-left: var(--barcelona-desktop-page-horizontal-padding);
    padding-right: var(--barcelona-desktop-page-horizontal-padding);
  }
}
@media (min-width: 700px) and (max-width: 767px) {
  .VzJdC {
    max-width: var(--barcelona-medium-screen-max-width);
    padding-left: var(--barcelona-desktop-page-horizontal-padding);
    padding-right: var(--barcelona-desktop-page-horizontal-padding);
  }
}
.Q43if {
  box-sizing: border-box;
  grid-column-start: 1;
  grid-row-start: 3;
  padding-right: 12px;
  padding-top: 10px;
  position: relative;
}
.bMdo_ {
  grid-row-end: span 2;
}
.v6nxT {
  padding-bottom: 4px;
}
.v0xYX {
  color: var(--barcelona-threadline);
  display: flex;
  position: absolute;
}
.rzL5c {
  align-items: stretch;
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
  position: relative;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
}
.rzL5c:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
.rzL5c img {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.rzL5c img,
.rzL5c video {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.rzL5c video {
  cursor: pointer;
  display: block;
}
.FqdHu {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .FqdHu {
    padding-left: var(--barcelona-lightbox-horizontal-padding);
    padding-right: var(--barcelona-lightbox-horizontal-padding);
  }
}
.H2N0H {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: H2N0H;
  animation-name: H2N0H;
}
@-webkit-keyframes H2N0H {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes H2N0H {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.Rin0E {
  -webkit-animation-name: Rin0E;
  animation-name: Rin0E;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.Rin0E,
.qCPyz {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
}
.qCPyz {
  -webkit-animation-name: qCPyz;
  animation-name: qCPyz;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes Rin0E {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes Rin0E {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes qCPyz {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes qCPyz {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.TRDO_:focus {
  outline: 0;
}
.TRDO_:focus-visible {
  outline: auto;
}
.TEdFy {
  padding-top: 4px;
}
.qSlim {
  padding-top: 12px;
}
.HMSiB {
  border-top: 0.5px solid var(--barcelona-primary-outline);
}
.gBnqz {
  padding-top: 12px;
}
.Zc0ZI:last-child {
  padding-bottom: 8px;
}
.jnWvc {
  padding-top: 16px;
}
.xV_HB {
  cursor: pointer;
}
.qK0xZ {
  word-wrap: break-word;
  color: var(--barcelona-secondary-text);
  display: inline-flex;
  font-family: var(--font-family-system);
  font-size: var(--system-13-font-size);
  font-weight: 600;
  line-height: 1.4;
  margin-right: 3px;
  max-width: 100%;
  min-width: 0;
  text-align: left;
  white-space: pre-line;
  word-break: break-word;
}
.aYqpj {
  align-items: stretch;
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
  position: relative;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
}
.aYqpj:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
.aYqpj img {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.aYqpj img,
.aYqpj video {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.aYqpj video {
  cursor: pointer;
  display: block;
}
.D8lB2 {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .D8lB2 {
    padding-left: var(--barcelona-lightbox-horizontal-padding);
    padding-right: var(--barcelona-lightbox-horizontal-padding);
  }
}
.c5hWK {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: c5hWK;
  animation-name: c5hWK;
}
@-webkit-keyframes c5hWK {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes c5hWK {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.xSQMW {
  -webkit-animation-name: xSQMW;
  animation-name: xSQMW;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.Plw_V,
.xSQMW {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
}
.Plw_V {
  -webkit-animation-name: Plw_V;
  animation-name: Plw_V;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes xSQMW {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes xSQMW {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes Plw_V {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes Plw_V {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.ExDs4:focus {
  outline: 0;
}
.ExDs4:focus-visible {
  outline: auto;
}
.QUSHb {
  align-items: center;
  background-color: var(--barcelona-tertiary-background);
  border-radius: 12px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 12px 0;
  padding: 16px;
}
.p7cA7 {
  word-wrap: break-word;
  font-family: var(--font-family-system);
  font-size: var(--system-13-font-size);
  font-weight: 400;
  line-height: 1.4;
  max-width: 100%;
  min-width: 0;
  text-align: left;
  white-space: pre-line;
  word-break: break-word;
}
.PDL8c,
.p7cA7 {
  color: var(--barcelona-secondary-text);
}
.PDL8c {
  margin-left: 16px;
}
._vTLb {
  align-items: stretch;
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
  position: relative;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
}
._vTLb:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
._vTLb img {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
._vTLb img,
._vTLb video {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
._vTLb video {
  cursor: pointer;
  display: block;
}
.EhfCo {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .EhfCo {
    padding-left: var(--barcelona-lightbox-horizontal-padding);
    padding-right: var(--barcelona-lightbox-horizontal-padding);
  }
}
.BGhJz {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: BGhJz;
  animation-name: BGhJz;
}
@-webkit-keyframes BGhJz {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes BGhJz {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.azSVP {
  -webkit-animation-name: azSVP;
  animation-name: azSVP;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.Rlo4p,
.azSVP {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
}
.Rlo4p {
  -webkit-animation-name: Rlo4p;
  animation-name: Rlo4p;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes azSVP {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes azSVP {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes Rlo4p {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes Rlo4p {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.Uttbf:focus {
  outline: 0;
}
.Uttbf:focus-visible {
  outline: auto;
}
.uBjUu {
  align-items: center;
  background-color: var(--barcelona-tertiary-background);
  border-radius: 12px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 12px 0;
  padding: 16px;
}
.m1nyf {
  word-wrap: break-word;
  font-family: var(--font-family-system);
  font-size: var(--system-13-font-size);
  font-weight: 400;
  line-height: 1.4;
  max-width: 100%;
  min-width: 0;
  text-align: left;
  white-space: pre-line;
  word-break: break-word;
}
.ELovb,
.m1nyf {
  color: var(--barcelona-secondary-text);
}
.ELovb {
  margin-left: 16px;
}
.gnm8R {
  align-items: stretch;
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
  position: relative;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
}
.gnm8R:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
.gnm8R img {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.gnm8R img,
.gnm8R video {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.gnm8R video {
  cursor: pointer;
  display: block;
}
.UNwuP {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .UNwuP {
    padding-left: var(--barcelona-lightbox-horizontal-padding);
    padding-right: var(--barcelona-lightbox-horizontal-padding);
  }
}
.KnfQB {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: KnfQB;
  animation-name: KnfQB;
}
@-webkit-keyframes KnfQB {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes KnfQB {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.nRYFx {
  -webkit-animation-name: nRYFx;
  animation-name: nRYFx;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.lLiK1,
.nRYFx {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
}
.lLiK1 {
  -webkit-animation-name: lLiK1;
  animation-name: lLiK1;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes nRYFx {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes nRYFx {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes lLiK1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes lLiK1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.KqQbs:focus {
  outline: 0;
}
.KqQbs:focus-visible {
  outline: auto;
}
.q7LXE {
  align-items: center;
  color: var(--barcelona-secondary-icon);
  display: grid;
  grid-template-columns: var(--barcelona-threadline-column-width) minmax(0, 1fr) auto;
  padding-bottom: 8px;
}
@media (max-width: 699px) {
  .q7LXE {
    padding-left: var(--barcelona-post-horizontal-padding);
    padding-right: var(--barcelona-post-horizontal-padding);
  }
}
.bcqoF {
  display: flex;
  grid-column-start: 1;
  margin-left: auto;
  padding-right: 12px;
}
.VmzgZ {
  word-wrap: break-word;
  align-items: center;
  color: var(--barcelona-secondary-text);
  -webkit-column-gap: 0.1em;
  column-gap: 0.1em;
  display: inline-flex;
  flex-direction: row;
  font-family: var(--font-family-system);
  font-size: var(--system-13-font-size);
  font-weight: 400;
  line-height: 1.4;
  margin-right: auto;
  max-width: 100%;
  min-width: 0;
  text-align: left;
  white-space: pre-line;
  word-break: break-word;
}
.Y7pUJ {
  align-items: stretch;
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
  position: relative;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
}
.Y7pUJ:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
.Y7pUJ img {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.Y7pUJ img,
.Y7pUJ video {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.Y7pUJ video {
  cursor: pointer;
  display: block;
}
.mETlS {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .mETlS {
    padding-left: var(--barcelona-lightbox-horizontal-padding);
    padding-right: var(--barcelona-lightbox-horizontal-padding);
  }
}
.Wbvh0 {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: Wbvh0;
  animation-name: Wbvh0;
}
@-webkit-keyframes Wbvh0 {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes Wbvh0 {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.Bsz09 {
  -webkit-animation-name: Bsz09;
  animation-name: Bsz09;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.Bsz09,
.IhdMy {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
}
.IhdMy {
  -webkit-animation-name: IhdMy;
  animation-name: IhdMy;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes Bsz09 {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes Bsz09 {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes IhdMy {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes IhdMy {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.ax3bq:focus {
  outline: 0;
}
.ax3bq:focus-visible {
  outline: auto;
}
.H5rzG {
  display: grid;
  justify-items: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 360px;
  padding-left: 64px;
  padding-right: 64px;
}
.H5rzG,
.l6Vbf {
  align-items: center;
  flex-direction: column;
}
.l6Vbf {
  display: flex;
  justify-content: center;
}
.HFUO1,
.jEeni {
  display: block;
  margin-bottom: 16px;
  overflow-y: visible;
  text-align: center;
}
.jEeni {
  color: var(--barcelona-primary-text);
  font-size: var(--system-16-font-size);
  font-weight: 700;
  line-height: 1.3125;
}
.HFUO1,
.jEeni {
  word-wrap: break-word;
  font-family: var(--font-family-system);
  max-width: 100%;
  min-width: 0;
  text-align: left;
  white-space: pre-line;
  word-break: break-word;
}
.HFUO1 {
  color: var(--barcelona-secondary-text);
  font-size: var(--system-15-font-size);
  font-weight: 'normal';
  line-height: 1.4;
}
.EalNH,
._HsnA {
  display: flex;
}
._HsnA {
  flex-direction: column;
}
.RTLBW {
  font-size: var(--system-15-font-size);
  line-height: 1.4;
  position: relative;
  width: 100%;
}
.RTLBW a {
  cursor: text;
}
.RTLBW a,
.RTLBW a:hover {
  color: rgb(var(--blue-5));
}
.DraftEditor-editorContainer,
.DraftEditor-root,
.public-DraftEditor-content {
  height: inherit;
  text-align: left;
  text-align: initial;
}
.public-DraftEditor-content[contenteditable='true'] {
  -webkit-user-modify: read-write-plaintext-only;
}
.DraftEditor-root {
  position: relative;
}
.DraftEditor-editorContainer {
  background-color: hsla(0, 0%, 100%, 0);
  border-left: 0.1px solid transparent;
  position: relative;
  z-index: 1;
}
.public-DraftEditor-block {
  position: relative;
}
.DraftEditor-alignLeft .public-DraftStyleDefault-block {
  text-align: left;
}
.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root {
  left: 0;
  text-align: left;
}
.DraftEditor-alignCenter .public-DraftStyleDefault-block {
  text-align: center;
}
.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root {
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
.DraftEditor-alignRight .public-DraftStyleDefault-block {
  text-align: right;
}
.DraftEditor-alignRight .public-DraftEditorPlaceholder-root {
  right: 0;
  text-align: right;
}
.public-DraftEditorPlaceholder-root {
  color: #9197a3;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.public-DraftEditorPlaceholder-hasFocus {
  color: #bdc1c9;
}
.DraftEditorPlaceholder-hidden {
  display: none;
}
.public-DraftStyleDefault-block {
  position: relative;
  white-space: pre-wrap;
}
.public-DraftStyleDefault-ltr {
  direction: ltr;
  text-align: left;
}
.public-DraftStyleDefault-rtl {
  direction: rtl;
  text-align: right;
}
.public-DraftStyleDefault-listLTR {
  direction: ltr;
}
.public-DraftStyleDefault-listRTL {
  direction: rtl;
}
.public-DraftStyleDefault-ol,
.public-DraftStyleDefault-ul {
  margin: 16px 0;
  padding: 0;
}
.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR {
  margin-left: 1.5em;
}
.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL {
  margin-right: 1.5em;
}
.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR {
  margin-left: 3em;
}
.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL {
  margin-right: 3em;
}
.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR {
  margin-left: 4.5em;
}
.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL {
  margin-right: 4.5em;
}
.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR {
  margin-left: 6em;
}
.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL {
  margin-right: 6em;
}
.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR {
  margin-left: 7.5em;
}
.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL {
  margin-right: 7.5em;
}
.public-DraftStyleDefault-unorderedListItem {
  list-style-type: square;
  position: relative;
}
.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0 {
  list-style-type: disc;
}
.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1 {
  list-style-type: circle;
}
.public-DraftStyleDefault-orderedListItem {
  list-style-type: none;
  position: relative;
}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before {
  left: -36px;
  position: absolute;
  text-align: right;
  width: 30px;
}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before {
  position: absolute;
  right: -36px;
  text-align: left;
  width: 30px;
}
.public-DraftStyleDefault-orderedListItem:before {
  content: counter(ol0) '. ';
  counter-increment: ol0;
}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before {
  content: counter(ol1, lower-alpha) '. ';
  counter-increment: ol1;
}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before {
  content: counter(ol2, lower-roman) '. ';
  counter-increment: ol2;
}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before {
  content: counter(ol3) '. ';
  counter-increment: ol3;
}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before {
  content: counter(ol4, lower-alpha) '. ';
  counter-increment: ol4;
}
.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset {
  counter-reset: ol0;
}
.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset {
  counter-reset: ol1;
}
.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset {
  counter-reset: ol2;
}
.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset {
  counter-reset: ol3;
}
.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset {
  counter-reset: ol4;
}
.lxvs42t,
.lxvs42t:visited {
  color: #5e93c5;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.lxvs42t:focus,
.lxvs42t:hover {
  color: #7eadda;
  cursor: pointer;
  outline: 0;
}
.lxvs42t:active {
  color: #4a7bab;
}
.pLUAY {
  background-color: var(--barcelona-elevated-background);
  border: 0.5px solid var(--barcelona-menu-outline);
  border-radius: 16px;
  box-shadow: 0 10.5px 21px rgba(0, 0, 0, 0.08);
  max-height: 285px;
  overflow-y: auto;
  width: 280px;
  z-index: 3;
}
.pLUAY div:last-child :last-child {
  border: none;
}
.gRmc5 {
  border-bottom: 0.5px solid var(--barcelona-primary-outline);
  cursor: pointer;
  padding: 0 16px;
}
.JyNL5,
.gRmc5:hover {
  background-color: var(--hover-overlay);
}
._A8aA {
  color: rgb(var(--blue-5));
}
.oMsi1 {
  align-items: center;
  color: var(--barcelona-secondary-text);
  display: flex;
  height: 80px;
  justify-content: center;
}
.E1d6y {
  background-color: var(--barcelona-elevated-background);
  border: 0.5px solid var(--barcelona-menu-outline);
  border-radius: 16px;
  box-shadow: 0 10.5px 21px rgba(0, 0, 0, 0.08);
  width: 280px;
  z-index: 3;
}
.Dlp12 {
  border-bottom: 0.5px solid var(--barcelona-primary-outline);
  cursor: pointer;
  padding: 12px;
}
.Dlp12:hover,
.LtqbW {
  background-color: var(--hover-overlay);
}
.t0eQj {
  align-items: stretch;
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
  position: relative;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
}
.t0eQj:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
.t0eQj img {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.t0eQj img,
.t0eQj video {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.t0eQj video {
  cursor: pointer;
  display: block;
}
.e0fDk {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .e0fDk {
    padding-left: var(--barcelona-lightbox-horizontal-padding);
    padding-right: var(--barcelona-lightbox-horizontal-padding);
  }
}
.io1jT {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: io1jT;
  animation-name: io1jT;
}
@-webkit-keyframes io1jT {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes io1jT {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.jAXlk {
  -webkit-animation-name: jAXlk;
  animation-name: jAXlk;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.jAXlk,
.wvgQ0 {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
}
.wvgQ0 {
  -webkit-animation-name: wvgQ0;
  animation-name: wvgQ0;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes jAXlk {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes jAXlk {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes wvgQ0 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes wvgQ0 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.pMMg1:focus {
  outline: 0;
}
.pMMg1:focus-visible {
  outline: auto;
}
.aT6Tx {
  color: var(--barcelona-primary-text);
  font-weight: 600;
}
.aT6Tx,
.p6uDp {
  word-wrap: break-word;
  font-family: var(--font-family-system);
  font-size: var(--system-15-font-size);
  line-height: 1.4;
  max-width: 100%;
  min-width: 0;
  text-align: left;
  white-space: pre-line;
  word-break: break-word;
}
.p6uDp {
  color: var(--barcelona-secondary-text);
  font-weight: 400;
}
.dYha3 {
  color: rgb(var(--blue-5));
}
.nBuES {
  border-radius: 16px;
  max-height: 285px;
  overflow-y: auto;
}
.nBuES > div:last-child :last-child {
  border: none;
}
.Lb_eA {
  align-items: center;
  color: var(--barcelona-secondary-text);
  display: flex;
  height: 80px;
  justify-content: center;
}
.FJfuw {
  align-items: center;
  background-color: var(--barcelona-primary-background);
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 50%;
  box-shadow: 0 4px 16px -4px var(--shadow-1);
  color: var(--barcelona-navigation-icon);
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 4px;
  touch-action: manipulation;
  -webkit-transform: translate(25%, -25%);
  transform: translate(25%, -25%);
  z-index: 1;
}
.FJfuw,
.cK2ip {
  position: absolute;
  right: 0;
  top: 0;
}
.cK2ip {
  background-color: var(--hover-overlay);
  border-radius: 50%;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition-duration: var(--fds-duration-extra-extra-short-out);
  transition-property: opacity;
  transition-timing-function: var(--fds-animation-fade-out);
}
.FJfuw:hover .cK2ip {
  opacity: 1;
}
.A7mbd {
  align-items: stretch;
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
  position: relative;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
}
.A7mbd:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
.A7mbd img {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.A7mbd img,
.A7mbd video {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.A7mbd video {
  cursor: pointer;
  display: block;
}
.TTHyN {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .TTHyN {
    padding-left: var(--barcelona-lightbox-horizontal-padding);
    padding-right: var(--barcelona-lightbox-horizontal-padding);
  }
}
.KSR_P {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: KSR_P;
  animation-name: KSR_P;
}
@-webkit-keyframes KSR_P {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes KSR_P {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.UJQ9t {
  -webkit-animation-name: UJQ9t;
  animation-name: UJQ9t;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.AylCQ,
.UJQ9t {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
}
.AylCQ {
  -webkit-animation-name: AylCQ;
  animation-name: AylCQ;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes UJQ9t {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes UJQ9t {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes AylCQ {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes AylCQ {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.ttkvN:focus {
  outline: 0;
}
.ttkvN:focus-visible {
  outline: auto;
}
.SRF2V {
  height: 100%;
  position: relative;
  width: 100%;
}
.z1p9g {
  margin-left: calc(var(--barcelona-threadline-column-width) * -1);
  width: calc(100% + var(--barcelona-threadline-column-width));
}
.GBnht,
.m0sVy {
  overflow: hidden;
}
.m0sVy {
  align-items: stretch;
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
  cursor: inherit;
  flex-shrink: 0;
  margin-right: var(--barcelona-carousel-gap);
  min-width: 0;
  position: relative;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
}
.m0sVy:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
.m0sVy img {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.m0sVy img,
.m0sVy video {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.m0sVy video {
  cursor: pointer;
  display: block;
}
.WSGWc {
  cursor: pointer;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
}
.WSGWc:active {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.v6JkA {
  cursor: inherit;
  -webkit-user-select: none;
  user-select: none;
}
.m0sVy:last-child {
  margin-right: 0;
}
.L9ti5 {
  flex-shrink: 0;
  width: var(--barcelona-threadline-column-width);
}
.HXBlQ,
.qogcB {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 100%;
  justify-content: center;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 72px;
}
.SSYvB,
.nBYzm {
  background-color: var(--barcelona-tertiary-background);
  color: var(--barcelona-secondary-icon);
}
.qogcB {
  left: -72px;
}
.HXBlQ {
  right: -72px;
}
.Wssyw .HXBlQ,
.Wssyw .qogcB {
  height: 40px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 40px;
}
.Wssyw .qogcB {
  left: 0;
}
.Wssyw .HXBlQ {
  right: 0;
}
.Wssyw .KDvha:active {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.SRF2V:hover .HXBlQ,
.SRF2V:hover .qogcB {
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
}
.R0Es_ {
  grid-row-gap: var(--barcelona-carousel-gap);
  grid-column-gap: var(--barcelona-carousel-gap);
  -webkit-column-gap: var(--barcelona-carousel-gap);
  column-gap: var(--barcelona-carousel-gap);
  display: grid;
  flex: 1 1;
  grid-template-rows: 100%;
  row-gap: var(--barcelona-carousel-gap);
}
.k4Dmx {
  -webkit-backdrop-filter: blur(21.5px);
  backdrop-filter: blur(21.5px);
  background-color: rgba(0, 0, 0, 0.4);
  color: var(--always-white);
  position: absolute;
  right: 10px;
  top: 10px;
}
.lSLVM {
  align-items: stretch;
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
  position: relative;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
}
.lSLVM:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
.lSLVM img {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.lSLVM img,
.lSLVM video {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.lSLVM video {
  cursor: pointer;
  display: block;
}
.skD3H {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .skD3H {
    padding-left: var(--barcelona-lightbox-horizontal-padding);
    padding-right: var(--barcelona-lightbox-horizontal-padding);
  }
}
.sdTxv {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: sdTxv;
  animation-name: sdTxv;
}
@-webkit-keyframes sdTxv {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes sdTxv {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.eO_H8 {
  -webkit-animation-name: eO_H8;
  animation-name: eO_H8;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.eO_H8,
.oLAqQ {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
}
.oLAqQ {
  -webkit-animation-name: oLAqQ;
  animation-name: oLAqQ;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes eO_H8 {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes eO_H8 {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes oLAqQ {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes oLAqQ {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.LIsvH:focus {
  outline: 0;
}
.LIsvH:focus-visible {
  outline: auto;
}
.qzs56 {
  background-color: var(--always-dark-overlay);
  border-radius: 30px;
  bottom: 10px;
  cursor: pointer;
  left: 10px;
  position: absolute;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
}
.qzs56:active {
  -webkit-transform: scale(0.96);
  transform: scale(0.96);
}
.r16Zm {
  word-wrap: break-word;
  -webkit-backdrop-filter: blur(21.5px);
  backdrop-filter: blur(21.5px);
  border-radius: 30px;
  color: var(--always-white);
  font-family: var(--font-family-system);
  font-size: var(--system-13-font-size);
  font-weight: 600;
  line-height: 1.4;
  max-width: 100%;
  min-width: 0;
  padding: 4px 10px;
  text-align: left;
  white-space: pre-line;
  word-break: break-word;
}
.psueP {
  align-items: stretch;
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
  position: relative;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
}
.psueP:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
.psueP img {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.psueP img,
.psueP video {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.psueP video {
  cursor: pointer;
  display: block;
}
.ruS0r {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .ruS0r {
    padding-left: var(--barcelona-lightbox-horizontal-padding);
    padding-right: var(--barcelona-lightbox-horizontal-padding);
  }
}
.w8NSm {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: w8NSm;
  animation-name: w8NSm;
}
@-webkit-keyframes w8NSm {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes w8NSm {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.B63Ej {
  -webkit-animation-name: B63Ej;
  animation-name: B63Ej;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.B63Ej,
.IBVXW {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
}
.IBVXW {
  -webkit-animation-name: IBVXW;
  animation-name: IBVXW;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes B63Ej {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes B63Ej {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes IBVXW {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes IBVXW {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.F2DL5:focus {
  outline: 0;
}
.F2DL5:focus-visible {
  outline: auto;
}
.RUkHG {
  align-items: stretch;
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
  position: relative;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
}
.RUkHG:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
.RUkHG img {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.RUkHG img,
.RUkHG video {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.RUkHG video {
  cursor: pointer;
  display: block;
}
.pVa6M {
  cursor: inherit;
  -webkit-user-select: none;
  user-select: none;
}
.Fy9Gg {
  cursor: pointer;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
}
.Fy9Gg:active {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.hPSSt {
  align-items: stretch;
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
  position: relative;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
}
.hPSSt:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
.hPSSt img {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.hPSSt img,
.hPSSt video {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.hPSSt video {
  cursor: pointer;
  display: block;
}
.siCqW {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .siCqW {
    padding-left: var(--barcelona-lightbox-horizontal-padding);
    padding-right: var(--barcelona-lightbox-horizontal-padding);
  }
}
.JeyMO {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: JeyMO;
  animation-name: JeyMO;
}
@-webkit-keyframes JeyMO {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes JeyMO {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.oaqse {
  -webkit-animation-name: oaqse;
  animation-name: oaqse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.OHedh,
.oaqse {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
}
.OHedh {
  -webkit-animation-name: OHedh;
  animation-name: OHedh;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes oaqse {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes oaqse {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes OHedh {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes OHedh {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.ViuHU:focus {
  outline: 0;
}
.ViuHU:focus-visible {
  outline: auto;
}
.EiaCU {
  align-items: stretch;
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
  position: relative;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
}
.EiaCU:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
.EiaCU img {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.EiaCU img,
.EiaCU video {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.EiaCU video {
  cursor: pointer;
  display: block;
}
.yOtQj {
  cursor: pointer;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
}
.yOtQj:active {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.V0mB7 {
  cursor: pointer;
  display: block;
  -webkit-user-select: none;
  user-select: none;
}
.V0mB7,
.Xcq0J img {
  height: 100%;
  width: 100%;
}
.Xcq0J img {
  object-fit: contain;
}
.d9Q59 {
  align-items: stretch;
  border: 1px solid var(--barcelona-primary-outline);
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
  position: relative;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition:
    transform 0.1s ease-in-out,
    -webkit-transform 0.1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
}
.d9Q59:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
.d9Q59 img {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.d9Q59 img,
.d9Q59 video {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.d9Q59 video {
  cursor: pointer;
  display: block;
}
.Ay6TT {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .Ay6TT {
    padding-left: var(--barcelona-lightbox-horizontal-padding);
    padding-right: var(--barcelona-lightbox-horizontal-padding);
  }
}
.Hv13v {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: Hv13v;
  animation-name: Hv13v;
}
@-webkit-keyframes Hv13v {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes Hv13v {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.Xtn2Q {
  -webkit-animation-name: Xtn2Q;
  animation-name: Xtn2Q;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.Xtn2Q,
.sy35e {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
}
.sy35e {
  -webkit-animation-name: sy35e;
  animation-name: sy35e;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes Xtn2Q {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes Xtn2Q {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes sy35e {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes sy35e {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.PnCyT:focus {
  outline: 0;
}
.PnCyT:focus-visible {
  outline: auto;
}
.jVVP6 {
  position: relative;
}
.UYFM8,
.jVVP6 {
  height: 100%;
  width: 100%;
}
.UYFM8 {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
}
@media (min-width: 768px) {
  .UYFM8 {
    padding-left: var(--barcelona-lightbox-horizontal-padding);
    padding-right: var(--barcelona-lightbox-horizontal-padding);
  }
}
.kxNZo {
  align-items: center;
  height: 100%;
  width: 100%;
}
.dN5G4,
.hY7Pl,
.kxNZo {
  display: flex;
  justify-content: center;
}
.dN5G4,
.hY7Pl {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 92px;
}
.bMFbi,
.oNGgL {
  background-color: var(--barcelona-tertiary-background);
  color: var(--barcelona-secondary-icon);
}
@media (max-width: 768px) {
  .dN5G4,
  .hY7Pl {
    display: none;
  }
}
.hY7Pl {
  left: 0;
}
.dN5G4 {
  right: 0;
}
.UPKJY {
  align-items: center;
  color: var(--barcelona-primary-icon);
  display: flex;
  height: 100vh;
  justify-content: center;
  width: 100%;
}
.WL1hO {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
* {
  -webkit-tap-highlight-color: transparent;
}