/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/main/resources/static/sass/installation.src.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************/
/**
 * Do not edit directly, this file was auto-generated.
 */
.ml-container {
  padding-inline: 1rem;
  width: 100%;
  box-sizing: border-box;
  margin-inline: auto;
}
@media (width >= 680px) {
  .ml-container {
    padding-inline: 1.5rem;
  }
}
@media (width >= 1024px) {
  .ml-container {
    padding-inline: initial;
    max-width: 944px;
  }
}
@media (width >= 1280px) {
  .ml-container {
    max-width: 1200px;
  }
}
@media (width >= 1920px) {
  .ml-container {
    max-width: 1480px;
  }
}
.ml-container--fluid {
  max-width: none;
}
@media (width >= 1024px) {
  .ml-container--fluid {
    padding-inline: 2.5rem;
  }
}

.mozaic-v2 {
  /**
   * Do not edit directly, this file was auto-generated.
   */
}
.mozaic-v2 .mc-accordion {
  border-radius: 0.5rem;
  background-color: #ffffff;
  color: #000000;
  border: 1px solid #cccccc;
  box-sizing: border-box;
  overflow: hidden;
}
@supports (interpolate-size: allow-keywords) {
  .mozaic-v2 .mc-accordion {
    interpolate-size: allow-keywords;
  }
}
.mozaic-v2 .mc-accordion__item {
  border-bottom: 1px solid #cccccc;
}
@media (prefers-reduced-motion: no-preference) {
  .mozaic-v2 .mc-accordion__item {
    transition: border-color 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
  }
}
@media (prefers-reduced-motion: reduce) {
  .mozaic-v2 .mc-accordion__item {
    transition: none;
  }
}
.mozaic-v2 .mc-accordion__item:last-child {
  border-bottom: none;
}
@supports (interpolate-size: allow-keywords) {
  .mozaic-v2 .mc-accordion__item:is(details)::details-content {
    overflow: hidden;
    height: 0;
  }
  @media (prefers-reduced-motion: no-preference) {
    .mozaic-v2 .mc-accordion__item:is(details)::details-content {
      /* stylelint-disable-next-line no-invalid-position-declaration */
      transition: height 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67), padding 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67), content-visibility 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
      /* stylelint-disable-next-line no-invalid-position-declaration */
      transition-behavior: allow-discrete;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .mozaic-v2 .mc-accordion__item:is(details)::details-content {
      /* stylelint-disable-next-line no-invalid-position-declaration */
      transition: none;
    }
  }
  .mozaic-v2 .mc-accordion__item:is(details)[open]::details-content {
    height: auto;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .mozaic-v2 .mc-accordion__item:is(details)[open] .mc-accordion__header::after {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: transform 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
  }
}
@media (prefers-reduced-motion: reduce) {
  .mozaic-v2 .mc-accordion__item:is(details)[open] .mc-accordion__header::after {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: none;
  }
}
.mozaic-v2 .mc-accordion__item:is(details)[open] .mc-accordion__header::after {
  transform: translateY(-50%) rotateX(180deg);
}
.mozaic-v2 .mc-accordion__item:is(details) .mc-accordion__header {
  list-style: none;
  cursor: pointer;
}
.mozaic-v2 .mc-accordion__item:is(details) .mc-accordion__header::-webkit-details-marker {
  display: none;
}
.mozaic-v2 .mc-accordion__item:is(details) .mc-accordion__header::marker {
  display: none;
}
.mozaic-v2 .mc-accordion__header {
  position: relative;
  background-color: #ffffff;
}
.mozaic-v2 .mc-accordion__header:is(summary) {
  display: block;
}
@media (prefers-reduced-motion: no-preference) {
  .mozaic-v2 .mc-accordion__header:is(summary)::after {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: transform 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
  }
}
@media (prefers-reduced-motion: reduce) {
  .mozaic-v2 .mc-accordion__header:is(summary)::after {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: none;
  }
}
.mozaic-v2 .mc-accordion__header:is(summary)::after {
  transform: translateY(-50%) rotateX(0deg);
  mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 aria-hidden=%27true%27 height=%271rem%27 width=%271rem%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z%27/%3E%3C/svg%3E") no-repeat center/contain;
  content: "";
  position: absolute;
  right: 0.75rem;
  top: 50%;
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  background-color: #000000;
  z-index: 1;
}
.mozaic-v2 .mc-accordion__header:is(summary):hover .mc-accordion__trigger::before {
  background-color: rgba(0, 0, 0, 0.05);
}
.mozaic-v2 .mc-accordion__header:is(summary):hover::after {
  mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 aria-hidden=%27true%27 height=%271rem%27 width=%271rem%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z%27/%3E%3C/svg%3E") no-repeat center/contain;
}
.mozaic-v2 .mc-accordion__header:is(summary):active .mc-accordion__trigger::before {
  background-color: rgba(0, 0, 0, 0.05);
}
.mozaic-v2 .mc-accordion__header:is(summary):active::after {
  mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 aria-hidden=%27true%27 height=%271rem%27 width=%271rem%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z%27/%3E%3C/svg%3E") no-repeat center/contain;
}
.mozaic-v2 .mc-accordion__header:is(summary):focus-visible {
  outline: none;
}
.mozaic-v2 .mc-accordion__header:is(summary):focus-visible .mc-accordion__trigger::before {
  box-shadow: 0 0 0 0.125rem var(--focus-color-mid, #ffffff), 0 0 0 0.25rem var(--focus-color-outer, #000000);
  outline: 0.125rem solid transparent;
  outline-offset: 0.125rem;
}
.mozaic-v2 .mc-accordion__title {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  display: block;
  margin-block: 0;
  padding: 0;
  font-family: inherit;
  position: relative;
  z-index: 1;
}
.mozaic-v2 .mc-accordion__title-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}
.mozaic-v2 .mc-accordion__title-wrapper > * {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mozaic-v2 .mc-accordion__subtitle {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-block: 0;
  padding: 0;
  color: #666666;
  position: relative;
  z-index: 1;
}
@media (prefers-reduced-motion: no-preference) {
  .mozaic-v2 .mc-accordion__trigger {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: background-color 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67), box-shadow 200ms ease;
  }
}
@media (prefers-reduced-motion: reduce) {
  .mozaic-v2 .mc-accordion__trigger {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: none;
  }
}
.mozaic-v2 .mc-accordion__trigger:focus-visible {
  outline: none;
}
.mozaic-v2 .mc-accordion__trigger:focus-visible::before {
  box-shadow: inset 0 0 0 0.125rem var(--focus-color-mid, #000000), inset 0 0 0 0.25rem var(--focus-color-outer, #ffffff);
  outline: 0.125rem solid transparent;
  outline-offset: 0.125rem;
}
.mozaic-v2 .mc-accordion__trigger:disabled, .mozaic-v2 .mc-accordion__trigger[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}
.mozaic-v2 .mc-accordion__trigger {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 0.75rem;
  margin-block: 0;
  background-color: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  position: relative;
  text-align: left;
  text-decoration: none;
  text-transform: none;
  vertical-align: baseline;
  appearance: none;
}
@media (prefers-reduced-motion: no-preference) {
  .mozaic-v2 .mc-accordion__trigger::before {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: background-color 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67), box-shadow 200ms ease;
  }
}
@media (prefers-reduced-motion: reduce) {
  .mozaic-v2 .mc-accordion__trigger::before {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: none;
  }
}
.mozaic-v2 .mc-accordion__trigger::before {
  content: "";
  position: absolute;
  inset: 0.25rem;
  background-color: transparent;
  pointer-events: none;
  z-index: -1;
  outline: 0 solid transparent;
  outline-offset: -0.125rem;
  border-radius: 0.25rem;
}
.mozaic-v2 .mc-accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger) {
  padding-right: 2.25rem;
}
@media (prefers-reduced-motion: no-preference) {
  .mozaic-v2 .mc-accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger)::after {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: transform 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
  }
}
@media (prefers-reduced-motion: reduce) {
  .mozaic-v2 .mc-accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger)::after {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: none;
  }
}
.mozaic-v2 .mc-accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger)::after {
  transform: translateY(-50%) rotateX(0deg);
  mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 aria-hidden=%27true%27 height=%271rem%27 width=%271rem%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z%27/%3E%3C/svg%3E") no-repeat center/contain;
  content: "";
  position: absolute;
  right: 1rem;
  top: 50%;
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  background-color: #000000;
  z-index: 1;
}
@media (prefers-reduced-motion: no-preference) {
  .mozaic-v2 .mc-accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger)[aria-expanded=true]::after {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: transform 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
  }
}
@media (prefers-reduced-motion: reduce) {
  .mozaic-v2 .mc-accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger)[aria-expanded=true]::after {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: none;
  }
}
.mozaic-v2 .mc-accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger)[aria-expanded=true]::after {
  transform: translateY(-50%) rotateX(180deg);
}
.mozaic-v2 .mc-accordion__header:is(summary) .mc-accordion__trigger {
  padding-right: 2.25rem;
}
.mozaic-v2 .mc-accordion__trigger:is(button) {
  width: 100%;
}
.mozaic-v2 .mc-accordion__trigger:hover::before {
  background-color: rgba(0, 0, 0, 0.05);
}
.mozaic-v2 .mc-accordion__trigger:hover::after {
  mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 aria-hidden=%27true%27 height=%271rem%27 width=%271rem%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z%27/%3E%3C/svg%3E") no-repeat center/contain;
}
.mozaic-v2 .mc-accordion__trigger:active::before {
  background-color: rgba(0, 0, 0, 0.05);
}
.mozaic-v2 .mc-accordion__trigger:active::after {
  mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 aria-hidden=%27true%27 height=%271rem%27 width=%271rem%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z%27/%3E%3C/svg%3E") no-repeat center/contain;
}
.mozaic-v2 .mc-accordion__icon {
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  fill: currentcolor;
}
.mozaic-v2 .mc-accordion__content {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  background-color: #ffffff;
  overflow: hidden;
  padding: 0 0.75rem;
  max-height: 0;
}
.mozaic-v2 .mc-accordion__content > :first-child {
  margin-top: 0;
}
.mozaic-v2 .mc-accordion__content > :last-child {
  margin-bottom: 0;
}
@media (prefers-reduced-motion: no-preference) {
  .mozaic-v2 .mc-accordion__content {
    transition: max-height 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67), padding 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
  }
}
@media (prefers-reduced-motion: reduce) {
  .mozaic-v2 .mc-accordion__content {
    transition: none;
  }
}
.mozaic-v2 .mc-accordion__content--open {
  max-height: 9999vh;
  padding-top: 0.125rem;
  padding-bottom: 1rem;
}
.mozaic-v2 .mc-accordion__item[open] .mc-accordion__content {
  max-height: 9999vh;
  padding-top: 0.125rem;
  padding-bottom: 1rem;
}
@supports (interpolate-size: allow-keywords) {
  @media (prefers-reduced-motion: no-preference) {
    .mozaic-v2 .mc-accordion__content {
      /* stylelint-disable-next-line no-invalid-position-declaration */
      transition: height 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67), padding 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67), content-visibility 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
      /* stylelint-disable-next-line no-invalid-position-declaration */
      transition-behavior: allow-discrete;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .mozaic-v2 .mc-accordion__content {
      /* stylelint-disable-next-line no-invalid-position-declaration */
      transition: none;
    }
  }
  .mozaic-v2 .mc-accordion__content {
    height: 0;
    max-height: none;
    padding-top: 0;
    padding-bottom: 0;
  }
  .mozaic-v2 .mc-accordion__content--open {
    height: auto;
    padding-top: 0.125rem;
    padding-bottom: 1rem;
  }
  .mozaic-v2 .mc-accordion__item[open] .mc-accordion__content {
    height: auto;
    padding-top: 0.125rem;
    padding-bottom: 1rem;
  }
}
.mozaic-v2 .mc-accordion--ghost {
  background-color: transparent;
  border: none;
}
.mozaic-v2 .mc-accordion--ghost .mc-accordion__header,
.mozaic-v2 .mc-accordion--ghost .mc-accordion__content {
  background-color: rgba(255, 255, 255, 0.01);
}
.mozaic-v2 .mc-accordion--ghost .mc-accordion__trigger:hover::before, .mozaic-v2 .mc-accordion--ghost .mc-accordion__trigger:active::before {
  background-color: rgba(0, 0, 0, 0.05);
}
.mozaic-v2 {
  /**
   * Do not edit directly, this file was auto-generated.
   */
}
.mozaic-v2 .mc-button {
  color: #ffffff;
  background-color: #464e63;
}
.mozaic-v2 .mc-button:hover {
  background-color: #343b4c;
  color: #ffffff;
}
.mozaic-v2 .mc-button:active {
  background-color: #242938;
}
.mozaic-v2 .mc-button:disabled {
  background-color: #d9d9d9;
  border-color: transparent;
  color: #737373;
  cursor: not-allowed;
}
.mozaic-v2 .mc-button {
  font-weight: 600;
  padding: 0 calc(1rem - 0.125rem);
  min-height: 3rem;
  min-width: 3rem;
  border-radius: 0.25rem;
}
.mozaic-v2 .mc-button .mc-button__label {
  font-size: 1rem;
}
.mozaic-v2 .mc-button {
  display: inline-flex;
  justify-content: center;
  vertical-align: middle;
  text-align: center;
  border: 2px solid transparent;
  transition: all ease 200ms;
  transition: box-shadow 200ms ease;
  align-items: center;
  box-sizing: border-box;
  font-family: inherit;
  fill: currentcolor;
  gap: 0.25rem;
  cursor: pointer;
}
.mozaic-v2 .mc-button__label {
  font-size: 1rem;
}
.mozaic-v2 .mc-button__icon {
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
}
.mozaic-v2 .mc-button:disabled {
  background-color: #d9d9d9;
  border-color: transparent;
  color: #737373;
  cursor: not-allowed;
}
.mozaic-v2 .mc-button:focus {
  box-shadow: none;
  outline: none;
}
.mozaic-v2 .mc-button:focus-visible {
  box-shadow: 0 0 0 0.125rem var(--focus-color-mid, #ffffff), 0 0 0 0.25rem var(--focus-color-outer, #000000);
  outline: 0.125rem solid transparent;
  outline-offset: 0.125rem;
}
.mozaic-v2 .mc-button--s {
  padding: 0 calc(0.75rem - 0.125rem);
  min-height: 2rem;
  min-width: 2rem;
  border-radius: 0.25rem;
}
.mozaic-v2 .mc-button--s .mc-button__label {
  font-size: 0.875rem;
}
.mozaic-v2 .mc-button--s .mc-button__icon {
  width: 1.25rem;
  height: 1.25rem;
}
.mozaic-v2 .mc-button--s .mc-button__icon:only-child {
  width: 1.25rem;
  height: 1.25rem;
}
.mozaic-v2 .mc-button--m {
  padding: 0 calc(1rem - 0.125rem);
  min-height: 3rem;
  min-width: 3rem;
  border-radius: 0.25rem;
}
.mozaic-v2 .mc-button--m .mc-button__label {
  font-size: 1rem;
}
.mozaic-v2 .mc-button--m .mc-button__icon {
  width: 1.5rem;
  height: 1.5rem;
}
.mozaic-v2 .mc-button--m .mc-button__icon:only-child {
  width: 1.5rem;
  height: 1.5rem;
}
.mozaic-v2 .mc-button--l {
  padding: 0 calc(1.25rem - 0.125rem);
  min-height: 4rem;
  min-width: 4rem;
  border-radius: 0.25rem;
}
.mozaic-v2 .mc-button--l .mc-button__label {
  font-size: 1.125rem;
}
.mozaic-v2 .mc-button--l .mc-button__icon {
  width: 2rem;
  height: 2rem;
}
.mozaic-v2 .mc-button--l .mc-button__icon:only-child {
  width: 2rem;
  height: 2rem;
}
.mozaic-v2 .mc-button--icon-only {
  padding: 0.25rem;
}
.mozaic-v2 .mc-button--outlined {
  color: #242938;
  border-color: #8891aa;
  background-color: #ffffff;
}
.mozaic-v2 .mc-button--outlined:hover {
  background-color: #eff1f6;
  color: #242938;
}
.mozaic-v2 .mc-button--outlined:active {
  background-color: #c9d0de;
}
.mozaic-v2 .mc-button--outlined:disabled {
  background-color: #d9d9d9;
  border-color: transparent;
  color: #737373;
  cursor: not-allowed;
}
.mozaic-v2 .mc-button--ghost {
  color: #242938;
  background-color: rgba(255, 255, 255, 0.01);
}
.mozaic-v2 .mc-button--ghost:hover {
  background-color: rgba(70, 78, 99, 0.1);
  color: #242938;
}
.mozaic-v2 .mc-button--ghost:active {
  background-color: rgba(70, 78, 99, 0.2);
}
.mozaic-v2 .mc-button--ghost:disabled {
  background-color: #d9d9d9;
  border-color: transparent;
  color: #737373;
  cursor: not-allowed;
}
.mozaic-v2 .mc-button--accent {
  color: #ffffff;
  background-color: #117f03;
}
.mozaic-v2 .mc-button--accent:hover {
  background-color: #006902;
  color: #ffffff;
}
.mozaic-v2 .mc-button--accent:active {
  background-color: #035010;
}
.mozaic-v2 .mc-button--accent:disabled {
  background-color: #d9d9d9;
  border-color: transparent;
  color: #737373;
  cursor: not-allowed;
}
.mozaic-v2 .mc-button--danger {
  color: #ffffff;
  background-color: #c61112;
}
.mozaic-v2 .mc-button--danger:hover {
  background-color: #8c0003;
  color: #ffffff;
}
.mozaic-v2 .mc-button--danger:active {
  background-color: #530000;
}
.mozaic-v2 .mc-button--danger:disabled {
  background-color: #d9d9d9;
  border-color: transparent;
  color: #737373;
  cursor: not-allowed;
}
.mozaic-v2 .mc-button--inverse {
  --focus-color-mid: #000000;
  --focus-color-outer: #ffffff;
  color: #242938;
  background-color: #ffffff;
}
.mozaic-v2 .mc-button--inverse:hover {
  background-color: #e6e6e6;
  color: #242938;
}
.mozaic-v2 .mc-button--inverse:active {
  background-color: #cccccc;
}
.mozaic-v2 .mc-button--inverse:disabled {
  background-color: #d9d9d9;
  border-color: transparent;
  color: #737373;
  cursor: not-allowed;
}
.mozaic-v2 .mc-button--icon-button {
  border-radius: 100%;
  padding: 0;
}
.mozaic-v2 .mc-button--loading {
  pointer-events: none;
}
.mozaic-v2 .mc-button--loading .mc-button__loader {
  position: absolute;
  color: currentcolor;
}
.mozaic-v2 .mc-button--loading .mc-button__label,
.mozaic-v2 .mc-button--loading .mc-button__icon {
  visibility: hidden;
}
.mozaic-v2 .mc-button--outlined.mc-button--standard {
  color: #242938;
  border-color: #8891aa;
  background-color: #ffffff;
}
.mozaic-v2 .mc-button--outlined.mc-button--standard:hover {
  background-color: #eff1f6;
  color: #242938;
}
.mozaic-v2 .mc-button--outlined.mc-button--standard:active {
  background-color: #c9d0de;
}
.mozaic-v2 .mc-button--outlined.mc-button--standard:disabled {
  background-color: #d9d9d9;
  border-color: transparent;
  color: #737373;
  cursor: not-allowed;
}
.mozaic-v2 .mc-button--outlined.mc-button--accent {
  color: #117f03;
  border-color: #78be20;
  background-color: #ffffff;
}
.mozaic-v2 .mc-button--outlined.mc-button--accent:hover {
  background-color: #ebf5de;
  color: #117f03;
}
.mozaic-v2 .mc-button--outlined.mc-button--accent:active {
  background-color: #c5e39e;
}
.mozaic-v2 .mc-button--outlined.mc-button--accent:disabled {
  background-color: #d9d9d9;
  border-color: transparent;
  color: #737373;
  cursor: not-allowed;
}
.mozaic-v2 .mc-button--outlined.mc-button--danger {
  color: #c61112;
  border-color: #ef5f5c;
  background-color: #ffffff;
}
.mozaic-v2 .mc-button--outlined.mc-button--danger:hover {
  background-color: #fdeaea;
  color: #c61112;
}
.mozaic-v2 .mc-button--outlined.mc-button--danger:active {
  background-color: #f8bcbb;
}
.mozaic-v2 .mc-button--outlined.mc-button--danger:disabled {
  background-color: #d9d9d9;
  border-color: transparent;
  color: #737373;
  cursor: not-allowed;
}
.mozaic-v2 .mc-button--outlined.mc-button--inverse {
  color: #ffffff;
  border-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.01);
}
.mozaic-v2 .mc-button--outlined.mc-button--inverse:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}
.mozaic-v2 .mc-button--outlined.mc-button--inverse:active {
  background-color: rgba(255, 255, 255, 0.2);
}
.mozaic-v2 .mc-button--outlined.mc-button--inverse:disabled {
  background-color: #d9d9d9;
  border-color: transparent;
  color: #737373;
  cursor: not-allowed;
}
.mozaic-v2 .mc-button--ghost.mc-button--standard {
  color: #242938;
  background-color: rgba(255, 255, 255, 0.01);
}
.mozaic-v2 .mc-button--ghost.mc-button--standard:hover {
  background-color: rgba(70, 78, 99, 0.1);
  color: #242938;
}
.mozaic-v2 .mc-button--ghost.mc-button--standard:active {
  background-color: rgba(70, 78, 99, 0.2);
}
.mozaic-v2 .mc-button--ghost.mc-button--standard:disabled {
  background-color: #d9d9d9;
  border-color: transparent;
  color: #737373;
  cursor: not-allowed;
}
.mozaic-v2 .mc-button--ghost.mc-button--accent {
  color: #117f03;
  background-color: rgba(255, 255, 255, 0.01);
}
.mozaic-v2 .mc-button--ghost.mc-button--accent:hover {
  background-color: rgba(17, 127, 3, 0.1);
  color: #117f03;
}
.mozaic-v2 .mc-button--ghost.mc-button--accent:active {
  background-color: rgba(17, 127, 3, 0.2);
}
.mozaic-v2 .mc-button--ghost.mc-button--accent:disabled {
  background-color: #d9d9d9;
  border-color: transparent;
  color: #737373;
  cursor: not-allowed;
}
.mozaic-v2 .mc-button--ghost.mc-button--danger {
  color: #c61112;
  background-color: rgba(255, 255, 255, 0.01);
}
.mozaic-v2 .mc-button--ghost.mc-button--danger:hover {
  background-color: rgba(198, 17, 18, 0.1);
  color: #c61112;
}
.mozaic-v2 .mc-button--ghost.mc-button--danger:active {
  background-color: rgba(198, 17, 18, 0.2);
}
.mozaic-v2 .mc-button--ghost.mc-button--danger:disabled {
  background-color: #d9d9d9;
  border-color: transparent;
  color: #737373;
  cursor: not-allowed;
}
.mozaic-v2 .mc-button--ghost.mc-button--inverse {
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.01);
}
.mozaic-v2 .mc-button--ghost.mc-button--inverse:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}
.mozaic-v2 .mc-button--ghost.mc-button--inverse:active {
  background-color: rgba(255, 255, 255, 0.2);
}
.mozaic-v2 .mc-button--ghost.mc-button--inverse:disabled {
  background-color: #d9d9d9;
  border-color: transparent;
  color: #737373;
  cursor: not-allowed;
}
.mozaic-v2 {
  /**
   * Do not edit directly, this file was auto-generated.
   */
}
.mozaic-v2 .mt-title {
  font-weight: 600;
}
.mozaic-v2 .mt-title--l {
  font-size: 1.75rem;
  line-height: 2.275rem;
}
.mozaic-v2 .mt-title--m {
  font-size: 1.5rem;
  line-height: 1.95rem;
}
.mozaic-v2 .mt-title--s {
  font-size: 1.125rem;
  line-height: 1.4625rem;
}
.mozaic-v2 .mc-carousel {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
.mozaic-v2 .mc-carousel__header {
  display: flex;
  align-items: flex-start;
}
.mozaic-v2 .mc-carousel__headings {
  display: flex;
  flex-direction: column;
  row-gap: 0.25rem;
  flex: 1;
  align-items: flex-start;
  color: #000000;
}
.mozaic-v2 .mc-carousel__controls {
  display: flex;
  column-gap: 0.5rem;
  margin: 0.25rem 0.25rem 0 0;
}
.mozaic-v2 .mc-carousel__content {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
}
.mozaic-v2 .mc-carousel__content > * {
  scroll-snap-align: start;
}
.mozaic-v2 {
  /**
   * Do not edit directly, this file was auto-generated.
   */
}
.mozaic-v2 .mc-drawer {
  box-sizing: border-box;
  inset: 0;
  outline: 0;
  pointer-events: none;
  position: fixed;
  display: flex;
  overflow: hidden;
  padding: 0.5rem;
  justify-content: flex-end;
  z-index: var(--drawer-z-index, 5);
}
@media (width >= 680px) {
  .mozaic-v2 .mc-drawer {
    padding: 1rem;
  }
}
.mozaic-v2 .mc-drawer--left {
  justify-content: flex-start;
}
.mozaic-v2 .mc-drawer--left .mc-drawer__dialog {
  transform: translate3d(-100%, 0, 0);
}
@media (width >= 680px) {
  .mozaic-v2 .mc-drawer--extend .mc-drawer__dialog {
    max-width: 39rem;
  }
}
.mozaic-v2 .mc-drawer__dialog {
  background: #ffffff;
  display: flex;
  flex-direction: column;
  height: 100%;
  max-width: 100%;
  transform: translate3d(100%, 0, 0);
  transition: visibility 0s linear 0.4s, transform 0.4s;
  visibility: hidden;
  width: 100%;
  z-index: var(--drawer-z-index, 5);
  border-radius: 1rem;
}
@media (width >= 680px) {
  .mozaic-v2 .mc-drawer__dialog {
    max-width: 25rem;
  }
}
.mozaic-v2 .mc-drawer__header {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 4rem;
}
.mozaic-v2 .mc-drawer__icon {
  height: 1.5rem;
  margin-right: 0.75rem;
  width: 1.5rem;
}
.mozaic-v2 .mc-drawer__title {
  font-size: 0.875rem;
  font-weight: 600;
  color: #666666;
  margin-bottom: 0;
  margin-top: 0;
  text-align: center;
  flex-grow: 1;
}
.mozaic-v2 .mc-drawer__title:first-child {
  padding-left: 4rem;
}
.mozaic-v2 .mc-drawer__back, .mozaic-v2 .mc-drawer__close {
  margin: 0.5rem;
}
.mozaic-v2 .mc-drawer__body {
  flex: 1 1;
  overflow: hidden;
}
.mozaic-v2 .mc-drawer__body:last-child {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
}
.mozaic-v2 .mc-drawer__content {
  max-height: 100%;
  overflow: hidden auto;
  padding: 0.5rem 1rem 0;
  color: #000000;
}
@media (width >= 680px) {
  .mozaic-v2 .mc-drawer__content {
    padding: 0.5rem 1.5rem 0;
  }
}
.mozaic-v2 .mc-drawer__content__title {
  font-size: 1.5rem;
  margin: 0 0 0.5rem;
}
.mozaic-v2 .mc-drawer__footer {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem 1.5rem;
  border-top: 0.0625rem solid #cccccc;
}
@media (width >= 680px) {
  .mozaic-v2 .mc-drawer__footer {
    justify-content: center;
    flex-direction: row;
  }
}
.mozaic-v2 .mc-drawer-open {
  overflow: hidden;
}
.mozaic-v2 .mc-drawer.is-open .mc-drawer__dialog {
  pointer-events: all;
  transform: translate3d(0, 0, 0);
  transition: visibility 0s linear 0s, transform 0.4s;
  visibility: visible;
}
.mozaic-v2 {
  /**
   * Do not edit directly, this file was auto-generated.
   */
}
.mozaic-v2 .mc-flag {
  padding: 0 0.5rem;
  border-radius: 0.125rem;
  white-space: nowrap;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  height: 1.5rem;
  display: inline-flex;
  align-items: center;
  color: #ffffff;
  background-color: #191919;
}
.mozaic-v2 .mc-flag--accent {
  color: #ffffff;
  background-color: #117f03;
}
.mozaic-v2 .mc-flag--danger {
  color: #ffffff;
  background-color: #c61112;
}
.mozaic-v2 .mc-flag--inverse {
  color: #000000;
  background-color: #ffffff;
}
.mozaic-v2 {
  /**
   * Do not edit directly, this file was auto-generated.
   */
}
.mozaic-v2 .mc-link {
  transition: box-shadow 200ms ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  min-height: 1.5rem;
  text-decoration: none;
  color: #000000;
  font-size: 0.875rem;
}
.mozaic-v2 .mc-link__label {
  line-height: 1.3;
}
.mozaic-v2 .mc-link__icon {
  display: block;
  height: 1.25rem;
  width: 1.25rem;
  flex-shrink: 0;
  fill: currentcolor;
}
.mozaic-v2 .mc-link:hover:not(.mc-link--stand-alone, .mc-link--inline) .mc-link__label {
  text-decoration: underline;
}
.mozaic-v2 .mc-link:focus {
  box-shadow: none;
  outline: none;
}
.mozaic-v2 .mc-link:focus-visible {
  box-shadow: 0 0 0 0.125rem var(--focus-color-mid, #ffffff), 0 0 0 0.25rem var(--focus-color-outer, #000000);
  outline: 0.125rem solid transparent;
  outline-offset: 0.125rem;
}
.mozaic-v2 .mc-link--m {
  min-height: 2rem;
  font-size: 1rem;
}
.mozaic-v2 .mc-link--secondary {
  color: #666666;
}
.mozaic-v2 .mc-link--accent {
  color: #117f03;
}
.mozaic-v2 .mc-link--inverse {
  --focus-color-mid: #000000;
  --focus-color-outer: #ffffff;
  color: #ffffff;
}
.mozaic-v2 .mc-link--stand-alone {
  min-height: 2rem;
  font-weight: 600;
}
.mozaic-v2 .mc-link--stand-alone .mc-link__label {
  border-bottom: 0.0625rem solid currentcolor;
}
.mozaic-v2 .mc-link--stand-alone:hover .mc-link__label {
  border-color: transparent;
}
.mozaic-v2 .mc-link--inline {
  font-weight: inherit;
  text-decoration: underline;
}
.mozaic-v2 .mc-link--inline .mc-link__label {
  line-height: 1;
}
.mozaic-v2 .mc-link--inline:hover {
  text-decoration: none;
}
.mozaic-v2 {
  /**
   * Do not edit directly, this file was auto-generated.
   */
}
.mozaic-v2 .mc-modal {
  box-sizing: border-box;
  inset: 0;
  outline: 0;
  pointer-events: none;
  position: fixed;
  z-index: var(--modal-z-index, 5);
  display: flex;
  justify-content: center;
  align-items: flex-end;
  overflow: hidden auto;
}
@media (width >= 680px) {
  .mozaic-v2 .mc-modal {
    align-items: center;
  }
}
.mozaic-v2 .mc-modal__dialog {
  background: #ffffff;
  display: flex;
  flex-direction: column;
  opacity: 0;
  position: relative;
  transform: translateY(-25%);
  transition: visibility 0s linear 0.4s, transform 0.4s ease, opacity 0.4s ease;
  visibility: hidden;
  width: 100%;
  border-radius: 1rem 1rem 0 0;
  z-index: var(--modal-z-index, 5);
  box-shadow: 0px 10px 20px -4px rgba(36, 41, 56, 0.2);
}
@media (width >= 680px) {
  .mozaic-v2 .mc-modal__dialog {
    width: 38rem;
    border-radius: 1rem;
  }
}
.mozaic-v2 .mc-modal.is-open .mc-modal__dialog {
  opacity: 1;
  pointer-events: all;
  transform: translateY(0);
  transition: visibility 0s linear 0s, transform 0.4s ease, opacity 0.4s ease;
  visibility: visible;
}
.mozaic-v2 .mc-modal__header {
  align-items: center;
  display: flex;
  gap: 0.5rem;
  min-height: 3rem;
  padding: 1rem;
  position: relative;
}
@media (width >= 680px) {
  .mozaic-v2 .mc-modal__header {
    padding: 1.5rem 1.5rem 1rem 1.5rem;
  }
}
.mozaic-v2 .mc-modal__icon {
  width: 2rem;
  height: 2rem;
  color: #000000;
}
.mozaic-v2 .mc-modal__title {
  font-size: 1.5rem;
  font-weight: 600;
  color: #000000;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
  padding-right: 3rem;
}
.mozaic-v2 .mc-modal__close {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
}
.mozaic-v2 .mc-modal__body {
  font-size: 1rem;
  color: #404040;
  padding: 0 1rem;
  margin-bottom: 1rem;
}
@media (width >= 680px) {
  .mozaic-v2 .mc-modal__body {
    padding: 0 1.5rem;
  }
}
.mozaic-v2 .mc-modal__body p {
  margin: 0;
  line-height: 1.3;
}
.mozaic-v2 .mc-modal__footer {
  align-items: stretch;
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
  gap: 1rem;
  padding: 0.5rem 1rem 1rem 1rem;
}
@media (width >= 680px) {
  .mozaic-v2 .mc-modal__footer {
    flex-direction: row;
    padding: 0.5rem 1.5rem 1.5rem 1.5rem;
  }
}
.mozaic-v2 .mc-modal__link {
  order: 1;
}
@media (width >= 680px) {
  .mozaic-v2 .mc-modal__link {
    margin-right: auto;
    order: 0;
  }
}
.mozaic-v2 .mc-modal-open {
  overflow: hidden;
}
.mozaic-v2 {
  /**
   * Do not edit directly, this file was auto-generated.
   */
}
.mozaic-v2 .mc-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  inset: 0;
  opacity: 0;
  position: fixed;
  pointer-events: none;
  transition: opacity 0.4s ease, visibility 0ms 0.4s;
  z-index: var(--overlay-z-index, 4);
}
.mozaic-v2 .mc-overlay.is-visible {
  opacity: 1;
  pointer-events: all;
  transition: opacity 0.4s ease, visibility 0ms;
  visibility: visible;
}
.mozaic-v2 .mc-overlay-loader {
  background-color: rgba(0, 0, 0, 0.5);
  inset: 0;
  opacity: 0;
  position: fixed;
  pointer-events: none;
  transition: opacity 0.4s ease, visibility 0ms 0.4s;
  z-index: var(--overlay-z-index, 4);
}
.mozaic-v2 .mc-overlay-loader.is-visible {
  opacity: 1;
  pointer-events: all;
  transition: opacity 0.4s ease, visibility 0ms;
  visibility: visible;
}
.mozaic-v2 .mc-overlay-loader {
  align-items: center;
  display: flex;
  justify-content: center;
}
.mozaic-v2 {
  /**
   * Do not edit directly, this file was auto-generated.
   */
}
.mozaic-v2 .mc-status-notification {
  border-radius: 0.5rem;
  background: #e1f3f9;
  box-shadow: inset 0 0 0 0.0625rem #3facd7;
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  position: relative;
  box-sizing: border-box;
  color: #000000;
}
.mozaic-v2 .mc-status-notification__icon {
  width: 2rem;
  height: 2rem;
  margin: 0.75rem;
  fill: #0b96cc;
  color: #0b96cc;
}
.mozaic-v2 .mc-status-notification__content {
  flex: 1 1 0;
  padding: 0.75rem 1rem 0.75rem 0;
}
.mozaic-v2 .mc-status-notification__title, .mozaic-v2 .mc-status-notification__message {
  line-height: 1.3;
  margin-block: 0;
}
.mozaic-v2 .mc-status-notification__title {
  font-weight: 600;
  font-size: 1rem;
  margin-block-end: 0.25rem;
}
.mozaic-v2 .mc-status-notification__message {
  font-size: 0.875rem;
}
.mozaic-v2 .mc-status-notification__footer {
  align-items: flex-start;
  display: flex;
  flex-flow: row wrap;
  gap: 0.5rem;
  margin-top: 0.75rem;
  margin-bottom: 0.5rem;
}
.mozaic-v2 .mc-status-notification--information {
  background: #e1f3f9;
  box-shadow: inset 0 0 0 0.0625rem #3facd7;
}
.mozaic-v2 .mc-status-notification--information .mc-status-notification__icon {
  fill: #0b96cc;
  color: #0b96cc;
}
.mozaic-v2 .mc-status-notification--success {
  background: #ebf5de;
  box-shadow: inset 0 0 0 0.0625rem #78be20;
}
.mozaic-v2 .mc-status-notification--success .mc-status-notification__icon {
  fill: #3f9e10;
  color: #3f9e10;
}
.mozaic-v2 .mc-status-notification--warning {
  background: #fdf1e8;
  box-shadow: inset 0 0 0 0.0625rem #ef934a;
}
.mozaic-v2 .mc-status-notification--warning .mc-status-notification__icon {
  fill: #ea7315;
  color: #ea7315;
}
.mozaic-v2 .mc-status-notification--error {
  background: #fdeaea;
  box-shadow: inset 0 0 0 0.0625rem #ef5f5c;
}
.mozaic-v2 .mc-status-notification--error .mc-status-notification__icon {
  fill: #ea302d;
  color: #ea302d;
}
.mozaic-v2 .mc-status-notification-closable__close {
  margin: 0.25rem;
}
.mozaic-v2 {
  /**
   * Do not edit directly, this file was auto-generated.
   */
}
.mozaic-v2 .mc-star-rating {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.mozaic-v2 .mc-star-rating--standard .mc-star-rating__icon {
  color: #000000;
  fill: currentcolor;
}
.mozaic-v2 .mc-star-rating--accent .mc-star-rating__icon {
  color: #ea7315;
  fill: currentcolor;
}
.mozaic-v2 .mc-star-rating--slider {
  cursor: pointer;
}
.mozaic-v2 .mc-star-rating--link {
  text-decoration: none;
  cursor: pointer;
}
.mozaic-v2 .mc-star-rating--link:not(:hover) .mc-star-rating__info {
  text-decoration: underline;
}
.mozaic-v2 .mc-star-rating--s .mc-star-rating__icon {
  width: 1.25rem;
  height: 1.25rem;
}
.mozaic-v2 .mc-star-rating--s .mc-star-rating__info {
  font-size: 0.875rem;
}
.mozaic-v2 .mc-star-rating--m .mc-star-rating__icon {
  width: 1.5rem;
  height: 1.5rem;
}
.mozaic-v2 .mc-star-rating--m .mc-star-rating__info {
  font-size: 1rem;
}
.mozaic-v2 .mc-star-rating--l .mc-star-rating__icon {
  width: 2rem;
  height: 2rem;
}
.mozaic-v2 .mc-star-rating--l .mc-star-rating__info {
  font-size: 1.125rem;
}
.mozaic-v2 .mc-star-rating__wrapper {
  display: flex;
  align-items: center;
}
.mozaic-v2 .mc-star-rating__info {
  font-weight: 600;
  line-height: 1.3;
  color: #000000;
}
.mozaic-v2 {
  /**
   * Do not edit directly, this file was auto-generated.
   */
}
.mozaic-v2 .mc-tile {
  border-radius: 0.5rem;
  background-color: #ffffff;
}
@media (prefers-reduced-motion: no-preference) {
  .mozaic-v2 .mc-tile {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: background-color 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
  }
}
@media (prefers-reduced-motion: reduce) {
  .mozaic-v2 .mc-tile {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: none;
  }
}
.mozaic-v2 .mc-tile {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  position: relative;
}
.mozaic-v2 .mc-tile--secondary {
  background-color: #eff1f6;
}
@media (prefers-reduced-motion: no-preference) {
  .mozaic-v2 .mc-tile--secondary {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: background-color 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
  }
}
@media (prefers-reduced-motion: reduce) {
  .mozaic-v2 .mc-tile--secondary {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: none;
  }
}
.mozaic-v2 .mc-tile--inverse {
  background-color: #242938;
  color: #ffffff;
}
@media (prefers-reduced-motion: no-preference) {
  .mozaic-v2 .mc-tile--inverse {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: background-color 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
  }
}
@media (prefers-reduced-motion: reduce) {
  .mozaic-v2 .mc-tile--inverse {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: none;
  }
}
.mozaic-v2 .mc-tile--inverse svg,
.mozaic-v2 .mc-tile--inverse .mc-tile__action::after,
.mozaic-v2 .mc-tile--inverse .mc-tile__action-icon {
  color: #ffffff;
  fill: #ffffff;
}
.mozaic-v2 .mc-tile--inverse.mc-tile--navigate .mc-tile__action::after {
  background-color: #ffffff;
  mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 aria-hidden=%27true%27 height=%271.5rem%27 width=%271.5rem%27 viewBox=%270 0 24 24%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M15.2929 6.29289c.3905-.39052 1.0237-.39052 1.4142 0l5 5.00001c.3905.3905.3905 1.0237 0 1.4142l-5 5c-.3905.3905-1.0237.3905-1.4142 0-.3905-.3905-.3905-1.0237 0-1.4142L18.5858 13H3c-.55228 0-1-.4477-1-1s.44772-1 1-1h15.5858l-3.2929-3.29289c-.3905-.39053-.3905-1.02369 0-1.41422Z%27/%3E%3C/svg%3E") no-repeat center/contain;
}
.mozaic-v2 .mc-tile--inverse.mc-tile--open .mc-tile__action::after {
  background-color: #ffffff;
  mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 aria-hidden=%27true%27 height=%271.5rem%27 width=%271.5rem%27 viewBox=%270 0 24 24%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M9.79289 6.29289c.39051-.39052 1.02371-.39052 1.41421 0l5 5.00001c.3905.3905.3905 1.0237 0 1.4142l-5 5c-.3905.3905-1.0237.3905-1.41421 0-.39052-.3905-.39052-1.0237 0-1.4142L14.0858 12 9.79289 7.70711c-.39052-.39053-.39052-1.02369 0-1.41422Z%27/%3E%3C/svg%3E") no-repeat center/contain;
}
.mozaic-v2 .mc-tile--inverse.mc-tile--external-link .mc-tile__action::after {
  background-color: #ffffff;
  mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 aria-hidden=%27true%27 height=%271.5rem%27 width=%271.5rem%27 viewBox=%270 0 24 24%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M13 4c-.5523 0-1 .44772-1 1s.4477 1 1 1h3.5858l-7.29291 7.2929c-.39052.3905-.39052 1.0237 0 1.4142.39053.3905 1.02371.3905 1.41421 0L18 7.41421V11c0 .5523.4477 1 1 1s1-.4477 1-1V5c0-.55228-.4477-1-1-1h-6ZM5 6c-.55228 0-1 .44772-1 1v12c0 .5523.44772 1 1 1h12c.5523 0 1-.4477 1-1v-4.5c0-.5523-.4477-1-1-1s-1 .4477-1 1V18H6V8h3.5c.5523 0 1-.44772 1-1s-.4477-1-1-1H5Z%27/%3E%3C/svg%3E") no-repeat center/contain;
}
.mozaic-v2 .mc-tile__body {
  flex: 1;
}
.mozaic-v2 .mc-tile--bordered {
  box-shadow: 0 0 0 1px #cccccc;
}
.mozaic-v2 .mc-tile--action-right {
  flex-direction: row;
  align-items: stretch;
}
.mozaic-v2 .mc-tile--action-right .mc-tile__body {
  border-radius: 0.5rem 0 0 0.5rem;
}
.mozaic-v2 .mc-tile--action-right .mc-tile__action {
  border-radius: 0 0.5rem 0.5rem 0;
  min-width: 4rem;
  justify-content: center;
}
.mozaic-v2 .mc-tile__action {
  border-radius: 0 0 0.5rem 0.5rem;
  box-sizing: border-box;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0.5rem 0.5rem;
  gap: 0.5rem;
}
.mozaic-v2 .mc-tile__action-icon {
  margin: 0.5rem;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mozaic-v2 .mc-tile--navigate .mc-tile__action::after {
  content: "";
  margin: 0.5rem;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #242938;
  mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 aria-hidden=%27true%27 height=%271.5rem%27 width=%271.5rem%27 viewBox=%270 0 24 24%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M15.2929 6.29289c.3905-.39052 1.0237-.39052 1.4142 0l5 5.00001c.3905.3905.3905 1.0237 0 1.4142l-5 5c-.3905.3905-1.0237.3905-1.4142 0-.3905-.3905-.3905-1.0237 0-1.4142L18.5858 13H3c-.55228 0-1-.4477-1-1s.44772-1 1-1h15.5858l-3.2929-3.29289c-.3905-.39053-.3905-1.02369 0-1.41422Z%27/%3E%3C/svg%3E") no-repeat center/contain;
}
.mozaic-v2 .mc-tile--open .mc-tile__action::after {
  content: "";
  margin: 0.5rem;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #242938;
  mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 aria-hidden=%27true%27 height=%271.5rem%27 width=%271.5rem%27 viewBox=%270 0 24 24%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M9.79289 6.29289c.39051-.39052 1.02371-.39052 1.41421 0l5 5.00001c.3905.3905.3905 1.0237 0 1.4142l-5 5c-.3905.3905-1.0237.3905-1.41421 0-.39052-.3905-.39052-1.0237 0-1.4142L14.0858 12 9.79289 7.70711c-.39052-.39053-.39052-1.02369 0-1.41422Z%27/%3E%3C/svg%3E") no-repeat center/contain;
}
.mozaic-v2 .mc-tile--external-link .mc-tile__action::after {
  content: "";
  margin: 0.5rem;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #242938;
  mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 aria-hidden=%27true%27 height=%271.5rem%27 width=%271.5rem%27 viewBox=%270 0 24 24%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M13 4c-.5523 0-1 .44772-1 1s.4477 1 1 1h3.5858l-7.29291 7.2929c-.39052.3905-.39052 1.0237 0 1.4142.39053.3905 1.02371.3905 1.41421 0L18 7.41421V11c0 .5523.4477 1 1 1s1-.4477 1-1V5c0-.55228-.4477-1-1-1h-6ZM5 6c-.55228 0-1 .44772-1 1v12c0 .5523.44772 1 1 1h12c.5523 0 1-.4477 1-1v-4.5c0-.5523-.4477-1-1-1s-1 .4477-1 1V18H6V8h3.5c.5523 0 1-.44772 1-1s-.4477-1-1-1H5Z%27/%3E%3C/svg%3E") no-repeat center/contain;
}
.mozaic-v2 .mc-tile__item {
  display: flex;
  flex-direction: column;
}
.mozaic-v2 .mc-tile:not(.mc-tile--clickable, .mc-tile--expandable, .mc-tile--selectable) {
  border-radius: 0.5rem;
  background-color: #ffffff;
}
@media (prefers-reduced-motion: no-preference) {
  .mozaic-v2 .mc-tile:not(.mc-tile--clickable, .mc-tile--expandable, .mc-tile--selectable) {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: background-color 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
  }
}
@media (prefers-reduced-motion: reduce) {
  .mozaic-v2 .mc-tile:not(.mc-tile--clickable, .mc-tile--expandable, .mc-tile--selectable) {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: none;
  }
}
.mozaic-v2 .mc-tile:not(.mc-tile--clickable, .mc-tile--expandable, .mc-tile--selectable).mc-tile--secondary {
  background-color: #eff1f6;
}
@media (prefers-reduced-motion: no-preference) {
  .mozaic-v2 .mc-tile:not(.mc-tile--clickable, .mc-tile--expandable, .mc-tile--selectable).mc-tile--secondary {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: background-color 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
  }
}
@media (prefers-reduced-motion: reduce) {
  .mozaic-v2 .mc-tile:not(.mc-tile--clickable, .mc-tile--expandable, .mc-tile--selectable).mc-tile--secondary {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: none;
  }
}
.mozaic-v2 .mc-tile:not(.mc-tile--clickable, .mc-tile--expandable, .mc-tile--selectable).mc-tile--inverse {
  background-color: #242938;
  color: #ffffff;
}
@media (prefers-reduced-motion: no-preference) {
  .mozaic-v2 .mc-tile:not(.mc-tile--clickable, .mc-tile--expandable, .mc-tile--selectable).mc-tile--inverse {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: background-color 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
  }
}
@media (prefers-reduced-motion: reduce) {
  .mozaic-v2 .mc-tile:not(.mc-tile--clickable, .mc-tile--expandable, .mc-tile--selectable).mc-tile--inverse {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: none;
  }
}
.mozaic-v2 .mc-tile:not(.mc-tile--clickable, .mc-tile--expandable, .mc-tile--selectable).mc-tile--inverse svg,
.mozaic-v2 .mc-tile:not(.mc-tile--clickable, .mc-tile--expandable, .mc-tile--selectable).mc-tile--inverse .mc-tile__action::after,
.mozaic-v2 .mc-tile:not(.mc-tile--clickable, .mc-tile--expandable, .mc-tile--selectable).mc-tile--inverse .mc-tile__action-icon {
  color: #ffffff;
  fill: #ffffff;
}
.mozaic-v2 .mc-tile:not(.mc-tile--clickable, .mc-tile--expandable, .mc-tile--selectable).mc-tile--bordered {
  box-shadow: 0 0 0 1px #cccccc;
}
.mozaic-v2 .mc-tile:not(.mc-tile--clickable, .mc-tile--expandable, .mc-tile--selectable):has(.mc-tile__content) {
  display: flex;
  flex-direction: column;
}
.mozaic-v2 .mc-tile:not(.mc-tile--clickable, .mc-tile--expandable, .mc-tile--selectable):has(.mc-tile__content) .mc-tile__content {
  border-top: 1px solid #cccccc;
}
.mozaic-v2 .mc-tile:not(.mc-tile--clickable, .mc-tile--expandable, .mc-tile--selectable):has(.mc-tile__action) {
  pointer-events: auto;
  display: flex;
  flex-direction: column;
}
.mozaic-v2 .mc-tile:not(.mc-tile--clickable, .mc-tile--expandable, .mc-tile--selectable):has(.mc-tile__action) .mc-tile__header {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
}
.mozaic-v2 .mc-tile:not(.mc-tile--clickable, .mc-tile--expandable, .mc-tile--selectable):has(.mc-tile__action) .mc-tile__body {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.mozaic-v2 .mc-tile:not(.mc-tile--clickable, .mc-tile--expandable, .mc-tile--selectable):has(.mc-tile__action) .mc-tile__action {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 0.75rem;
  pointer-events: auto;
  background-color: transparent;
}
.mozaic-v2 .mc-tile:not(.mc-tile--clickable, .mc-tile--expandable, .mc-tile--selectable):has(.mc-tile__action) .mc-tile__action .mc-tile__action-button {
  pointer-events: auto;
}
.mozaic-v2 .mc-tile:not(.mc-tile--clickable, .mc-tile--expandable, .mc-tile--selectable):has(.mc-tile__action) .mc-tile__action .mc-tile__action-button svg {
  color: inherit;
  fill: currentcolor;
}
.mozaic-v2 .mc-tile:not(.mc-tile--clickable, .mc-tile--expandable, .mc-tile--selectable):has(.mc-tile__action).mc-tile--inverse .mc-tile__action .mc-tile__action-button svg {
  color: #ffffff;
  fill: #ffffff;
}
.mozaic-v2 .mc-tile--clickable {
  border-radius: 0.5rem;
  background-color: #ffffff;
}
@media (prefers-reduced-motion: no-preference) {
  .mozaic-v2 .mc-tile--clickable {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: background-color 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
  }
}
@media (prefers-reduced-motion: reduce) {
  .mozaic-v2 .mc-tile--clickable {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: none;
  }
}
.mozaic-v2 .mc-tile--clickable:hover {
  box-shadow: 0 0 0 2px #cccccc;
}
.mozaic-v2 .mc-tile--clickable:active {
  box-shadow: 0 0 0 2px #cccccc;
}
.mozaic-v2 .mc-tile--clickable.mc-tile--bordered:hover {
  box-shadow: 0 0 0 3px #cccccc;
}
.mozaic-v2 .mc-tile--clickable.mc-tile--bordered:active {
  box-shadow: 0 0 0 3px #cccccc;
}
@media (prefers-reduced-motion: no-preference) {
  .mozaic-v2 .mc-tile--clickable {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: background-color 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67), box-shadow 200ms ease;
  }
}
@media (prefers-reduced-motion: reduce) {
  .mozaic-v2 .mc-tile--clickable {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: none;
  }
}
.mozaic-v2 .mc-tile--clickable {
  transition: box-shadow 200ms ease;
  cursor: pointer;
  position: relative;
}
.mozaic-v2 .mc-tile--clickable::before {
  border-radius: 0.25rem;
  content: "";
  position: absolute;
  inset: 0.25rem;
  background-color: transparent;
  pointer-events: none;
  outline: 0 solid transparent;
  outline-offset: -0.125rem;
}
.mozaic-v2 .mc-tile--clickable.mc-tile--secondary {
  background-color: #eff1f6;
}
@media (prefers-reduced-motion: no-preference) {
  .mozaic-v2 .mc-tile--clickable.mc-tile--secondary {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: background-color 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
  }
}
@media (prefers-reduced-motion: reduce) {
  .mozaic-v2 .mc-tile--clickable.mc-tile--secondary {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: none;
  }
}
.mozaic-v2 .mc-tile--clickable.mc-tile--secondary:hover {
  box-shadow: 0 0 0 2px #cccccc;
}
.mozaic-v2 .mc-tile--clickable.mc-tile--secondary:active {
  box-shadow: 0 0 0 2px #cccccc;
}
.mozaic-v2 .mc-tile--clickable.mc-tile--secondary.mc-tile--bordered:hover {
  box-shadow: 0 0 0 3px #cccccc;
}
.mozaic-v2 .mc-tile--clickable.mc-tile--secondary.mc-tile--bordered:active {
  box-shadow: 0 0 0 3px #cccccc;
}
.mozaic-v2 .mc-tile--clickable.mc-tile--inverse {
  background-color: #242938;
  color: #ffffff;
}
@media (prefers-reduced-motion: no-preference) {
  .mozaic-v2 .mc-tile--clickable.mc-tile--inverse {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: background-color 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
  }
}
@media (prefers-reduced-motion: reduce) {
  .mozaic-v2 .mc-tile--clickable.mc-tile--inverse {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: none;
  }
}
.mozaic-v2 .mc-tile--clickable.mc-tile--inverse:hover {
  box-shadow: 0 0 0 2px #cccccc;
}
.mozaic-v2 .mc-tile--clickable.mc-tile--inverse:active {
  box-shadow: 0 0 0 2px #cccccc;
}
.mozaic-v2 .mc-tile--clickable.mc-tile--inverse.mc-tile--bordered:hover {
  box-shadow: 0 0 0 3px #cccccc;
}
.mozaic-v2 .mc-tile--clickable.mc-tile--inverse.mc-tile--bordered:active {
  box-shadow: 0 0 0 3px #cccccc;
}
.mozaic-v2 .mc-tile--clickable.mc-tile--inverse svg,
.mozaic-v2 .mc-tile--clickable.mc-tile--inverse .mc-tile__action::after,
.mozaic-v2 .mc-tile--clickable.mc-tile--inverse .mc-tile__action-icon {
  color: #ffffff;
  fill: #ffffff;
}
.mozaic-v2 .mc-tile--clickable.mc-tile--bordered {
  box-shadow: 0 0 0 1px #cccccc;
}
.mozaic-v2 .mc-tile--clickable:focus-visible {
  box-shadow: 0 0 0 0.125rem var(--focus-color-mid, #ffffff), 0 0 0 0.25rem var(--focus-color-outer, #000000);
  outline: 0.125rem solid transparent;
  outline-offset: 0.125rem;
}
.mozaic-v2 .mc-tile--clickable:is(button) {
  width: 100%;
  border: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  text-align: left;
  appearance: none;
}
.mozaic-v2 .mc-tile--clickable:is(a) {
  display: flex;
  text-decoration: none;
  color: inherit;
}
.mozaic-v2 .mc-tile--clickable:is(a):visited {
  color: inherit;
}
.mozaic-v2 .mc-tile--clickable:is(a):not(.mc-tile--action-right) {
  flex-direction: column;
}
.mozaic-v2 .mc-tile--clickable:is(div[role=button]) {
  width: 100%;
  cursor: pointer;
}
.mozaic-v2 .mc-tile--expandable {
  border-radius: 0.5rem;
  background-color: #ffffff;
}
@media (prefers-reduced-motion: no-preference) {
  .mozaic-v2 .mc-tile--expandable {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: background-color 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
  }
}
@media (prefers-reduced-motion: reduce) {
  .mozaic-v2 .mc-tile--expandable {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: none;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .mozaic-v2 .mc-tile--expandable {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: background-color 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67), box-shadow 200ms ease;
  }
}
@media (prefers-reduced-motion: reduce) {
  .mozaic-v2 .mc-tile--expandable {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: none;
  }
}
.mozaic-v2 .mc-tile--expandable {
  display: block;
  position: relative;
  overflow: hidden;
}
@supports (interpolate-size: allow-keywords) {
  .mozaic-v2 .mc-tile--expandable {
    interpolate-size: allow-keywords;
  }
}
.mozaic-v2 .mc-tile--expandable.mc-tile--secondary {
  background-color: #eff1f6;
}
@media (prefers-reduced-motion: no-preference) {
  .mozaic-v2 .mc-tile--expandable.mc-tile--secondary {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: background-color 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
  }
}
@media (prefers-reduced-motion: reduce) {
  .mozaic-v2 .mc-tile--expandable.mc-tile--secondary {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: none;
  }
}
.mozaic-v2 .mc-tile--expandable.mc-tile--bordered {
  box-shadow: 0 0 0 1px #cccccc;
}
.mozaic-v2 .mc-tile--expandable.mc-tile--borderless {
  border: none;
}
.mozaic-v2 .mc-tile--expandable:not(.mc-tile--trigger-icon, .mc-tile--trigger-button) {
  cursor: default;
}
.mozaic-v2 .mc-tile--expandable:not(.mc-tile--trigger-icon, .mc-tile--trigger-button) .mc-tile__header[type=button] {
  cursor: pointer;
}
@media (prefers-reduced-motion: no-preference) {
  .mozaic-v2 .mc-tile--expandable:not(.mc-tile--trigger-icon, .mc-tile--trigger-button) .mc-tile__header[type=button] .mc-tile__action::after {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: transform 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
  }
}
@media (prefers-reduced-motion: reduce) {
  .mozaic-v2 .mc-tile--expandable:not(.mc-tile--trigger-icon, .mc-tile--trigger-button) .mc-tile__header[type=button] .mc-tile__action::after {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: none;
  }
}
.mozaic-v2 .mc-tile--expandable:not(.mc-tile--trigger-icon, .mc-tile--trigger-button) .mc-tile__header[type=button] .mc-tile__action::after {
  transform: rotateX(0deg);
  background-color: #242938;
  mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 aria-hidden=%27true%27 height=%271rem%27 width=%271rem%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z%27/%3E%3C/svg%3E") no-repeat center/contain;
  content: "";
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1rem;
}
.mozaic-v2 .mc-tile--expandable .mc-tile__header {
  display: flex;
  align-items: stretch;
  position: relative;
  z-index: 2;
}
.mozaic-v2 .mc-tile--expandable .mc-tile__header::after {
  border-radius: 0.5rem;
  content: "";
  position: absolute;
  inset: 0.25rem;
  background-color: transparent;
  pointer-events: none;
  z-index: -1;
}
@media (prefers-reduced-motion: no-preference) {
  .mozaic-v2 .mc-tile--expandable .mc-tile__header::after {
    transition: background-color 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67), box-shadow 200ms ease;
  }
}
@media (prefers-reduced-motion: reduce) {
  .mozaic-v2 .mc-tile--expandable .mc-tile__header::after {
    transition: none;
  }
}
.mozaic-v2 .mc-tile--expandable .mc-tile__header[type=button] {
  width: 100%;
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  font: inherit;
  text-align: inherit;
  cursor: pointer;
  appearance: none;
}
.mozaic-v2 .mc-tile--expandable .mc-tile__header[type=button]:focus-visible {
  outline: none;
}
.mozaic-v2 .mc-tile--expandable .mc-tile__header[type=button]:focus-visible::after {
  box-shadow: 0 0 0 0.125rem var(--focus-color-mid, #ffffff), 0 0 0 0.25rem var(--focus-color-outer, #000000);
  outline: 0.125rem solid transparent;
  outline-offset: 0.125rem;
}
.mozaic-v2 .mc-tile--expandable:not(.mc-tile--trigger-icon, .mc-tile--trigger-button) .mc-tile__header[type=button]:hover::after {
  background-color: rgba(0, 0, 0, 0.05);
}
.mozaic-v2 .mc-tile--expandable:not(.mc-tile--trigger-icon, .mc-tile--trigger-button) .mc-tile__header[type=button]:active::after {
  background-color: rgba(0, 0, 0, 0.05);
}
.mozaic-v2 .mc-tile--expandable .mc-tile__body {
  flex-grow: 1;
  position: relative;
  z-index: 1;
}
.mozaic-v2 .mc-tile--expandable:has(.mc-tile__action) .mc-tile__body {
  border-radius: 0.5rem 0 0 0;
}
.mozaic-v2 .mc-tile--expandable .mc-tile__action {
  border-radius: 0 0.5rem 0.5rem 0;
  box-sizing: border-box;
  min-width: 4rem;
  flex-shrink: 0;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.mozaic-v2 .mc-tile--expandable .mc-tile__content {
  width: 100%;
  overflow: hidden;
  max-height: 0;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  position: relative;
  z-index: 1;
}
@media (prefers-reduced-motion: no-preference) {
  .mozaic-v2 .mc-tile--expandable .mc-tile__content {
    transition: max-height 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
  }
}
@media (prefers-reduced-motion: reduce) {
  .mozaic-v2 .mc-tile--expandable .mc-tile__content {
    transition: none;
  }
}
.mozaic-v2 .mc-tile--expandable .mc-tile__content[aria-hidden=false] {
  max-height: 50rem;
}
@supports (interpolate-size: allow-keywords) {
  .mozaic-v2 .mc-tile--expandable .mc-tile__content {
    height: 0;
    max-height: none;
  }
  @media (prefers-reduced-motion: no-preference) {
    .mozaic-v2 .mc-tile--expandable .mc-tile__content {
      transition: height 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
      transition-behavior: allow-discrete;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .mozaic-v2 .mc-tile--expandable .mc-tile__content {
      transition: none;
    }
  }
  .mozaic-v2 .mc-tile--expandable .mc-tile__content[aria-hidden=false] {
    height: auto;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .mozaic-v2 .mc-tile--expandable:not(.mc-tile--trigger-icon, .mc-tile--trigger-button) .mc-tile__header[type=button][aria-expanded=true] .mc-tile__action::after {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: transform 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
  }
}
@media (prefers-reduced-motion: reduce) {
  .mozaic-v2 .mc-tile--expandable:not(.mc-tile--trigger-icon, .mc-tile--trigger-button) .mc-tile__header[type=button][aria-expanded=true] .mc-tile__action::after {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: none;
  }
}
.mozaic-v2 .mc-tile--expandable:not(.mc-tile--trigger-icon, .mc-tile--trigger-button) .mc-tile__header[type=button][aria-expanded=true] .mc-tile__action::after {
  transform: rotateX(180deg);
}
@media (prefers-reduced-motion: no-preference) {
  .mozaic-v2 .mc-tile--expandable.mc-tile--trigger-icon .mc-tile__action-button[aria-expanded=true] svg {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: transform 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
  }
}
@media (prefers-reduced-motion: reduce) {
  .mozaic-v2 .mc-tile--expandable.mc-tile--trigger-icon .mc-tile__action-button[aria-expanded=true] svg {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: none;
  }
}
.mozaic-v2 .mc-tile--expandable.mc-tile--trigger-icon .mc-tile__action-button[aria-expanded=true] svg {
  transform: rotateX(180deg);
}
.mozaic-v2 .mc-tile--expandable .mc-tile__action-button {
  position: relative;
  z-index: 2;
}
.mozaic-v2 .mc-tile--expandable .mc-tile__action-button svg {
  fill: currentcolor;
}
.mozaic-v2 .mc-tile--expandable .mc-tile__action-button:not(.mc-button) {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border: 0;
  background-color: transparent;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-align: left;
  padding: 0;
  margin: 0;
  cursor: pointer;
  appearance: none;
}
.mozaic-v2 .mc-tile--expandable .mc-tile__action-button:not(.mc-button):focus-visible {
  outline: 0.125rem solid var(--focus-color-outer, #000000);
  outline-offset: 0.125rem;
  border-radius: 0.25rem;
}
.mozaic-v2 .mc-tile--expandable .mc-tile__action-label {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.5;
}
.mozaic-v2 .mc-tile--expandable.mc-tile--trigger-icon {
  cursor: default;
}
.mozaic-v2 .mc-tile--expandable.mc-tile--trigger-icon .mc-tile__body {
  cursor: default;
}
.mozaic-v2 .mc-tile--expandable.mc-tile--trigger-icon .mc-tile__action {
  justify-content: center;
}
.mozaic-v2 .mc-tile--expandable.mc-tile--trigger-icon .mc-tile__action::after {
  content: none;
  display: none;
}
@media (prefers-reduced-motion: no-preference) {
  .mozaic-v2 .mc-tile--expandable.mc-tile--trigger-icon .mc-tile__action-button svg {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: transform 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
  }
}
@media (prefers-reduced-motion: reduce) {
  .mozaic-v2 .mc-tile--expandable.mc-tile--trigger-icon .mc-tile__action-button svg {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: none;
  }
}
.mozaic-v2 .mc-tile--expandable.mc-tile--trigger-icon .mc-tile__action-button svg {
  transform: rotateX(0deg);
  fill: currentcolor;
}
.mozaic-v2 .mc-tile--expandable.mc-tile--trigger-button {
  cursor: default;
  display: flex;
  flex-direction: column;
}
.mozaic-v2 .mc-tile--expandable.mc-tile--trigger-button .mc-tile__body {
  cursor: default;
  order: 1;
}
.mozaic-v2 .mc-tile--expandable.mc-tile--trigger-button .mc-tile__header {
  display: contents;
}
.mozaic-v2 .mc-tile--expandable.mc-tile--trigger-button .mc-tile__action {
  cursor: pointer;
  min-width: auto;
  justify-content: flex-start;
  padding: 0.5rem;
  order: 3;
  box-shadow: 0 1px 0 0 #cccccc;
  border-radius: 0;
}
.mozaic-v2 .mc-tile--expandable.mc-tile--trigger-button .mc-tile__action::after {
  display: none;
}
.mozaic-v2 .mc-tile--expandable.mc-tile--trigger-button .mc-tile__content {
  order: 2;
  border-radius: 0;
}
.mozaic-v2 .mc-tile--expandable.mc-tile--trigger-button .mc-tile__action-button {
  font-weight: 600;
  width: 100%;
  margin: 0;
}
@media (prefers-reduced-motion: no-preference) {
  .mozaic-v2 .mc-tile--expandable.mc-tile--trigger-button .mc-tile__action-button svg {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: background-color 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67), box-shadow 200ms ease;
  }
}
@media (prefers-reduced-motion: reduce) {
  .mozaic-v2 .mc-tile--expandable.mc-tile--trigger-button .mc-tile__action-button svg {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: none;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .mozaic-v2 .mc-tile--expandable.mc-tile--trigger-button .mc-tile__action-button svg {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: transform 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
  }
}
@media (prefers-reduced-motion: reduce) {
  .mozaic-v2 .mc-tile--expandable.mc-tile--trigger-button .mc-tile__action-button svg {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: none;
  }
}
.mozaic-v2 .mc-tile--expandable.mc-tile--trigger-button .mc-tile__action-button svg {
  transform: rotateX(0deg);
  fill: currentcolor;
}
@media (prefers-reduced-motion: no-preference) {
  .mozaic-v2 .mc-tile--expandable.mc-tile--trigger-button .mc-tile__action-button[aria-expanded=true] svg {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: transform 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
  }
}
@media (prefers-reduced-motion: reduce) {
  .mozaic-v2 .mc-tile--expandable.mc-tile--trigger-button .mc-tile__action-button[aria-expanded=true] svg {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: none;
  }
}
.mozaic-v2 .mc-tile--expandable.mc-tile--trigger-button .mc-tile__action-button[aria-expanded=true] svg {
  transform: rotateX(180deg);
}
.mozaic-v2 .mc-tile--expandable.mc-tile--trigger-button .mc-tile__action-label {
  flex: initial;
}
.mozaic-v2 .mc-tile--selectable {
  border-radius: 0.5rem;
  background-color: #ffffff;
}
@media (prefers-reduced-motion: no-preference) {
  .mozaic-v2 .mc-tile--selectable {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: background-color 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
  }
}
@media (prefers-reduced-motion: reduce) {
  .mozaic-v2 .mc-tile--selectable {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: none;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .mozaic-v2 .mc-tile--selectable {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: background-color 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67), box-shadow 200ms ease;
  }
}
@media (prefers-reduced-motion: reduce) {
  .mozaic-v2 .mc-tile--selectable {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: none;
  }
}
.mozaic-v2 .mc-tile--selectable {
  cursor: pointer;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
  overflow: hidden;
  box-shadow: 0 0 0 1px #cccccc;
}
.mozaic-v2 .mc-tile--selectable .mc-tile__body {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.mozaic-v2 .mc-tile--selectable .mc-tile__action {
  background-color: transparent;
  box-sizing: border-box;
  flex-shrink: 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  border-radius: initial;
  padding: 0.75rem 0.75rem;
}
.mozaic-v2 .mc-tile--selectable:has(.mc-tile__content) {
  flex-direction: column;
  align-items: stretch;
}
.mozaic-v2 .mc-tile--selectable:has(.mc-tile__content) .mc-tile__header {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
}
.mozaic-v2 .mc-tile--selectable:has(.mc-tile__content) .mc-tile__header .mc-tile__body {
  display: flex;
  flex-direction: column;
}
.mozaic-v2 .mc-tile--selectable:has(.mc-tile__content) .mc-tile__content {
  border-top: 1px solid #cccccc;
}
.mozaic-v2 .mc-tile--selectable:has(.mc-tile__content).mc-tile--input-left {
  flex-direction: column;
}
.mozaic-v2 .mc-tile--selectable:has(.mc-tile__content).mc-tile--input-left .mc-tile__header {
  flex-direction: row-reverse;
}
.mozaic-v2 .mc-tile--selectable:has(.mc-tile__content).mc-tile--input-center {
  align-items: stretch;
}
.mozaic-v2 .mc-tile--selectable:has(.mc-tile__content).mc-tile--input-center .mc-tile__header {
  align-items: center;
}
.mozaic-v2 .mc-tile--selectable.mc-tile--input-left {
  flex-direction: row-reverse;
}
.mozaic-v2 .mc-tile--selectable.mc-tile--input-center {
  align-items: center;
}
.mozaic-v2 .mc-tile--selectable:hover {
  box-shadow: 0 0 0 2px #cccccc;
}
.mozaic-v2 .mc-tile--selectable.mc-tile--selected {
  box-shadow: 0 0 0 2px #78be20, 0 0 0 4px #ebf5de;
}
.mozaic-v2 .mc-tile--selectable.mc-tile--no-input .mc-tile__action {
  visibility: hidden;
  position: absolute;
}

.component-installation {
  --drawer-z-index: 1002;
  --modal-z-index: 1002;
  /**
   * Do not edit directly, this file was auto-generated.
   */
}
.component-installation .oss-text-dark {
  color: #404040;
}
.component-installation .oss-text-light {
  color: #ffffff;
}
.component-installation .oss-text-bold {
  font-weight: 600;
}
.component-installation .oss-text-center {
  text-align: center;
}
.component-installation .oss-text-underline {
  text-decoration: underline;
}
.component-installation .oss-button-full {
  width: 100%;
}
.component-installation .oss-img-full {
  height: auto;
  width: 100%;
}
.component-installation .oss-radius-img {
  border-radius: 0.5rem;
}
.component-installation .oss-radius-l-img {
  border-radius: 1rem;
}
.component-installation .oss-row-gutter {
  row-gap: 1rem;
}
@media (width >= 680px) {
  .component-installation .oss-row-gutter {
    row-gap: 2rem;
  }
}
.component-installation .oss-hidden {
  display: none;
}
.component-installation {
  /**
   * Do not edit directly, this file was auto-generated.
   */
}
.component-installation .u-spacing-area {
  padding: 1.5rem 0;
}
@media (width >= 1024px) {
  .component-installation .u-spacing-area {
    padding: 2rem 0;
  }
}
.component-installation .u-fill-brand-danger-05 {
  fill: #c61112;
}
.component-installation .km-card-steps__img {
  width: 48px;
}
.component-installation {
  /**
   * Do not edit directly, this file was auto-generated.
   */
}
.component-installation .mc-callout {
  border-radius: 0.5rem;
  background: #eff1f6;
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  position: relative;
  box-sizing: border-box;
  color: #000000;
}
.component-installation .mc-callout__icon {
  width: 2rem;
  height: 2rem;
  margin: 0.75rem;
  color: currentcolor;
}
.component-installation .mc-callout__content {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 2.5rem;
  padding: 0.75rem 1rem 0.75rem 0;
}
.component-installation .mc-callout__title, .component-installation .mc-callout__message {
  line-height: 1.3;
  margin-block: 0;
}
.component-installation .mc-callout__title {
  font-weight: 600;
  font-size: 1rem;
  margin-block-end: 0.25rem;
}
.component-installation .mc-callout__message {
  font-size: 0.875rem;
}
.component-installation .mc-callout__footer {
  align-items: flex-start;
  display: flex;
  flex-flow: row wrap;
  gap: 0.5rem;
  margin-top: 0.75rem;
  margin-bottom: 0.5rem;
}
.component-installation .mc-callout--standard {
  background: #eff1f6;
}
.component-installation .mc-callout--accent {
  background: #ebf5de;
}
.component-installation .mc-callout--tips {
  background: #ffebaf;
}
.component-installation .mc-callout--inverse {
  background: #ffffff;
}
.component-installation .o-avantages__image {
  width: 100%;
}
.component-installation .o-avantages__reverse {
  flex-direction: row-reverse;
}
.component-installation .o-avantages .m-step-card {
  align-items: stretch;
  text-align: center;
  margin-right: 0.75rem;
}
.component-installation .o-avantages .m-step-card__icon--color {
  fill: var(--color-primary-01-500);
}
.component-installation .o-avantages .m-step-card__title {
  font-size: 1rem;
  font-weight: 600;
  color: #404040;
  margin-bottom: 0.5rem;
}
.component-installation .o-avantages .m-step-card__description {
  font-size: 0.875rem;
  color: #404040;
}
.component-installation {
  /**
   * Do not edit directly, this file was auto-generated.
   */
}
.component-installation .o-arguments .m-step {
  display: flex;
  margin-bottom: 1.75rem;
}
.component-installation .o-arguments .m-step__icon {
  margin-right: 0.75rem;
}
.component-installation .o-arguments .m-step__icon--color {
  fill: var(--color-primary-01-500);
}
.component-installation .o-arguments .m-step__content {
  font-size: 1rem;
  color: #404040;
}
.component-installation .o-arguments .m-step__title {
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.component-installation .o-arguments .m-step:last-child {
  margin-bottom: inherit;
}
.component-installation .o-arguments .a-text-error {
  color: #c61112;
}
.component-installation {
  /**
   * Do not edit directly, this file was auto-generated.
   */
}
.component-installation .mc-flag {
  padding: 0 0.5rem;
  border-radius: 0.125rem;
  white-space: nowrap;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  height: 1.5rem;
  display: inline-flex;
  align-items: center;
  color: #ffffff;
  background-color: #191919;
}
.component-installation .mc-flag--accent {
  color: #ffffff;
  background-color: #117f03;
}
.component-installation .mc-flag--danger {
  color: #ffffff;
  background-color: #c61112;
}
.component-installation .mc-flag--inverse {
  color: #000000;
  background-color: #ffffff;
}
.component-installation .o-commercial-operation__box {
  border-radius: 0.5rem;
  border: solid #191919 0.0625rem;
  padding: 1rem;
}
.component-installation .o-commercial-operation__title {
  font-weight: 600;
  font-size: 1.125rem;
  color: #000000;
}
@media (width >= 1024px) {
  .component-installation .o-commercial-operation__title {
    font-size: 1.5rem;
  }
}
.component-installation .o-commercial-operation__limit {
  font-size: 0.875rem;
  margin-top: 0.5rem;
  color: #404040;
}
.component-installation .o-commercial-operation__message {
  font-size: 0.875rem;
  color: #404040;
}
.component-installation .o-commercial-operation__price-container {
  margin-top: 2rem;
}
@media (width >= 1024px) {
  .component-installation .o-commercial-operation__price-container {
    padding-left: 4rem;
    text-align: right;
  }
}
.component-installation .o-commercial-operation__price {
  font-size: 1.75rem;
  font-weight: 600;
  color: #c61112;
}
@media (width >= 1024px) {
  .component-installation .o-commercial-operation__price {
    font-size: 2rem;
  }
}
.component-installation .o-commercial-operation__price-unit {
  font-size: 1rem;
  color: #000000;
}
@media (width >= 1024px) {
  .component-installation .o-commercial-operation__price-unit {
    font-size: 1.5rem;
  }
}
.component-installation .o-commercial-operation__price-info {
  font-size: 0.875rem;
  color: #404040;
}
.component-installation .o-commercial-operation__price-info__old {
  text-decoration: line-through;
}
.component-installation .o-commercial-operation__price-info__old-unit {
  text-decoration: none;
  margin-left: 0.25rem;
}
.component-installation .o-commercial-operation__btn {
  margin-top: 1.5rem;
}
@media (width >= 1024px) {
  .component-installation .o-commercial-operation__btn {
    margin-top: 1rem;
  }
}
.component-installation {
  /**
   * Do not edit directly, this file was auto-generated.
   */
}
.component-installation .o-common-cards__content--card {
  border-radius: 0.5rem;
  color: #000000;
  border: 0.125rem solid #666666;
  padding: 1rem 1rem;
  height: 100%;
}
.component-installation .o-common-cards__content--card-step-title {
  font-size: 1rem;
  font-weight: 600;
  color: #000000;
  margin-bottom: 0.5rem;
}
.component-installation .o-common-cards__content--title {
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
}
.component-installation {
  /**
   * Do not edit directly, this file was auto-generated.
   */
}
.component-installation .o-confidence {
  background-color: var(--color-primary-01-100);
  padding: 2rem 0;
}
.component-installation .o-confidence .m-step-pad {
  display: flex;
  margin-bottom: 1.5rem;
}
.component-installation .o-confidence .m-step-pad__icon {
  margin-right: 0.75rem;
}
.component-installation .o-confidence .m-step-pad__icon--color {
  fill: var(--color-primary-01-500);
}
.component-installation .o-confidence .m-step-pad__content {
  font-size: 1rem;
  color: #404040;
}
.component-installation .o-confidence .m-step-pad__title {
  font-size: 1.125rem;
  font-weight: 600;
}
.component-installation .o-confidence .a-text-error {
  color: #c61112;
}
.component-installation {
  /**
   * Do not edit directly, this file was auto-generated.
   */
}
.component-installation .mc-accordion {
  border-radius: 0.5rem;
  background-color: #ffffff;
  color: #000000;
  border: 1px solid #cccccc;
  box-sizing: border-box;
  overflow: hidden;
}
@supports (interpolate-size: allow-keywords) {
  .component-installation .mc-accordion {
    interpolate-size: allow-keywords;
  }
}
.component-installation .mc-accordion__item {
  border-bottom: 1px solid #cccccc;
}
@media (prefers-reduced-motion: no-preference) {
  .component-installation .mc-accordion__item {
    transition: border-color 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
  }
}
@media (prefers-reduced-motion: reduce) {
  .component-installation .mc-accordion__item {
    transition: none;
  }
}
.component-installation .mc-accordion__item:last-child {
  border-bottom: none;
}
@supports (interpolate-size: allow-keywords) {
  .component-installation .mc-accordion__item:is(details)::details-content {
    overflow: hidden;
    height: 0;
  }
  @media (prefers-reduced-motion: no-preference) {
    .component-installation .mc-accordion__item:is(details)::details-content {
      /* stylelint-disable-next-line no-invalid-position-declaration */
      transition: height 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67), padding 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67), content-visibility 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
      /* stylelint-disable-next-line no-invalid-position-declaration */
      transition-behavior: allow-discrete;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .component-installation .mc-accordion__item:is(details)::details-content {
      /* stylelint-disable-next-line no-invalid-position-declaration */
      transition: none;
    }
  }
  .component-installation .mc-accordion__item:is(details)[open]::details-content {
    height: auto;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .component-installation .mc-accordion__item:is(details)[open] .mc-accordion__header::after {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: transform 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
  }
}
@media (prefers-reduced-motion: reduce) {
  .component-installation .mc-accordion__item:is(details)[open] .mc-accordion__header::after {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: none;
  }
}
.component-installation .mc-accordion__item:is(details)[open] .mc-accordion__header::after {
  transform: translateY(-50%) rotateX(180deg);
}
.component-installation .mc-accordion__item:is(details) .mc-accordion__header {
  list-style: none;
  cursor: pointer;
}
.component-installation .mc-accordion__item:is(details) .mc-accordion__header::-webkit-details-marker {
  display: none;
}
.component-installation .mc-accordion__item:is(details) .mc-accordion__header::marker {
  display: none;
}
.component-installation .mc-accordion__header {
  position: relative;
  background-color: #ffffff;
}
.component-installation .mc-accordion__header:is(summary) {
  display: block;
}
@media (prefers-reduced-motion: no-preference) {
  .component-installation .mc-accordion__header:is(summary)::after {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: transform 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
  }
}
@media (prefers-reduced-motion: reduce) {
  .component-installation .mc-accordion__header:is(summary)::after {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: none;
  }
}
.component-installation .mc-accordion__header:is(summary)::after {
  transform: translateY(-50%) rotateX(0deg);
  mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 aria-hidden=%27true%27 height=%271rem%27 width=%271rem%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z%27/%3E%3C/svg%3E") no-repeat center/contain;
  content: "";
  position: absolute;
  right: 0.75rem;
  top: 50%;
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  background-color: #000000;
  z-index: 1;
}
.component-installation .mc-accordion__header:is(summary):hover .mc-accordion__trigger::before {
  background-color: rgba(0, 0, 0, 0.05);
}
.component-installation .mc-accordion__header:is(summary):hover::after {
  mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 aria-hidden=%27true%27 height=%271rem%27 width=%271rem%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z%27/%3E%3C/svg%3E") no-repeat center/contain;
}
.component-installation .mc-accordion__header:is(summary):active .mc-accordion__trigger::before {
  background-color: rgba(0, 0, 0, 0.05);
}
.component-installation .mc-accordion__header:is(summary):active::after {
  mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 aria-hidden=%27true%27 height=%271rem%27 width=%271rem%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z%27/%3E%3C/svg%3E") no-repeat center/contain;
}
.component-installation .mc-accordion__header:is(summary):focus-visible {
  outline: none;
}
.component-installation .mc-accordion__header:is(summary):focus-visible .mc-accordion__trigger::before {
  box-shadow: 0 0 0 0.125rem var(--focus-color-mid, #ffffff), 0 0 0 0.25rem var(--focus-color-outer, #000000);
  outline: 0.125rem solid transparent;
  outline-offset: 0.125rem;
}
.component-installation .mc-accordion__title {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  display: block;
  margin-block: 0;
  padding: 0;
  font-family: inherit;
  position: relative;
  z-index: 1;
}
.component-installation .mc-accordion__title-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}
.component-installation .mc-accordion__title-wrapper > * {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}
.component-installation .mc-accordion__subtitle {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-block: 0;
  padding: 0;
  color: #666666;
  position: relative;
  z-index: 1;
}
@media (prefers-reduced-motion: no-preference) {
  .component-installation .mc-accordion__trigger {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: background-color 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67), box-shadow 200ms ease;
  }
}
@media (prefers-reduced-motion: reduce) {
  .component-installation .mc-accordion__trigger {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: none;
  }
}
.component-installation .mc-accordion__trigger:focus-visible {
  outline: none;
}
.component-installation .mc-accordion__trigger:focus-visible::before {
  box-shadow: inset 0 0 0 0.125rem var(--focus-color-mid, #000000), inset 0 0 0 0.25rem var(--focus-color-outer, #ffffff);
  outline: 0.125rem solid transparent;
  outline-offset: 0.125rem;
}
.component-installation .mc-accordion__trigger:disabled, .component-installation .mc-accordion__trigger[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}
.component-installation .mc-accordion__trigger {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 0.75rem;
  margin-block: 0;
  background-color: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  position: relative;
  text-align: left;
  text-decoration: none;
  text-transform: none;
  vertical-align: baseline;
  appearance: none;
}
@media (prefers-reduced-motion: no-preference) {
  .component-installation .mc-accordion__trigger::before {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: background-color 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67), box-shadow 200ms ease;
  }
}
@media (prefers-reduced-motion: reduce) {
  .component-installation .mc-accordion__trigger::before {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: none;
  }
}
.component-installation .mc-accordion__trigger::before {
  content: "";
  position: absolute;
  inset: 0.25rem;
  background-color: transparent;
  pointer-events: none;
  z-index: -1;
  outline: 0 solid transparent;
  outline-offset: -0.125rem;
  border-radius: 0.25rem;
}
.component-installation .mc-accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger) {
  padding-right: 2.25rem;
}
@media (prefers-reduced-motion: no-preference) {
  .component-installation .mc-accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger)::after {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: transform 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
  }
}
@media (prefers-reduced-motion: reduce) {
  .component-installation .mc-accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger)::after {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: none;
  }
}
.component-installation .mc-accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger)::after {
  transform: translateY(-50%) rotateX(0deg);
  mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 aria-hidden=%27true%27 height=%271rem%27 width=%271rem%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z%27/%3E%3C/svg%3E") no-repeat center/contain;
  content: "";
  position: absolute;
  right: 1rem;
  top: 50%;
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  background-color: #000000;
  z-index: 1;
}
@media (prefers-reduced-motion: no-preference) {
  .component-installation .mc-accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger)[aria-expanded=true]::after {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: transform 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
  }
}
@media (prefers-reduced-motion: reduce) {
  .component-installation .mc-accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger)[aria-expanded=true]::after {
    /* stylelint-disable-next-line no-invalid-position-declaration */
    transition: none;
  }
}
.component-installation .mc-accordion__trigger:not(.mc-accordion__header:is(summary) .mc-accordion__trigger)[aria-expanded=true]::after {
  transform: translateY(-50%) rotateX(180deg);
}
.component-installation .mc-accordion__header:is(summary) .mc-accordion__trigger {
  padding-right: 2.25rem;
}
.component-installation .mc-accordion__trigger:is(button) {
  width: 100%;
}
.component-installation .mc-accordion__trigger:hover::before {
  background-color: rgba(0, 0, 0, 0.05);
}
.component-installation .mc-accordion__trigger:hover::after {
  mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 aria-hidden=%27true%27 height=%271rem%27 width=%271rem%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z%27/%3E%3C/svg%3E") no-repeat center/contain;
}
.component-installation .mc-accordion__trigger:active::before {
  background-color: rgba(0, 0, 0, 0.05);
}
.component-installation .mc-accordion__trigger:active::after {
  mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 aria-hidden=%27true%27 height=%271rem%27 width=%271rem%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z%27/%3E%3C/svg%3E") no-repeat center/contain;
}
.component-installation .mc-accordion__icon {
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  fill: currentcolor;
}
.component-installation .mc-accordion__content {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  background-color: #ffffff;
  overflow: hidden;
  padding: 0 0.75rem;
  max-height: 0;
}
.component-installation .mc-accordion__content > :first-child {
  margin-top: 0;
}
.component-installation .mc-accordion__content > :last-child {
  margin-bottom: 0;
}
@media (prefers-reduced-motion: no-preference) {
  .component-installation .mc-accordion__content {
    transition: max-height 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67), padding 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
  }
}
@media (prefers-reduced-motion: reduce) {
  .component-installation .mc-accordion__content {
    transition: none;
  }
}
.component-installation .mc-accordion__content--open {
  max-height: 9999vh;
  padding-top: 0.125rem;
  padding-bottom: 1rem;
}
.component-installation .mc-accordion__item[open] .mc-accordion__content {
  max-height: 9999vh;
  padding-top: 0.125rem;
  padding-bottom: 1rem;
}
@supports (interpolate-size: allow-keywords) {
  @media (prefers-reduced-motion: no-preference) {
    .component-installation .mc-accordion__content {
      /* stylelint-disable-next-line no-invalid-position-declaration */
      transition: height 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67), padding 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67), content-visibility 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
      /* stylelint-disable-next-line no-invalid-position-declaration */
      transition-behavior: allow-discrete;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .component-installation .mc-accordion__content {
      /* stylelint-disable-next-line no-invalid-position-declaration */
      transition: none;
    }
  }
  .component-installation .mc-accordion__content {
    height: 0;
    max-height: none;
    padding-top: 0;
    padding-bottom: 0;
  }
  .component-installation .mc-accordion__content--open {
    height: auto;
    padding-top: 0.125rem;
    padding-bottom: 1rem;
  }
  .component-installation .mc-accordion__item[open] .mc-accordion__content {
    height: auto;
    padding-top: 0.125rem;
    padding-bottom: 1rem;
  }
}
.component-installation .mc-accordion--ghost {
  background-color: transparent;
  border: none;
}
.component-installation .mc-accordion--ghost .mc-accordion__header,
.component-installation .mc-accordion--ghost .mc-accordion__content {
  background-color: rgba(255, 255, 255, 0.01);
}
.component-installation .mc-accordion--ghost .mc-accordion__trigger:hover::before, .component-installation .mc-accordion--ghost .mc-accordion__trigger:active::before {
  background-color: rgba(0, 0, 0, 0.05);
}
.component-installation .o-faq-information {
  margin-bottom: 1.5rem;
}
.component-installation .o-faq-information__description {
  margin-bottom: 1.5rem;
  text-align: center;
}
.component-installation .o-faq-information__button {
  margin-bottom: 1rem;
}
.component-installation .o-faq-information__link {
  margin-bottom: 1rem;
}
.component-installation .o-faq__step--title {
  font-weight: 600;
  margin-top: 1.5rem;
}
.component-installation .o-faq__step--description {
  margin-top: 0.5rem;
}
.component-installation {
  /**
   * Do not edit directly, this file was auto-generated.
   */
}
.component-installation .o-information-zones__subtitle {
  color: #404040;
  margin-bottom: 0.5rem;
}
.component-installation .o-information-zones__title {
  font-size: 1.125rem;
  line-height: 1.3;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.component-installation .o-information-zones__picture {
  margin-bottom: 1rem;
}
.component-installation .o-information-zones__image {
  width: 100%;
}
.component-installation .o-information-zones .a-text-error {
  color: #c61112;
}
.component-installation .o-information__picture {
  margin-bottom: 1.25rem;
}
.component-installation .o-information__picture img {
  width: 100%;
}
.component-installation .o-information__title {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.component-installation .o-information__link {
  text-decoration: none;
}
.component-installation {
  /**
   * Do not edit directly, this file was auto-generated.
   */
}
.component-installation .o-jumbo-media__image {
  display: block;
  width: 100%;
}
.component-installation .o-jumbo-media__description {
  margin-top: 0.5rem;
}
.component-installation .o-jumbo-media {
  /* stylelint-disable-next-line */
}
.component-installation .o-jumbo-media .ka-video {
  position: relative;
}
.component-installation .o-jumbo-media .ka-video--youtube .ka-video__picture {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.component-installation .o-jumbo-media .ka-video--youtube .ka-video__img,
.component-installation .o-jumbo-media .ka-video--youtube .ka-video__frame {
  max-width: 100%;
  min-height: 100%;
  display: block;
}
.component-installation .o-jumbo-media .ka-video--youtube .ka-video__img {
  width: 100%;
}
.component-installation .o-jumbo-media .ka-video--youtube .ka-video__btn {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  fill: #ffffff;
  cursor: pointer;
}
.component-installation {
  /**
   * Do not edit directly, this file was auto-generated.
   */
}
.component-installation .o-multioffers__card {
  border-radius: get-border-radius("xs");
  border: 0.125rem solid #666666;
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  height: 100%;
}
@media (width >= 1024px) {
  .component-installation .o-multioffers__card {
    padding: 2rem;
    margin-bottom: inherit;
  }
}
.component-installation .o-multioffers__heading {
  display: flex;
  margin-bottom: 2rem;
}
.component-installation .o-multioffers__heading--block {
  flex: 1 1 0;
}
.component-installation .o-multioffers__icon {
  margin-right: 1rem;
  flex: 0 1 auto;
}
.component-installation .o-multioffers__title {
  font-size: 1.125rem;
  font-weight: 600;
  color: #000000;
}
@media (width >= 1024px) {
  .component-installation .o-multioffers__title {
    font-size: 1.5rem;
  }
}
.component-installation .o-multioffers__subtitle {
  font-size: 1.125rem;
  color: #000000;
  margin-top: 1rem;
}
@media (width >= 1024px) {
  .component-installation .o-multioffers__subtitle {
    font-size: 1.5rem;
  }
}
.component-installation .o-multioffers__from {
  color: #404040;
  margin-bottom: 0.5rem;
}
.component-installation .o-multioffers__price {
  font-size: 1.125rem;
  font-weight: 600;
  color: #404040;
  margin-bottom: 0.5rem;
}
@media (width >= 1024px) {
  .component-installation .o-multioffers__price {
    font-size: 1.5rem;
  }
}
.component-installation {
  /**
   * Do not edit directly, this file was auto-generated.
   */
}
.component-installation .pack-summary__description {
  font-size: 0.875rem;
}
.component-installation .pack-summary__image {
  width: 100%;
}
@media (width >= 1024px) {
  .component-installation .pack-summary__image {
    height: 100%;
    object-fit: cover;
  }
}
.component-installation .pack-summary__element-title {
  font-size: 1.125rem;
  font-weight: 600;
  color: #404040;
}
.component-installation .pack-summary__list-result {
  display: flex;
  align-items: center;
  margin-bottom: 0.75rem;
}
.component-installation .pack-summary__icon {
  fill: var(--color-primary-01-500);
}
.component-installation .pack-summary__extra {
  border-radius: 0.125rem;
  background-color: rgba(0, 0, 0, 0.05);
}
.component-installation .pack-summary__extra--title {
  font-size: 1rem;
  font-weight: 600;
  color: #404040;
  margin-left: 1rem;
  margin-bottom: 1rem;
}
.component-installation {
  /**
   * Do not edit directly, this file was auto-generated.
   */
}
.component-installation .o-partner-desc__title {
  font-size: 1.125rem;
  font-weight: 600;
  color: #000000;
  padding-bottom: 1.5rem;
}
@media (width >= 680px) {
  .component-installation .o-partner-desc__title {
    font-size: 1.75rem;
  }
}
.component-installation .o-partner-desc__subtitle {
  font-weight: 600;
  font-size: 1.125rem;
  color: #000000;
  margin-bottom: 0.5rem;
}
.component-installation .o-partner-desc__pictures {
  margin-top: 0.5rem;
}
.component-installation .o-partner-desc__description {
  color: #000000;
}
.component-installation .o-partner-desc__img {
  width: auto;
  margin-right: 2rem;
  height: 2rem;
}
@media (width >= 1024px) {
  .component-installation .o-partner-desc__img {
    height: 3.5rem;
  }
}
.component-installation {
  /**
   * Do not edit directly, this file was auto-generated.
   */
}
@media (width >= 1280px) {
  .component-installation .o-push-inspiration {
    margin-bottom: 3rem;
  }
}
@media (width >= 1280px) {
  .component-installation .o-push-inspiration .case-one {
    display: flex;
    align-items: center;
  }
  .component-installation .o-push-inspiration .case-one .left {
    left: -3rem;
  }
  .component-installation .o-push-inspiration .case-one .m-push-inspiration__content {
    padding: 0.75rem;
  }
}
@media (width >= 320px) {
  .component-installation .o-push-inspiration .m-push-inspiration {
    min-width: calc(100% / 1.25 - 16 * 1px + 16 * 1px / 1.25);
    max-width: calc(100% / 1.25 - 16 * 1px + 16 * 1px / 1.25);
  }
  .component-installation .o-push-inspiration .m-push-inspiration:not(:last-child) {
    margin-right: 16px;
  }
}
@media (width >= 680px) {
  .component-installation .o-push-inspiration .m-push-inspiration {
    min-width: calc(100% / 2 - 24 * 1px + 24 * 1px / 2);
    max-width: calc(100% / 2 - 24 * 1px + 24 * 1px / 2);
  }
  .component-installation .o-push-inspiration .m-push-inspiration:not(:last-child) {
    margin-right: 24px;
  }
}
@media (width >= 1920px) {
  .component-installation .o-push-inspiration .m-push-inspiration {
    min-width: calc(100% / 3 - 24 * 1px + 24 * 1px / 3);
    max-width: calc(100% / 3 - 24 * 1px + 24 * 1px / 3);
  }
  .component-installation .o-push-inspiration .m-push-inspiration:not(:last-child) {
    margin-right: 24px;
  }
}
@media (width >= 320px) {
  .component-installation .o-push-inspiration .m-push-inspiration--case-three {
    min-width: calc(100% / 1.25 - 16 * 1px + 16 * 1px / 1.25);
    max-width: calc(100% / 1.25 - 16 * 1px + 16 * 1px / 1.25);
  }
  .component-installation .o-push-inspiration .m-push-inspiration--case-three:not(:last-child) {
    margin-right: 16px;
  }
}
@media (width >= 680px) {
  .component-installation .o-push-inspiration .m-push-inspiration--case-three {
    min-width: calc(100% / 2.25 - 24 * 1px + 24 * 1px / 2.25);
    max-width: calc(100% / 2.25 - 24 * 1px + 24 * 1px / 2.25);
  }
  .component-installation .o-push-inspiration .m-push-inspiration--case-three:not(:last-child) {
    margin-right: 24px;
  }
}
@media (width >= 1024px) {
  .component-installation .o-push-inspiration .m-push-inspiration--case-three {
    min-width: calc(100% / 3 - 24 * 1px + 24 * 1px / 3);
    max-width: calc(100% / 3 - 24 * 1px + 24 * 1px / 3);
  }
  .component-installation .o-push-inspiration .m-push-inspiration--case-three:not(:last-child) {
    margin-right: 24px;
  }
}
@media (width >= 1280px) {
  .component-installation .o-push-inspiration .m-push-inspiration--case-three {
    min-width: calc(100% / 3 - 24 * 1px + 24 * 1px / 3);
    max-width: calc(100% / 3 - 24 * 1px + 24 * 1px / 3);
  }
  .component-installation .o-push-inspiration .m-push-inspiration--case-three:not(:last-child) {
    margin-right: 24px;
  }
}
@media (width >= 1920px) {
  .component-installation .o-push-inspiration .m-push-inspiration--case-three {
    min-width: calc(100% / 3 - 24 * 1px + 24 * 1px / 3);
    max-width: calc(100% / 3 - 24 * 1px + 24 * 1px / 3);
  }
  .component-installation .o-push-inspiration .m-push-inspiration--case-three:not(:last-child) {
    margin-right: 24px;
  }
}
@media (width >= 1024px) {
  .component-installation .o-push-inspiration .m-push-inspiration--case-three:nth-child(1) {
    order: 2;
  }
  .component-installation .o-push-inspiration .m-push-inspiration--case-three:nth-child(2) {
    order: 1;
  }
  .component-installation .o-push-inspiration .m-push-inspiration--case-three:nth-child(3) {
    order: 3;
  }
  .component-installation .o-push-inspiration .m-push-inspiration--case-three:not(:nth-child(1)) {
    margin-top: 2rem;
  }
}
.component-installation .o-push-inspiration .m-push-inspiration__content {
  margin-top: -2rem;
  position: relative;
  margin-right: 1.5rem;
  background: #ffffff;
  padding: 0.75rem 1rem 0.75rem 0;
}
.component-installation .o-push-inspiration .m-push-inspiration__content--title {
  font-size: 1.125rem;
  font-weight: 600;
  color: #404040;
  padding-bottom: 0.75rem;
  /* stylelint-disable */
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  /* stylelint-enable */
  text-overflow: ellipsis;
  overflow: hidden;
}
@media (width >= 1024px) {
  .component-installation .o-push-inspiration .m-push-inspiration__content--title {
    font-size: 1.5rem;
  }
}
.component-installation .o-push-inspiration .m-push-inspiration__content--description {
  font-size: 0.875rem;
  color: #404040;
  margin-bottom: 1rem;
  /* stylelint-disable */
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  /* stylelint-enable */
  text-overflow: ellipsis;
  overflow: hidden;
}
.component-installation .o-push-inspiration .m-push-inspiration__content--link {
  font-size: 0.875rem;
}
.component-installation .o-push-inspiration .m-push-inspiration__image {
  width: 100%;
}
.component-installation {
  /**
   * Do not edit directly, this file was auto-generated.
   */
}
.component-installation .o-push-list__picture {
  margin-bottom: 1.25rem;
}
.component-installation .o-push-list__picture img {
  width: 100%;
}
.component-installation .o-push-list__title {
  font-size: 1.125rem;
  line-height: 1.3;
  font-weight: 600;
  color: #000000;
  margin-bottom: 0.5rem;
}
.component-installation .o-push-list__link {
  text-decoration: none;
}
.component-installation .o-push-list__card {
  position: relative;
}
.component-installation .o-push-list__link-card--full::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.component-installation .o-push-list__content {
  /* mqp:start */
}
@media (width >= 320px) {
  .component-installation .o-push-list__content .mc-button\@from-s {
    width: 100%;
  }
}
@media (width >= 680px) {
  .component-installation .o-push-list__content .mc-button\@from-m {
    display: inline-block;
    width: auto;
  }
}
@media (width >= 1024px) {
  .component-installation .o-push-list__content .mc-button\@from-l {
    display: inline-block;
    width: auto;
  }
}
@media (width >= 1280px) {
  .component-installation .o-push-list__content .mc-button\@from-xl {
    display: inline-block;
    width: auto;
  }
}
@media (width >= 1920px) {
  .component-installation .o-push-list__content .mc-button\@from-xxl {
    display: inline-block;
    width: auto;
  }
}
.component-installation .o-push-list__content {
  /* mqp: end */
}
.component-installation .o-push-list__description {
  color: #000000;
  margin-bottom: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  /* stylelint-disable */
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  /* stylelint-enable */
}
.component-installation .o-push-list .km-list {
  color: #000000;
}
.component-installation .push-custom .o-push-list__description {
  display: block;
  text-overflow: unset;
  overflow: auto;
  /* stylelint-disable */
  -webkit-line-clamp: unset;
  -webkit-box-orient: vertical;
  /* stylelint-enable */
}
.component-installation {
  /**
   * Do not edit directly, this file was auto-generated.
   */
}
.component-installation .o-zone-seo__introduction {
  color: #404040;
  margin-bottom: 2rem;
}
.component-installation .o-zone-seo .is-blurred {
  position: relative;
  max-height: 162px;
  overflow: hidden;
}
@media (width >= 1024px) {
  .component-installation .o-zone-seo .is-blurred {
    max-height: 280px;
  }
}
.component-installation .o-zone-seo .is-blurred::after {
  content: "";
  display: block;
  width: 100%;
  height: 10rem;
  position: absolute;
  bottom: 0;
  background-image: linear-gradient(to bottom, transparent 0%, #ffffff 100%);
}
.component-installation .o-zone-seo__chapter {
  margin-bottom: 2rem;
}
.component-installation .o-zone-seo__chaptertitle {
  font-size: 1.75rem;
  color: #404040;
  font-weight: 600;
  margin-bottom: 1rem;
}
.component-installation .o-zone-seo__paragraphtitle {
  font-weight: 600;
  color: #404040;
}
.component-installation .o-zone-seo__paragraph {
  color: #404040;
  margin-bottom: 1rem;
}
.component-installation {
  /**
   * Do not edit directly, this file was auto-generated.
   */
}
.component-installation .container-vertical {
  padding-left: 0;
  padding-right: 0;
}
.component-installation .o-step__subtitle {
  font-size: 1.125rem;
  line-height: 1.3;
  padding-bottom: 1rem;
}
.component-installation .o-step__description {
  color: #000000;
  padding-bottom: 2rem;
}
.component-installation .o-step .m-step-pad {
  display: flex;
  margin-bottom: 1.5rem;
}
.component-installation .o-step .m-step-pad--vertical {
  margin-bottom: 2rem;
}
.component-installation .o-step .m-step-pad__number {
  font-size: 1.5rem;
  font-weight: 600;
  margin-right: 0.75rem;
}
.component-installation .o-step .m-step-pad__step {
  color: #404040;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.0625rem solid #404040;
  border-radius: 100%;
  width: 3rem;
  height: 3rem;
}
.component-installation .o-step .m-step-pad__content {
  font-size: 1rem;
  color: #404040;
}
.component-installation .o-step .m-step-pad__title {
  font-size: 1.125rem;
  font-weight: 600;
}
.component-installation .o-step .m-step-pad:last-child {
  margin-bottom: inherit;
}
.component-installation .o-step .a-text-error {
  color: #c61112;
}
.component-installation {
  /**
   * Do not edit directly, this file was auto-generated.
   */
}
.component-installation .summary__image {
  width: 100%;
}
.component-installation .summary__title {
  font-size: 1.5rem;
  font-weight: 600;
  color: #404040;
  margin-bottom: 1rem;
  margin-top: 1.5rem;
}
@media (width >= 1024px) {
  .component-installation .summary__title {
    margin-top: 0;
  }
}
.component-installation .summary__price {
  color: #404040;
  margin-bottom: 1.5rem;
}
.component-installation .summary__include {
  font-size: 0.875rem;
  color: #000000;
  fill: var(--color-primary-01-500);
}
.component-installation .summary__include:not(:last-child) {
  margin-bottom: 1rem;
}
.component-installation .summary__include:last-child {
  margin-bottom: 1.5rem;
}
.component-installation .summary__good-to-know {
  border-radius: 0.125rem;
  background-color: rgba(0, 0, 0, 0.05);
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.component-installation .summary__good-to-know--title {
  font-weight: 600;
  color: #404040;
  margin-bottom: 1rem;
}
.component-installation .summary__good-to-know--item {
  font-size: 0.875rem;
  color: #404040;
}
.component-installation .summary__link {
  color: #000000;
  font-size: 0.875rem;
  margin-top: 2rem;
}
.component-installation .summary__visually-hidden {
  height: 0;
  width: 0;
  overflow: hidden;
  position: absolute;
  top: -1000px;
  left: -1000px;
  text-align: left;
  opacity: 0;
}
.component-installation {
  /**
   * Do not edit directly, this file was auto-generated.
   */
}
.component-installation .o-hero-box {
  position: relative;
}
@media (width >= 680px) {
  .component-installation .o-hero-box::before, .component-installation .o-hero-box::after {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 33.3333333333%;
  }
  .component-installation .o-hero-box::before {
    background-color: #eff1f6;
    left: 0;
    right: 33.3333333333%;
  }
  .component-installation .o-hero-box::after {
    background-color: #242938;
    left: 66.6666666667%;
    right: 0;
  }
  .component-installation .o-hero-box--no-picture::before {
    right: 0;
  }
  .component-installation .o-hero-box--no-picture::after {
    display: none;
  }
}
.component-installation .o-hero-box__content-block {
  text-align: center;
  position: relative;
  z-index: 1;
}
.component-installation .o-hero-box__content-block--margin {
  margin-top: 50%;
}
@media (width >= 680px) {
  .component-installation .o-hero-box__content-block {
    text-align: left;
    margin-top: inherit;
    margin-bottom: inherit;
  }
}
.component-installation .o-hero-box .grey-box {
  background-color: #eff1f6;
  padding: 1rem;
}
@media (width >= 680px) {
  .component-installation .o-hero-box .grey-box {
    background-color: transparent;
    padding-left: 0;
    padding-right: 0;
  }
}
.component-installation .o-hero-box .white-box {
  background-color: #ffffff;
  padding: 1rem;
  box-shadow: rgba(0, 0, 0, 0.1) 0 20px 25px -5px, rgba(0, 0, 0, 0.04) 0 10px 10px -5px;
}
.component-installation .o-hero-box .white-box__description {
  font-size: 1.125rem;
  font-weight: 600;
}
.component-installation .o-hero-box .white-box__text {
  font-size: 1rem;
}
.component-installation .o-hero-box .white-box__price {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.3;
  color: #404040;
}
.component-installation .o-hero-box .white-box__price--label {
  font-size: 1.125rem;
}
.component-installation .o-hero-box .white-box__additional-infos {
  font-size: 0.75rem;
  margin-top: 0.5rem;
  color: #666666;
}
.component-installation .o-hero-box .white-box__additional-infos--link {
  font-size: 0.75rem;
  color: #666666;
}
.component-installation .o-hero-box .white-box__additional-infos--reviews {
  display: inline-flex;
  margin-top: 1rem;
}
@media (width >= 680px) {
  .component-installation .o-hero-box .white-box__additional-infos--reviews {
    display: block;
  }
}
.component-installation .o-hero-box__image {
  width: 100%;
  position: absolute;
  left: 0;
}
@media (width >= 680px) {
  .component-installation .o-hero-box__image {
    position: relative;
    left: inherit;
    z-index: 2;
  }
}
.component-installation {
  /**
   * Do not edit directly, this file was auto-generated.
   */
}
.component-installation .mc-star-rating {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.component-installation .mc-star-rating--standard .mc-star-rating__icon {
  color: #000000;
  fill: currentcolor;
}
.component-installation .mc-star-rating--accent .mc-star-rating__icon {
  color: #ea7315;
  fill: currentcolor;
}
.component-installation .mc-star-rating--slider {
  cursor: pointer;
}
.component-installation .mc-star-rating--link {
  text-decoration: none;
  cursor: pointer;
}
.component-installation .mc-star-rating--link:not(:hover) .mc-star-rating__info {
  text-decoration: underline;
}
.component-installation .mc-star-rating--s .mc-star-rating__icon {
  width: 1.25rem;
  height: 1.25rem;
}
.component-installation .mc-star-rating--s .mc-star-rating__info {
  font-size: 0.875rem;
}
.component-installation .mc-star-rating--m .mc-star-rating__icon {
  width: 1.5rem;
  height: 1.5rem;
}
.component-installation .mc-star-rating--m .mc-star-rating__info {
  font-size: 1rem;
}
.component-installation .mc-star-rating--l .mc-star-rating__icon {
  width: 2rem;
  height: 2rem;
}
.component-installation .mc-star-rating--l .mc-star-rating__info {
  font-size: 1.125rem;
}
.component-installation .mc-star-rating__wrapper {
  display: flex;
  align-items: center;
}
.component-installation .mc-star-rating__info {
  font-weight: 600;
  line-height: 1.3;
  color: #000000;
}
.component-installation .mc-flag {
  padding: 0 0.5rem;
  border-radius: 0.125rem;
  white-space: nowrap;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  height: 1.5rem;
  display: inline-flex;
  align-items: center;
  color: #ffffff;
  background-color: #191919;
}
.component-installation .mc-flag--accent {
  color: #ffffff;
  background-color: #117f03;
}
.component-installation .mc-flag--danger {
  color: #ffffff;
  background-color: #c61112;
}
.component-installation .mc-flag--inverse {
  color: #000000;
  background-color: #ffffff;
}
.component-installation .o-totemproduct {
  padding-bottom: 3rem;
}
.component-installation .o-totemproduct .o-totem-zone--bg {
  padding: 2.5rem 1rem 1.5rem 1rem;
  background-color: rgba(0, 0, 0, 0.05);
}
@media (width >= 1024px) {
  .component-installation .o-totemproduct .o-totem-zone--bg {
    padding: 2.5rem;
  }
}
.component-installation .o-totemproduct .o-totem-zone__link {
  text-decoration: none;
}
.component-installation .o-totemproduct .o-totem-zone__price {
  font-size: 0.875rem;
}
.component-installation .o-totemproduct .o-totem-zone__price--big {
  font-size: 1.5rem;
  font-weight: 600;
}
.component-installation .o-totemproduct .m-card-advantages {
  margin-bottom: 0.5rem;
}
.component-installation .o-totemproduct .m-card-advantages__icon {
  margin-right: 0.75rem;
}
.component-installation .o-totemproduct .m-card-advantages__icon--color {
  fill: var(--color-primary-01-500);
}
.component-installation .o-totemproduct .m-card-advantages__title {
  font-size: 1rem;
}
.component-installation {
  /**
   * Do not edit directly, this file was auto-generated.
   */
}
@media (width >= 320px) {
  .component-installation .product-list {
    min-width: calc(100% / 1.4 - 16 * 1px + 16 * 1px / 1.4);
    max-width: calc(100% / 1.4 - 16 * 1px + 16 * 1px / 1.4);
  }
  .component-installation .product-list:not(:last-child) {
    margin-right: 16px;
  }
}
@media (width >= 1024px) {
  .component-installation .product-list {
    min-width: calc(100% / 3 - 32 * 1px + 32 * 1px / 3);
    max-width: calc(100% / 3 - 32 * 1px + 32 * 1px / 3);
  }
  .component-installation .product-list:not(:last-child) {
    margin-right: 32px;
  }
}
@media (width >= 1280px) {
  .component-installation .product-list {
    min-width: calc(100% / 4 - 32 * 1px + 32 * 1px / 4);
    max-width: calc(100% / 4 - 32 * 1px + 32 * 1px / 4);
  }
  .component-installation .product-list:not(:last-child) {
    margin-right: 32px;
  }
}
.component-installation .product-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start !important;
  margin-bottom: 0 !important;
}
@media (width >= 1024px) {
  .component-installation .product-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .component-installation .product-list:not(:last-child) {
    position: relative;
  }
  .component-installation .product-list:not(:last-child)::after {
    position: absolute;
    bottom: -2rem;
  }
}
@media (width >= 1920px) {
  .component-installation .product-list {
    padding-right: 1rem;
  }
}
.component-installation .product-list:not(:last-child) {
  margin-bottom: 4rem;
}
.component-installation .product-list::after {
  content: none !important;
}
@media (width >= 1024px) {
  .component-installation .product-list__container {
    width: 50%;
    margin: 0 0.5rem;
  }
  .component-installation .product-list__container:first-child {
    margin-left: 0;
  }
  .component-installation .product-list__container:last-child {
    margin-right: 0;
  }
}
@media (width >= 1024px) {
  .component-installation .product-list__container--revert-1 {
    order: 1;
    margin: 0 0 0 0.5rem !important;
  }
}
@media (width >= 1024px) {
  .component-installation .product-list__container--revert-0 {
    order: 0;
    margin: 0 0.5rem 0 0 !important;
  }
}
.component-installation .product-list__container--auto {
  width: auto;
}
.component-installation .product-list__image {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
}
.component-installation .product-list__image-wrapper {
  position: relative;
  width: 100%;
}
.component-installation .product-list__image-wrapper::before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 100%;
}
.component-installation .product-list__picture {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.component-installation .product-list__link {
  text-decoration: none;
}
.component-installation .product-list__link:hover {
  text-decoration: underline;
}
.component-installation .product-list__title {
  font-size: 0.875rem;
  font-weight: 600;
  color: #000000;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
@media (width >= 680px) {
  .component-installation .product-list__title {
    font-size: 1rem;
  }
}
.component-installation .product-list__sub-title {
  font-size: 0.875rem;
  font-weight: 600;
  color: #000000;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
@media (width >= 680px) {
  .component-installation .product-list__sub-title {
    font-size: 1rem;
    margin-top: 1rem;
  }
}
.component-installation .product-list__rating {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.component-installation .product-list__rating-text {
  color: #666666;
  font-size: 0.75rem;
  margin-left: 0.5rem;
}
.component-installation .product-list__price {
  color: #000000;
  font-size: 1.125rem;
  font-weight: 600;
  display: flex;
  justify-content: left;
  align-items: baseline;
  margin-bottom: 0.5rem;
}
@media (width >= 680px) {
  .component-installation .product-list__price {
    font-size: 1.5rem;
  }
}
.component-installation .product-list__price-label {
  color: #000000;
  font-size: 0.875rem;
  font-weight: 400;
  margin-right: 0.5rem;
}
.component-installation .product-list__price-sub-label {
  font-size: 0.75rem;
  color: #000000;
}
.component-installation .product-list__price-sub-label-detail-link {
  color: #000000;
}
.component-installation .product-list__footer {
  background-color: rgba(0, 0, 0, 0.05);
  padding: 1rem 0.5rem 1.5rem 0.5rem;
}
@media (width >= 1024px) {
  .component-installation .product-list__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
  }
}
@media (width >= 1280px) {
  .component-installation .product-list__footer {
    padding: 1.5rem 2rem;
  }
}
.component-installation .product-list__footer--minor {
  background-color: inherit;
  padding: 0;
  display: block;
  margin-top: auto;
  width: 100%;
}
@media (width >= 1024px) {
  .component-installation .product-list__carousel {
    display: flex;
    justify-content: space-around;
  }
  .component-installation .product-list__carousel--content {
    flex: 0 0 83.3333333333%;
    width: 100%;
    max-width: 83.3333333333%;
  }
}
.component-installation {
  /**
   * Do not edit directly, this file was auto-generated.
   */
}
.component-installation .mt-title {
  font-weight: 600;
}
.component-installation .mt-title--l {
  font-size: 1.75rem;
  line-height: 2.275rem;
}
.component-installation .mt-title--m {
  font-size: 1.5rem;
  line-height: 1.95rem;
}
.component-installation .mt-title--s {
  font-size: 1.125rem;
  line-height: 1.4625rem;
}
.component-installation .mc-carousel {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
.component-installation .mc-carousel__header {
  display: flex;
  align-items: flex-start;
}
.component-installation .mc-carousel__headings {
  display: flex;
  flex-direction: column;
  row-gap: 0.25rem;
  flex: 1;
  align-items: flex-start;
  color: #000000;
}
.component-installation .mc-carousel__controls {
  display: flex;
  column-gap: 0.5rem;
  margin: 0.25rem 0.25rem 0 0;
}
.component-installation .mc-carousel__content {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
}
.component-installation .mc-carousel__content > * {
  scroll-snap-align: start;
}
.component-installation .o-push-product {
  background: linear-gradient(180deg, rgba(235, 238, 244, 0) 0%, #eff1f6 100%);
}
.component-installation .o-push-product .mc-carousel__content {
  align-items: stretch;
}
@media (width >= 320px) {
  .component-installation .o-push-product .push-product-carousel {
    min-width: calc(100% / 1.1 - 16 * 1px + 16 * 1px / 1.1);
    max-width: calc(100% / 1.1 - 16 * 1px + 16 * 1px / 1.1);
  }
  .component-installation .o-push-product .push-product-carousel:not(:last-child) {
    margin-right: 16px;
  }
}
@media (width >= 680px) {
  .component-installation .o-push-product .push-product-carousel {
    min-width: calc(100% / 2.2 - 16 * 1px + 16 * 1px / 2.2);
    max-width: calc(100% / 2.2 - 16 * 1px + 16 * 1px / 2.2);
  }
  .component-installation .o-push-product .push-product-carousel:not(:last-child) {
    margin-right: 16px;
  }
}
@media (width >= 1024px) {
  .component-installation .o-push-product .push-product-carousel {
    min-width: calc(100% / 3 - 24 * 1px + 24 * 1px / 3);
    max-width: calc(100% / 3 - 24 * 1px + 24 * 1px / 3);
  }
  .component-installation .o-push-product .push-product-carousel:not(:last-child) {
    margin-right: 24px;
  }
}
@media (width >= 1280px) {
  .component-installation .o-push-product .push-product-carousel {
    min-width: calc(100% / 4 - 24 * 1px + 24 * 1px / 4);
    max-width: calc(100% / 4 - 24 * 1px + 24 * 1px / 4);
  }
  .component-installation .o-push-product .push-product-carousel:not(:last-child) {
    margin-right: 24px;
  }
}
.component-installation .o-push-product .push-product-carousel__item {
  border-radius: 0.25rem;
  padding: 1rem;
  background-color: #ffffff;
}
.component-installation .o-push-product .push-product-carousel__image {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
}
.component-installation .o-push-product .push-product-carousel__image-wrapper {
  position: relative;
  width: 100%;
}
.component-installation .o-push-product .push-product-carousel__image-wrapper::before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 100%;
}
.component-installation .o-push-product .push-product-carousel__picture {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.component-installation .o-push-product .push-product-carousel__title {
  margin-top: 1rem;
}
.component-installation .o-push-product .push-product-carousel__price {
  color: #000000;
  font-size: 1.5rem;
  font-weight: 600;
}
.component-installation .o-push-product .push-product-carousel__price-label {
  font-size: 0.75rem;
  font-weight: 400;
  color: #666666;
}
.component-installation .o-push-product .push-product-carousel__mentions {
  font-size: 0.75rem;
  font-weight: 400;
  color: #666666;
}
.component-installation {
  /**
   * Do not edit directly, this file was auto-generated.
   */
}
.component-installation .o-contact-zone__color {
  background-color: #ebf5de;
  padding: 1.5rem;
}
@media (width >= 1024px) {
  .component-installation .o-contact-zone__color {
    padding: 2.5rem;
  }
}
.component-installation .o-contact-zone__number {
  font-size: 1.5rem;
  font-weight: 600;
  color: #404040;
}
.component-installation .o-contact-zone__notice {
  font-size: 0.875rem;
  color: #404040;
  text-align: center;
}
@media (width >= 680px) {
  .component-installation .o-contact-zone__notice {
    text-align: left;
  }
}
.component-installation {
  /**
   * Do not edit directly, this file was auto-generated.
   */
}
.component-installation .mt-title {
  font-weight: 600;
}
.component-installation .mt-title--l {
  font-size: 1.75rem;
  line-height: 2.275rem;
}
.component-installation .mt-title--m {
  font-size: 1.5rem;
  line-height: 1.95rem;
}
.component-installation .mt-title--s {
  font-size: 1.125rem;
  line-height: 1.4625rem;
}
.component-installation .mc-carousel {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
.component-installation .mc-carousel__header {
  display: flex;
  align-items: flex-start;
}
.component-installation .mc-carousel__headings {
  display: flex;
  flex-direction: column;
  row-gap: 0.25rem;
  flex: 1;
  align-items: flex-start;
  color: #000000;
}
.component-installation .mc-carousel__controls {
  display: flex;
  column-gap: 0.5rem;
  margin: 0.25rem 0.25rem 0 0;
}
.component-installation .mc-carousel__content {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
}
.component-installation .mc-carousel__content > * {
  scroll-snap-align: start;
}
@media (width >= 320px) {
  .component-installation .m-meshing-services {
    min-width: calc(100% / 1.1 - 16 * 1px + 16 * 1px / 1.1);
    max-width: calc(100% / 1.1 - 16 * 1px + 16 * 1px / 1.1);
  }
  .component-installation .m-meshing-services:not(:last-child) {
    margin-right: 16px;
  }
}
@media (width >= 680px) {
  .component-installation .m-meshing-services {
    min-width: calc(100% / 2.5 - 16 * 1px + 16 * 1px / 2.5);
    max-width: calc(100% / 2.5 - 16 * 1px + 16 * 1px / 2.5);
  }
  .component-installation .m-meshing-services:not(:last-child) {
    margin-right: 16px;
  }
}
@media (width >= 1024px) {
  .component-installation .m-meshing-services {
    min-width: calc(100% / 2.5 - 24 * 1px + 24 * 1px / 2.5);
    max-width: calc(100% / 2.5 - 24 * 1px + 24 * 1px / 2.5);
  }
  .component-installation .m-meshing-services:not(:last-child) {
    margin-right: 24px;
  }
}
@media (width >= 1280px) {
  .component-installation .m-meshing-services {
    min-width: calc(100% / 3.5 - 24 * 1px + 24 * 1px / 3.5);
    max-width: calc(100% / 3.5 - 24 * 1px + 24 * 1px / 3.5);
  }
  .component-installation .m-meshing-services:not(:last-child) {
    margin-right: 24px;
  }
}
.component-installation .m-meshing-services {
  border-radius: 0.125rem;
  border: 0.125rem solid #808080;
  position: relative;
}
.component-installation .m-meshing-services__content {
  padding: 1rem;
}
.component-installation .m-meshing-services__picture {
  border-radius: 0.125rem 0.125rem 0 0;
}
.component-installation .m-meshing-services__heading {
  font-size: 1.125rem;
  font-weight: 600;
  color: #000000;
}
.component-installation .m-meshing-services__description {
  color: #404040;
  /* stylelint-disable */
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  /* stylelint-enable */
  text-overflow: ellipsis;
  overflow: hidden;
}
.component-installation .service-atc--success__column {
  flex-flow: column;
}
.component-installation .service-atc--success__column-ref {
  color: var(--color-grey-500);
}
.component-installation {
  /**
   * Do not edit directly, this file was auto-generated.
   */
}
.component-installation .o-included-not-included .segmented {
  border-radius: 0.5rem;
  border: 0.0625rem solid #cccccc;
  padding: 0.25rem;
  margin-bottom: 1rem;
  display: flex;
  flex-direction: row;
  column-gap: 0.25rem;
}
.component-installation .o-included-not-included .segmented__item {
  flex: 1 1 auto;
}
.component-installation .o-included-not-included .segmented__button {
  border-radius: 0.125rem;
  min-height: 3rem;
  min-width: 3rem;
  width: 100%;
  text-align: center;
  border: 0.125rem solid transparent;
  cursor: pointer;
  justify-content: center;
  vertical-align: middle;
  align-items: stretch;
  box-sizing: border-box;
  box-shadow: none;
  text-decoration: none;
  outline: none;
  padding: 1rem 1.5rem;
}
.component-installation .o-included-not-included .segmented__button:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.component-installation .o-included-not-included .segmented__button--selected, .component-installation .o-included-not-included .segmented__button--selected:hover {
  font-weight: 600;
  background-color: #464e63;
  color: #ffffff;
}
.component-installation .o-included-not-included .segmented__button:focus {
  box-shadow: 0 0 0 0.125rem var(--color-focus-gap), 0 0 0 0.25rem var(--color-focus-border);
}
.component-installation .o-included-not-included .segmented__icon {
  fill: var(--color-font-lightest);
}
.component-installation .o-included-not-included .included-list {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}
.component-installation .o-included-not-included .included-list--item {
  border-radius: 0.125rem;
  padding: 1rem 2rem;
  background-color: rgba(0, 0, 0, 0.05);
}
.component-installation {
  /**
   * Do not edit directly, this file was auto-generated.
   */
}
.component-installation .mt-title {
  font-weight: 600;
}
.component-installation .mt-title--l {
  font-size: 1.75rem;
  line-height: 2.275rem;
}
.component-installation .mt-title--m {
  font-size: 1.5rem;
  line-height: 1.95rem;
}
.component-installation .mt-title--s {
  font-size: 1.125rem;
  line-height: 1.4625rem;
}
.component-installation .mc-carousel {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
.component-installation .mc-carousel__header {
  display: flex;
  align-items: flex-start;
}
.component-installation .mc-carousel__headings {
  display: flex;
  flex-direction: column;
  row-gap: 0.25rem;
  flex: 1;
  align-items: flex-start;
  color: #000000;
}
.component-installation .mc-carousel__controls {
  display: flex;
  column-gap: 0.5rem;
  margin: 0.25rem 0.25rem 0 0;
}
.component-installation .mc-carousel__content {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
}
.component-installation .mc-carousel__content > * {
  scroll-snap-align: start;
}
.component-installation .o-step {
  /**
   * Do not edit directly, this file was auto-generated.
   */
}
.component-installation .o-step .custom-card {
  border-radius: 0.5rem;
  border: 0.0625rem solid #cccccc;
  overflow: hidden;
  height: 100%;
}
.component-installation .o-step .custom-card__visual {
  margin: 0;
  overflow: hidden;
  position: relative;
}
.component-installation .o-step .custom-card__visual::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 75%;
}
.component-installation .o-step .custom-card__visual--1x1::before {
  padding-top: 100%;
}
.component-installation .o-step .custom-card__visual--16x9::before {
  padding-top: 56.25%;
}
.component-installation .o-step .custom-card__img {
  height: auto;
  left: 0;
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
}
.component-installation .o-step .custom-card__content {
  /* migrated: $mu175 -> 1.75rem */
  padding: 1.75rem 1.5rem 1.5rem;
  position: relative;
}
.component-installation .o-step .custom-card__title {
  font-size: 1rem;
  font-weight: 600;
  color: #000000;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.component-installation .o-step .custom-card__number {
  font-size: 1.125rem;
  font-weight: 600;
  background-color: #242938;
  color: #ffffff;
  border-radius: 100%;
  position: absolute;
  top: -1rem;
  width: 2rem;
  height: 2rem;
  text-align: center;
  line-height: 2rem;
}
.component-installation .o-step .custom-card__number--no-picture {
  position: relative;
}
.component-installation .o-step .custom-card__body {
  font-size: 0.875rem;
  color: #404040;
}
.component-installation .o-step .custom-card__body:not(:last-child) {
  margin-bottom: 1rem;
}
.component-installation .o-step .mc-carousel__content {
  align-items: stretch;
}
@media (width >= 320px) {
  .component-installation .o-step .step-carousel {
    min-width: calc(100% / 1.1 - 16 * 1px + 16 * 1px / 1.1);
    max-width: calc(100% / 1.1 - 16 * 1px + 16 * 1px / 1.1);
  }
  .component-installation .o-step .step-carousel:not(:last-child) {
    margin-right: 16px;
  }
}
@media (width >= 680px) {
  .component-installation .o-step .step-carousel {
    min-width: calc(100% / 2.2 - 16 * 1px + 16 * 1px / 2.2);
    max-width: calc(100% / 2.2 - 16 * 1px + 16 * 1px / 2.2);
  }
  .component-installation .o-step .step-carousel:not(:last-child) {
    margin-right: 16px;
  }
}
@media (width >= 1024px) {
  .component-installation .o-step .step-carousel {
    min-width: calc(100% / 3 - 24 * 1px + 24 * 1px / 3);
    max-width: calc(100% / 3 - 24 * 1px + 24 * 1px / 3);
  }
  .component-installation .o-step .step-carousel:not(:last-child) {
    margin-right: 24px;
  }
}
@media (width >= 1280px) {
  .component-installation .o-step .step-carousel {
    min-width: calc(100% / 4 - 24 * 1px + 24 * 1px / 4);
    max-width: calc(100% / 4 - 24 * 1px + 24 * 1px / 4);
  }
  .component-installation .o-step .step-carousel:not(:last-child) {
    margin-right: 24px;
  }
}
.component-installation .o-step .step-carousel {
  padding-bottom: 1rem;
}
.component-installation {
  /**
   * Do not edit directly, this file was auto-generated.
   */
}
.component-installation .o-technical-visit-advantages {
  background-color: #006902;
  padding: 2.5rem 0;
}
.component-installation .o-technical-visit-advantages .advantage-card {
  border-radius: 0.5rem;
  color: #000000;
  background-color: #ffffff;
  width: 100%;
  height: 100%;
  padding: 1.5rem;
  text-align: center;
}
.component-installation .o-technical-visit-advantages .advantage-card__title {
  font-size: 1.125rem;
  font-weight: 600;
}

/*# sourceMappingURL=installation.css.map*/