.vivid360-row {
  margin: 0 auto;
  background-image: var(--desktopImageUrl);
  background-size: cover;
  background-repeat: repeat;
  background-position: var(--focalDesktopX) var(--focalDesktopY);
}
.vivid360-row.full-page-width {
  width: auto;
  max-width: none;
}
.vivid360-row.wide-bg-width {
  max-width: var(--widthContent);
}
.vivid360-row.regular-bg-width {
  max-width: var(--contentWidthRegular);
}
.vivid360-row.narrow-bg-width {
  max-width: var(--widthNarrow);
}
.vivid360-row.extra-narrow-bg-width {
  max-width: var(--widthExtraNarrow);
}
.vivid360-row .row-content {
  margin: 0 auto;
}
.vivid360-row .row-content.wide-width {
  max-width: var(--widthContent);
}
.vivid360-row .row-content.regular-width {
  max-width: var(--contentWidthRegular);
}
.vivid360-row .row-content.narrow-width {
  max-width: var(--widthNarrow);
}
.vivid360-row .row-content.extra-narrow-width {
  max-width: var(--widthExtraNarrow);
}
@media (min-width: 1025px) {
  .hcp-normal-width .vivid360-row.hcp-wide-bg-width {
    max-width: 744px;
  }
  .hcp-normal-width .vivid360-row.hcp-regular-bg-width {
    max-width: 648px;
  }
  .hcp-normal-width .vivid360-row .row-content.hcp-wide-width {
    max-width: 744px;
  }
  .hcp-normal-width .vivid360-row .row-content.hcp-regular-width {
    max-width: 648px;
  }
}
.vivid360-row::before,
.vivid360-row::after {
  content: ' ';
  display: table;
}
.vivid360-row-block-default {
  max-width: 72rem;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 768px) {
  .vivid360-row {
    background-image: var(--mobileImageUrl);
    background-position: var(--focalMobileX) var(--focalMobileY);
  }
  .vivid360-row.full-page-width {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
  }
  .vivid360-row.full-page-width .row-content {
    width: calc(100% - 32px);
    max-width: 100%;
  }
  .vivid360-row.wide-bg-width,
  .vivid360-row.regular-bg-width,
  .vivid360-row.narrow-bg-width,
  .vivid360-row.extra-narrow-bg-width {
    width: calc(100% - 32px);
    max-width: 100%;
  }
  .vivid360-row.wide-bg-width .row-content,
  .vivid360-row.regular-bg-width .row-content,
  .vivid360-row.narrow-bg-width .row-content,
  .vivid360-row.extra-narrow-bg-width .row-content {
    width: 100%;
    max-width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .vivid360-row.full-page-width {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
  }
  .vivid360-row.full-page-width .row-content {
    width: calc(100% - 48px);
    max-width: 100%;
  }
  .vivid360-row.wide-bg-width,
  .vivid360-row.regular-bg-width,
  .vivid360-row.narrow-bg-width,
  .vivid360-row.extra-narrow-bg-width {
    width: calc(100% - 48px);
    max-width: 100%;
  }
  .vivid360-row.wide-bg-width .row-content,
  .vivid360-row.regular-bg-width .row-content,
  .vivid360-row.narrow-bg-width .row-content,
  .vivid360-row.extra-narrow-bg-width .row-content {
    width: 100%;
    max-width: 100%;
  }
}
@media (min-width: 365px) {
  .vivid360-row .row-content.regular-width {
    overflow-wrap: break-word;
  }
}
@media (min-width: 1441px) {
  .vivid360-row:has(> :is(.cropped,
  .cropped-fade)) {
    background-image: none;
  }
  .full-page-width .stretch {
    -o-object-fit: unset;
       object-fit: unset;
  }
  .full-page-width .cropped {
    -o-object-fit: cover;
       object-fit: cover;
    margin-left: calc((100% - 1440px) / 2);
    margin-right: calc((100% - 1440px) / 2);
    width: 1440px;
    max-width: 1440px;
    background-image: var(--desktopImageUrl);
    background-size: cover;
    background-repeat: repeat;
    background-position: var(--focalDesktopX) var(--focalDesktopY);
  }
  .full-page-width .cropped-fade {
    position: relative;
    z-index: 0;
    background-image: none !important;
  }
  .full-page-width .cropped-fade::before {
    background-image: var(--desktopImageUrl);
    content: '';
    -o-object-fit: cover;
       object-fit: cover;
    margin-left: calc((100% - 1440px) / 2);
    margin-right: calc((100% - 1440px) / 2);
    width: 1440px;
    max-width: 1440px;
    -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)), color-stop(#fff), color-stop(#fff), to(rgba(255,255,255,0)));
    -webkit-mask-image: linear-gradient(90deg, rgba(255,255,255,0), #fff, #fff, rgba(255,255,255,0));
    mask-image: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)), color-stop(#fff), color-stop(#fff), to(rgba(255,255,255,0)));
    mask-image: linear-gradient(90deg, rgba(255,255,255,0), #fff, #fff, rgba(255,255,255,0));
    mask-image: linear-gradient(90deg, rgba(255,255,255,0), #fff, #fff, rgba(255,255,255,0));
    background-size: cover;
    background-repeat: repeat;
    background-position: var(--focalDesktopX) var(--focalDesktopY);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
  }
}