/**
 * Accordion styles
 */
.focus-summary {
  overflow: unset !important;
}
.wp-block-vivid360-accordion.content-width {
  width: calc(100% - 48px);
  max-width: var(--contentWidth);
  margin-left: auto;
  margin-right: auto;
}
.wp-block-vivid360-accordion.full-page-width {
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
}
.wp-block-vivid360-accordion + .wp-block-vivid360-accordion {
  border-top-width: 0 !important;
}
.wp-block-vivid360-accordion .summaryCustomColor {
  display: none;
}
.wp-block-vivid360-accordion .vivid360-block-accordion-text > .wp-block-vivid360-row .row-content {
  padding: 0 !important;
}
.wp-block-vivid360-accordion .vivid360-block-accordion-text > .wp-block-vivid360-button-parent.btn-block-container.button-justify-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
}
.wp-block-vivid360-accordion .vivid360-block-accordion-text > .wp-block-vivid360-button-parent.btn-block-container.button-justify-left .vivid360-button-block {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.vivid360-block-accordion {
  position: relative;
  margin: 0;
}
.vivid360-block-accordion-title-section {
  position: relative;
  font-size: 1.125rem;
  padding: calc(var(--dimenGutter) * 0.75) calc(var(--dimenGutter) * 0.75) calc(var(--dimenGutter) * 0.75) calc(var(--dimenGutter) * 0.75);
  outline: none;
  color: var(--colorPrimaryDark);
  cursor: pointer;
  list-style: none;
  z-index: 5;
}
.vivid360-block-accordion-title-section::-webkit-details-marker {
  display: none;
}
.vivid360-block-accordion-title-section:focus {
  outline: none;
  -webkit-box-shadow: 0 2px 18px 0 rgba(51,51,51,0.24), 0 0 0.125rem 0.125rem rgba(0,0,0,0.5);
          box-shadow: 0 2px 18px 0 rgba(51,51,51,0.24), 0 0 0.125rem 0.125rem rgba(0,0,0,0.5);
}
.vivid360-block-accordion-title-section:hover {
  cursor: pointer;
  background-color: rgba(244,244,244,0.5);
  background-blend-mode: multiply;
}
.vivid360-block-accordion-title-section:before {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  -webkit-mask: url("/wp-content/themes/cex-wpvip-mhh-merck-vivid360-theme/images/angle-single-down.svg") center no-repeat;
          mask: url("/wp-content/themes/cex-wpvip-mhh-merck-vivid360-theme/images/angle-single-down.svg") center no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  background-color: var(--colorDarkText);
  width: 1.5rem;
  height: 1.5rem;
  padding: 0 12px;
}
.vivid360-block-accordion-title-section::-webkit-details-marker {
  display: none;
}
.vivid360-block-accordion-title-section small,
.vivid360-block-accordion-title-section .vivid360-block-accordion-title {
  margin: 0;
  font-weight: 400;
  margin-right: 30px;
}
.vivid360-block-accordion-title-section p.vivid360-block-accordion-title,
.vivid360-block-accordion-title-section p.vivid360-block-accordion-desc,
.vivid360-block-accordion-title-section p.vivid360-block-accordion-summary {
  font-size: 18px;
  line-height: 27px;
}
.vivid360-block-accordion-title-section .vivid360-block-accordion-desc {
  margin-top: 8px;
  display: none;
  color: var(--colorDarkText);
}
.vivid360-block-accordion-title-section .vivid360-block-accordion-summary {
  display: block;
  color: var(--colorDarkText);
}
.vivid360-block-accordion-text {
  padding: 0 calc(var(--dimenGutter) * 0.75) calc(var(--dimenGutter) * 0.75) calc(var(--dimenGutter) * 0.75);
  font-size: 1rem;
}
.vivid360-block-accordion-text > *:first-child {
  margin-top: 0;
}
.vivid360-block-accordion-text p,
.vivid360-block-accordion-text .vivid360-block-content-module-wrapper {
  margin-top: 0;
}
.vivid360-block-accordion-text ul {
  margin: -0.5rem 0;
}
.vivid360-block-accordion-text ul ul {
  margin: 0.5rem 0;
}
.vivid360-block-accordion-text .wp-block-vivid360-table {
  margin: 0 auto !important;
}
.vivid360-block-accordion-text .wp-block-vivid360-table .table-title {
  margin-top: 0;
}
.vivid360-block-accordion-details[open] .vivid360-block-accordion-title-section:before,
.vivid360-block-accordion-title-section.open:before {
  -webkit-mask: url("/wp-content/themes/cex-wpvip-mhh-merck-vivid360-theme/images/angle-single-up.svg") center no-repeat;
          mask: url("/wp-content/themes/cex-wpvip-mhh-merck-vivid360-theme/images/angle-single-up.svg") center no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.vivid360-block-accordion-details[open] .vivid360-block-accordion-title-section:hover,
.vivid360-block-accordion-title-section.open:hover {
  background-color: transparent;
}
.vivid360-block-accordion-details[open] .vivid360-block-accordion-title-section:focus,
.vivid360-block-accordion-title-section.open:focus {
  -webkit-box-shadow: 0 0 0.125rem 0.125rem rgba(0,0,0,0.5);
          box-shadow: 0 0 0.125rem 0.125rem rgba(0,0,0,0.5);
}
.vivid360-block-accordion-details[open] .vivid360-block-accordion-title-section .vivid360-block-accordion-desc,
.vivid360-block-accordion-title-section.open .vivid360-block-accordion-desc {
  display: block;
}
.vivid360-block-accordion-details:not([open]) .vivid360-block-accordion-title-section:before {
  -webkit-mask: url("/wp-content/themes/cex-wpvip-mhh-merck-vivid360-theme/images/angle-single-down.svg") center no-repeat;
          mask: url("/wp-content/themes/cex-wpvip-mhh-merck-vivid360-theme/images/angle-single-down.svg") center no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .wp-block-vivid360-accordion.content-width {
    width: calc(100% - 48px);
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .wp-block-vivid360-accordion .vivid360-block-accordion-text > .wp-block-vivid360-row .row-content {
    width: 100%;
    max-width: 100%;
    padding: 0 !important;
  }
  .wp-block-vivid360-accordion .vivid360-block-accordion-text > .wp-block-vivid360-button-parent.btn-block-container.button-justify-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 8px;
  }
  .wp-block-vivid360-accordion .vivid360-block-accordion-text > .wp-block-vivid360-button-parent.btn-block-container.button-justify-left .vivid360-button-block {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .vivid360-block-accordion-title-section .vivid360-block-accordion-title {
    margin-right: 27px;
  }
  .vivid360-block-accordion-title-section p.vivid360-block-accordion-title,
  .vivid360-block-accordion-title-section p.vivid360-block-accordion-desc,
  .vivid360-block-accordion-title-section p.vivid360-block-accordion-summary {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 767px) {
  .wp-block-vivid360-accordion.content-width {
    width: calc(100% - 32px);
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .wp-block-vivid360-accordion .vivid360-block-accordion-text > .wp-block-vivid360-row .row-content {
    padding: 0 !important;
  }
  .wp-block-vivid360-accordion .vivid360-block-accordion-text > .wp-block-vivid360-button-parent.btn-block-container.button-justify-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 8px;
  }
  .wp-block-vivid360-accordion .vivid360-block-accordion-text > .wp-block-vivid360-button-parent.btn-block-container.button-justify-left .vivid360-button-block {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .vivid360-block-accordion-details .vivid360-block-accordion-title-section .vivid360-block-accordion-title {
    width: auto;
  }
  ..vivid360-block-accordion-details:before {
    margin-left: 12px;
    margin-right: 12px;
  }
  .vivid360-block-accordion-details .vivid360-block-accordion-text .vivid360-button-block a.btn {
    padding-right: 0;
  }
}
.has-primary-headline-color {
  color: var(--colorPrimary) !important;
}
.has-primary-dark-headline-color {
  color: var(--colorPrimaryDark) !important;
}
.has-primary-light-headline-color {
  color: var(--colorPrimaryLight) !important;
}
.has-secondary-1-headline-color {
  color: var(--colorSecondary1) !important;
}
.has-secondary-2-headline-color {
  color: var(--colorSecondary2) !important;
}
.has-secondary-3-headline-color {
  color: var(--colorSecondary3) !important;
}
.has-black-headline-color {
  color: var(--colorBlack) !important;
}
.has-dark-gray-headline-color {
  color: var(--colorDarkGray) !important;
}
.has-medium-gray-headline-color {
  color: var(--colorMediumGray) !important;
}
.has-light-gray-headline-color {
  color: var(--colorLightGray) !important;
}
.has-ultralight-gray-headline-color {
  color: var(--colorUltralightGray) !important;
}
.has-white-headline-color {
  color: var(--colorWhite) !important;
}
.has-dark-text-headline-color {
  color: var(--colorDarkText) !important;
}
.has-light-text-headline-color {
  color: var(--colorLightText) !important;
}
.has-success-headline-color {
  color: var(--colorSuccess) !important;
}
.has-error-headline-color {
  color: var(--colorError) !important;
}
.has-alert-headline-color {
  color: var(--colorAlert) !important;
}
.has-neutral-headline-color {
  color: var(--colorNeutral) !important;
}
.has-success-light-bgr-headline-color {
  color: var(--colorSuccessLightBgr) !important;
}
.has-error-light-bgr-headline-color {
  color: var(--colorErrorLightBgr) !important;
}
.has-alert-light-bgr-headline-color {
  color: var(--colorAlertLightBgr) !important;
}
.has-primary-internal-color {
  color: var(--colorPrimary) !important;
}
.has-primary-dark-internal-color {
  color: var(--colorPrimaryDark) !important;
}
.has-primary-light-internal-color {
  color: var(--colorPrimaryLight) !important;
}
.has-secondary-1-internal-color {
  color: var(--colorSecondary1) !important;
}
.has-secondary-2-internal-color {
  color: var(--colorSecondary2) !important;
}
.has-secondary-3-internal-color {
  color: var(--colorSecondary3) !important;
}
.has-black-internal-color {
  color: var(--colorBlack) !important;
}
.has-dark-gray-internal-color {
  color: var(--colorDarkGray) !important;
}
.has-medium-gray-internal-color {
  color: var(--colorMediumGray) !important;
}
.has-light-gray-internal-color {
  color: var(--colorLightGray) !important;
}
.has-ultralight-gray-internal-color {
  color: var(--colorUltralightGray) !important;
}
.has-white-internal-color {
  color: var(--colorWhite) !important;
}
.has-dark-text-internal-color {
  color: var(--colorDarkText) !important;
}
.has-light-text-internal-color {
  color: var(--colorLightText) !important;
}
.has-success-internal-color {
  color: var(--colorSuccess) !important;
}
.has-error-internal-color {
  color: var(--colorError) !important;
}
.has-alert-internal-color {
  color: var(--colorAlert) !important;
}
.has-neutral-internal-color {
  color: var(--colorNeutral) !important;
}
.has-success-light-bgr-internal-color {
  color: var(--colorSuccessLightBgr) !important;
}
.has-error-light-bgr-internal-color {
  color: var(--colorErrorLightBgr) !important;
}
.has-alert-light-bgr-internal-color {
  color: var(--colorAlertLightBgr) !important;
}
.has-primary-caret-color:before {
  background-color: var(--colorPrimary) !important;
}
.has-primary-dark-caret-color:before {
  background-color: var(--colorPrimaryDark) !important;
}
.has-primary-light-caret-color:before {
  background-color: var(--colorPrimaryLight) !important;
}
.has-secondary-1-caret-color:before {
  background-color: var(--colorSecondary1) !important;
}
.has-secondary-2-caret-color:before {
  background-color: var(--colorSecondary2) !important;
}
.has-secondary-3-caret-color:before {
  background-color: var(--colorSecondary3) !important;
}
.has-black-caret-color:before {
  background-color: var(--colorBlack) !important;
}
.has-dark-gray-caret-color:before {
  background-color: var(--colorDarkGray) !important;
}
.has-medium-gray-caret-color:before {
  background-color: var(--colorMediumGray) !important;
}
.has-light-gray-caret-color:before {
  background-color: var(--colorLightGray) !important;
}
.has-ultralight-gray-caret-color:before {
  background-color: var(--colorUltralightGray) !important;
}
.has-white-caret-color:before {
  background-color: var(--colorWhite) !important;
}
.has-dark-text-caret-color:before {
  background-color: var(--colorDarkText) !important;
}
.has-light-text-caret-color:before {
  background-color: var(--colorLightText) !important;
}
.has-success-caret-color:before {
  background-color: var(--colorSuccess) !important;
}
.has-error-caret-color:before {
  background-color: var(--colorError) !important;
}
.has-alert-caret-color:before {
  background-color: var(--colorAlert) !important;
}
.has-neutral-caret-color:before {
  background-color: var(--colorNeutral) !important;
}
.has-success-light-bgr-caret-color:before {
  background-color: var(--colorSuccessLightBgr) !important;
}
.has-error-light-bgr-caret-color:before {
  background-color: var(--colorErrorLightBgr) !important;
}
.has-alert-light-bgr-caret-color:before {
  background-color: var(--colorAlertLightBgr) !important;
}
.default-sum-open-background-color {
  background-color: transparent !important;
}
.default-sum-close-background-color {
  background-color: transparent !important;
}
.default-description-background-color {
  background-color: transparent !important;
}
.default-sum-open-focus-color {
  background-color: transparent !important;
}
.default-sum-close-hover-color {
  background-color: transparent !important;
}
.default-description-hover-background-color {
  background-color: transparent !important;
}
.default-description-hover-background-color {
  background-color: transparent !important;
}