/* Global */
.sp-content-module .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.sp-content-module .wm-hl-pointer-1 {
  height: 60px;
  width: 60px;
  -webkit-animation: pointer60 0.8s steps(1) infinite;
  -moz-animation: pointer60 0.8s steps(1) infinite;
  -o-animation: pointer60 0.8s steps(1) infinite;
  animation: pointer60 0.8s steps(1) infinite;
}
@-webkit-keyframes pointer60 {
  from {
    background-position: 0;
  }
  to {
    background-position: -60px;
  }
}
@-moz-keyframes pointer60 {
  from {
    background-position: 0;
  }
  to {
    background-position: -60px;
  }
}
@-ms-keyframes pointer60 {
  from {
    background-position: 0;
  }
  to {
    background-position: -60px;
  }
}
@-o-keyframes pointer60 {
  from {
    background-position: 0;
  }
  to {
    background-position: -60px;
  }
}
@keyframes pointer60 {
  from {
    background-position: 0;
  }
  to {
    background-position: -60px;
  }
}
.sp-content-module .wm-hl-pointer-2 {
  height: 60px;
  width: 60px;
  -webkit-animation: pointer120 0.8s steps(2) infinite;
  -moz-animation: pointer120 0.8s steps(2) infinite;
  -o-animation: pointer120 0.8s steps(2) infinite;
  animation: pointer120 0.8s steps(2) infinite;
}
@-webkit-keyframes pointer120 {
  from {
    background-position: 0;
  }
  to {
    background-position: -120px;
  }
}
@-moz-keyframes pointer120 {
  from {
    background-position: 0;
  }
  to {
    background-position: -120px;
  }
}
@-ms-keyframes pointer120 {
  from {
    background-position: 0;
  }
  to {
    background-position: -120px;
  }
}
@-o-keyframes pointer120 {
  from {
    background-position: 0;
  }
  to {
    background-position: -120px;
  }
}
@keyframes pointer120 {
  from {
    background-position: 0;
  }
  to {
    background-position: -120px;
  }
}
.sp-content-module .wm-hl-pointer-3 {
  height: 60px;
  width: 60px;
  -webkit-animation: pointer180 0.8s steps(3) infinite;
  -moz-animation: pointer180 0.8s steps(3) infinite;
  -o-animation: pointer180 0.8s steps(3) infinite;
  animation: pointer180 0.8s steps(3) infinite;
}
@-webkit-keyframes pointer180 {
  from {
    background-position: 0;
  }
  to {
    background-position: -180px;
  }
}
@-moz-keyframes pointer180 {
  from {
    background-position: 0;
  }
  to {
    background-position: -180px;
  }
}
@-ms-keyframes pointer180 {
  from {
    background-position: 0;
  }
  to {
    background-position: -180px;
  }
}
@-o-keyframes pointer180 {
  from {
    background-position: 0;
  }
  to {
    background-position: -180px;
  }
}
@keyframes pointer180 {
  from {
    background-position: 0;
  }
  to {
    background-position: -180px;
  }
}
.sp-content-module .wm-hl-pointer-4 {
  height: 60px;
  width: 60px;
  -webkit-animation: pointer240 0.8s steps(4) infinite;
  -moz-animation: pointer240 0.8s steps(4) infinite;
  -o-animation: pointer240 0.8s steps(4) infinite;
  animation: pointer240 0.8s steps(4) infinite;
}
@-webkit-keyframes pointer240 {
  from {
    background-position: 0;
  }
  to {
    background-position: -240px;
  }
}
@-moz-keyframes pointer240 {
  from {
    background-position: 0;
  }
  to {
    background-position: -240px;
  }
}
@-ms-keyframes pointer240 {
  from {
    background-position: 0;
  }
  to {
    background-position: -240px;
  }
}
@-o-keyframes pointer240 {
  from {
    background-position: 0;
  }
  to {
    background-position: -240px;
  }
}
@keyframes pointer240 {
  from {
    background-position: 0;
  }
  to {
    background-position: -240px;
  }
}
.sp-content-module .wm-hl-pointer-5 {
  height: 60px;
  width: 60px;
  -webkit-animation: pointer300 0.8s steps(5) infinite;
  -moz-animation: pointer300 0.8s steps(5) infinite;
  -o-animation: pointer300 0.8s steps(5) infinite;
  animation: pointer300 0.8s steps(5) infinite;
}
@-webkit-keyframes pointer300 {
  from {
    background-position: 0;
  }
  to {
    background-position: -300px;
  }
}
@-moz-keyframes pointer300 {
  from {
    background-position: 0;
  }
  to {
    background-position: -300px;
  }
}
@-ms-keyframes pointer300 {
  from {
    background-position: 0;
  }
  to {
    background-position: -300px;
  }
}
@-o-keyframes pointer300 {
  from {
    background-position: 0;
  }
  to {
    background-position: -300px;
  }
}
@keyframes pointer300 {
  from {
    background-position: 0;
  }
  to {
    background-position: -300px;
  }
}
.sp-content-module .wm-hl-pointer-6 {
  height: 60px;
  width: 60px;
  -webkit-animation: pointer360 0.8s steps(6) infinite;
  -moz-animation: pointer360 0.8s steps(6) infinite;
  -o-animation: pointer360 0.8s steps(6) infinite;
  animation: pointer360 0.8s steps(6) infinite;
}
@-webkit-keyframes pointer360 {
  from {
    background-position: 0;
  }
  to {
    background-position: -360px;
  }
}
@-moz-keyframes pointer360 {
  from {
    background-position: 0;
  }
  to {
    background-position: -360px;
  }
}
@-ms-keyframes pointer360 {
  from {
    background-position: 0;
  }
  to {
    background-position: -360px;
  }
}
@-o-keyframes pointer360 {
  from {
    background-position: 0;
  }
  to {
    background-position: -360px;
  }
}
@keyframes pointer360 {
  from {
    background-position: 0;
  }
  to {
    background-position: -360px;
  }
}
.sp-content-module .wm-hl-pointer-7 {
  height: 60px;
  width: 60px;
  -webkit-animation: pointer420 0.8s steps(7) infinite;
  -moz-animation: pointer420 0.8s steps(7) infinite;
  -o-animation: pointer420 0.8s steps(7) infinite;
  animation: pointer420 0.8s steps(7) infinite;
}
@-webkit-keyframes pointer420 {
  from {
    background-position: 0;
  }
  to {
    background-position: -420px;
  }
}
@-moz-keyframes pointer420 {
  from {
    background-position: 0;
  }
  to {
    background-position: -420px;
  }
}
@-ms-keyframes pointer420 {
  from {
    background-position: 0;
  }
  to {
    background-position: -420px;
  }
}
@-o-keyframes pointer420 {
  from {
    background-position: 0;
  }
  to {
    background-position: -420px;
  }
}
@keyframes pointer420 {
  from {
    background-position: 0;
  }
  to {
    background-position: -420px;
  }
}
.sp-content-module .wm-hl-pointer-8 {
  height: 60px;
  width: 60px;
  -webkit-animation: pointer480 0.8s steps(8) infinite;
  -moz-animation: pointer480 0.8s steps(8) infinite;
  -o-animation: pointer480 0.8s steps(8) infinite;
  animation: pointer480 0.8s steps(8) infinite;
}
@-webkit-keyframes pointer480 {
  from {
    background-position: 0;
  }
  to {
    background-position: -480px;
  }
}
@-moz-keyframes pointer480 {
  from {
    background-position: 0;
  }
  to {
    background-position: -480px;
  }
}
@-ms-keyframes pointer480 {
  from {
    background-position: 0;
  }
  to {
    background-position: -480px;
  }
}
@-o-keyframes pointer480 {
  from {
    background-position: 0;
  }
  to {
    background-position: -480px;
  }
}
@keyframes pointer480 {
  from {
    background-position: 0;
  }
  to {
    background-position: -480px;
  }
}
.sp-content-module .wm-hl-pointer-9 {
  height: 60px;
  width: 60px;
  -webkit-animation: pointer540 0.8s steps(9) infinite;
  -moz-animation: pointer540 0.8s steps(9) infinite;
  -o-animation: pointer540 0.8s steps(9) infinite;
  animation: pointer540 0.8s steps(9) infinite;
}
@-webkit-keyframes pointer540 {
  from {
    background-position: 0;
  }
  to {
    background-position: -540px;
  }
}
@-moz-keyframes pointer540 {
  from {
    background-position: 0;
  }
  to {
    background-position: -540px;
  }
}
@-ms-keyframes pointer540 {
  from {
    background-position: 0;
  }
  to {
    background-position: -540px;
  }
}
@-o-keyframes pointer540 {
  from {
    background-position: 0;
  }
  to {
    background-position: -540px;
  }
}
@keyframes pointer540 {
  from {
    background-position: 0;
  }
  to {
    background-position: -540px;
  }
}
.sp-content-module .wm-hl-pointer-10 {
  height: 60px;
  width: 60px;
  -webkit-animation: pointer600 0.8s steps(10) infinite;
  -moz-animation: pointer600 0.8s steps(10) infinite;
  -o-animation: pointer600 0.8s steps(10) infinite;
  animation: pointer600 0.8s steps(10) infinite;
}
@-webkit-keyframes pointer600 {
  from {
    background-position: 0;
  }
  to {
    background-position: -600px;
  }
}
@-moz-keyframes pointer600 {
  from {
    background-position: 0;
  }
  to {
    background-position: -600px;
  }
}
@-ms-keyframes pointer600 {
  from {
    background-position: 0;
  }
  to {
    background-position: -600px;
  }
}
@-o-keyframes pointer600 {
  from {
    background-position: 0;
  }
  to {
    background-position: -600px;
  }
}
@keyframes pointer600 {
  from {
    background-position: 0;
  }
  to {
    background-position: -600px;
  }
}
.sp-content-module .wm-hl-pointer-11 {
  height: 60px;
  width: 60px;
  -webkit-animation: pointer660 0.8s steps(11) infinite;
  -moz-animation: pointer660 0.8s steps(11) infinite;
  -o-animation: pointer660 0.8s steps(11) infinite;
  animation: pointer660 0.8s steps(11) infinite;
}
@-webkit-keyframes pointer660 {
  from {
    background-position: 0;
  }
  to {
    background-position: -660px;
  }
}
@-moz-keyframes pointer660 {
  from {
    background-position: 0;
  }
  to {
    background-position: -660px;
  }
}
@-ms-keyframes pointer660 {
  from {
    background-position: 0;
  }
  to {
    background-position: -660px;
  }
}
@-o-keyframes pointer660 {
  from {
    background-position: 0;
  }
  to {
    background-position: -660px;
  }
}
@keyframes pointer660 {
  from {
    background-position: 0;
  }
  to {
    background-position: -660px;
  }
}
.sp-content-module .wm-hl-pointer-12 {
  height: 60px;
  width: 60px;
  -webkit-animation: pointer720 0.8s steps(12) infinite;
  -moz-animation: pointer720 0.8s steps(12) infinite;
  -o-animation: pointer720 0.8s steps(12) infinite;
  animation: pointer720 0.8s steps(12) infinite;
}
@-webkit-keyframes pointer720 {
  from {
    background-position: 0;
  }
  to {
    background-position: -720px;
  }
}
@-moz-keyframes pointer720 {
  from {
    background-position: 0;
  }
  to {
    background-position: -720px;
  }
}
@-ms-keyframes pointer720 {
  from {
    background-position: 0;
  }
  to {
    background-position: -720px;
  }
}
@-o-keyframes pointer720 {
  from {
    background-position: 0;
  }
  to {
    background-position: -720px;
  }
}
@keyframes pointer720 {
  from {
    background-position: 0;
  }
  to {
    background-position: -720px;
  }
}
.sp-content-module .wm-hl-pointer-13 {
  height: 60px;
  width: 60px;
  -webkit-animation: pointer780 0.8s steps(13) infinite;
  -moz-animation: pointer780 0.8s steps(13) infinite;
  -o-animation: pointer780 0.8s steps(13) infinite;
  animation: pointer780 0.8s steps(13) infinite;
}
@-webkit-keyframes pointer780 {
  from {
    background-position: 0;
  }
  to {
    background-position: -780px;
  }
}
@-moz-keyframes pointer780 {
  from {
    background-position: 0;
  }
  to {
    background-position: -780px;
  }
}
@-ms-keyframes pointer780 {
  from {
    background-position: 0;
  }
  to {
    background-position: -780px;
  }
}
@-o-keyframes pointer780 {
  from {
    background-position: 0;
  }
  to {
    background-position: -780px;
  }
}
@keyframes pointer780 {
  from {
    background-position: 0;
  }
  to {
    background-position: -780px;
  }
}
.sp-content-module .wm-hl-pointer-14 {
  height: 60px;
  width: 60px;
  -webkit-animation: pointer840 0.8s steps(14) infinite;
  -moz-animation: pointer840 0.8s steps(14) infinite;
  -o-animation: pointer840 0.8s steps(14) infinite;
  animation: pointer840 0.8s steps(14) infinite;
}
@-webkit-keyframes pointer840 {
  from {
    background-position: 0;
  }
  to {
    background-position: -840px;
  }
}
@-moz-keyframes pointer840 {
  from {
    background-position: 0;
  }
  to {
    background-position: -840px;
  }
}
@-ms-keyframes pointer840 {
  from {
    background-position: 0;
  }
  to {
    background-position: -840px;
  }
}
@-o-keyframes pointer840 {
  from {
    background-position: 0;
  }
  to {
    background-position: -840px;
  }
}
@keyframes pointer840 {
  from {
    background-position: 0;
  }
  to {
    background-position: -840px;
  }
}
.sp-content-module .wm-hl-pointer-15 {
  height: 60px;
  width: 60px;
  -webkit-animation: pointer900 0.8s steps(15) infinite;
  -moz-animation: pointer900 0.8s steps(15) infinite;
  -o-animation: pointer900 0.8s steps(15) infinite;
  animation: pointer900 0.8s steps(15) infinite;
}
@-webkit-keyframes pointer900 {
  from {
    background-position: 0;
  }
  to {
    background-position: -900px;
  }
}
@-moz-keyframes pointer900 {
  from {
    background-position: 0;
  }
  to {
    background-position: -900px;
  }
}
@-ms-keyframes pointer900 {
  from {
    background-position: 0;
  }
  to {
    background-position: -900px;
  }
}
@-o-keyframes pointer900 {
  from {
    background-position: 0;
  }
  to {
    background-position: -900px;
  }
}
@keyframes pointer900 {
  from {
    background-position: 0;
  }
  to {
    background-position: -900px;
  }
}
.sp-content-module .wm-hl-pointer-16 {
  height: 60px;
  width: 60px;
  -webkit-animation: pointer960 0.8s steps(16) infinite;
  -moz-animation: pointer960 0.8s steps(16) infinite;
  -o-animation: pointer960 0.8s steps(16) infinite;
  animation: pointer960 0.8s steps(16) infinite;
}
@-webkit-keyframes pointer960 {
  from {
    background-position: 0;
  }
  to {
    background-position: -960px;
  }
}
@-moz-keyframes pointer960 {
  from {
    background-position: 0;
  }
  to {
    background-position: -960px;
  }
}
@-ms-keyframes pointer960 {
  from {
    background-position: 0;
  }
  to {
    background-position: -960px;
  }
}
@-o-keyframes pointer960 {
  from {
    background-position: 0;
  }
  to {
    background-position: -960px;
  }
}
@keyframes pointer960 {
  from {
    background-position: 0;
  }
  to {
    background-position: -960px;
  }
}
.sp-content-module .wm-hl-pointer-17 {
  height: 60px;
  width: 60px;
  -webkit-animation: pointer1020 0.8s steps(17) infinite;
  -moz-animation: pointer1020 0.8s steps(17) infinite;
  -o-animation: pointer1020 0.8s steps(17) infinite;
  animation: pointer1020 0.8s steps(17) infinite;
}
@-webkit-keyframes pointer1020 {
  from {
    background-position: 0;
  }
  to {
    background-position: -1020px;
  }
}
@-moz-keyframes pointer1020 {
  from {
    background-position: 0;
  }
  to {
    background-position: -1020px;
  }
}
@-ms-keyframes pointer1020 {
  from {
    background-position: 0;
  }
  to {
    background-position: -1020px;
  }
}
@-o-keyframes pointer1020 {
  from {
    background-position: 0;
  }
  to {
    background-position: -1020px;
  }
}
@keyframes pointer1020 {
  from {
    background-position: 0;
  }
  to {
    background-position: -1020px;
  }
}
.sp-content-module .wm-hl-pointer-18 {
  height: 60px;
  width: 60px;
  -webkit-animation: pointer1080 0.8s steps(18) infinite;
  -moz-animation: pointer1080 0.8s steps(18) infinite;
  -o-animation: pointer1080 0.8s steps(18) infinite;
  animation: pointer1080 0.8s steps(18) infinite;
}
@-webkit-keyframes pointer1080 {
  from {
    background-position: 0;
  }
  to {
    background-position: -1080px;
  }
}
@-moz-keyframes pointer1080 {
  from {
    background-position: 0;
  }
  to {
    background-position: -1080px;
  }
}
@-ms-keyframes pointer1080 {
  from {
    background-position: 0;
  }
  to {
    background-position: -1080px;
  }
}
@-o-keyframes pointer1080 {
  from {
    background-position: 0;
  }
  to {
    background-position: -1080px;
  }
}
@keyframes pointer1080 {
  from {
    background-position: 0;
  }
  to {
    background-position: -1080px;
  }
}
.sp-content-module .wm-hl-pointer-19 {
  height: 60px;
  width: 60px;
  -webkit-animation: pointer1140 0.8s steps(19) infinite;
  -moz-animation: pointer1140 0.8s steps(19) infinite;
  -o-animation: pointer1140 0.8s steps(19) infinite;
  animation: pointer1140 0.8s steps(19) infinite;
}
@-webkit-keyframes pointer1140 {
  from {
    background-position: 0;
  }
  to {
    background-position: -1140px;
  }
}
@-moz-keyframes pointer1140 {
  from {
    background-position: 0;
  }
  to {
    background-position: -1140px;
  }
}
@-ms-keyframes pointer1140 {
  from {
    background-position: 0;
  }
  to {
    background-position: -1140px;
  }
}
@-o-keyframes pointer1140 {
  from {
    background-position: 0;
  }
  to {
    background-position: -1140px;
  }
}
@keyframes pointer1140 {
  from {
    background-position: 0;
  }
  to {
    background-position: -1140px;
  }
}
.sp-content-module .wm-hl-pointer-20 {
  height: 60px;
  width: 60px;
  -webkit-animation: pointer1200 0.8s steps(20) infinite;
  -moz-animation: pointer1200 0.8s steps(20) infinite;
  -o-animation: pointer1200 0.8s steps(20) infinite;
  animation: pointer1200 0.8s steps(20) infinite;
}
@-webkit-keyframes pointer1200 {
  from {
    background-position: 0;
  }
  to {
    background-position: -1200px;
  }
}
@-moz-keyframes pointer1200 {
  from {
    background-position: 0;
  }
  to {
    background-position: -1200px;
  }
}
@-ms-keyframes pointer1200 {
  from {
    background-position: 0;
  }
  to {
    background-position: -1200px;
  }
}
@-o-keyframes pointer1200 {
  from {
    background-position: 0;
  }
  to {
    background-position: -1200px;
  }
}
@keyframes pointer1200 {
  from {
    background-position: 0;
  }
  to {
    background-position: -1200px;
  }
}
.sp-content-module .wm-hl {
  position: relative;
  height: inherit;
  max-height: 100%;
  text-align: center;
  margin: 0 auto;
  z-index: 1;
  box-sizing: border-box;
}
.sp-content-module .wm-hl img {
  display: block;
}
.sp-content-module .wm-hl,
.sp-content-module .wm-hl * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.sp-content-module .wm-hl-highlight {
  position: relative;
  z-index: 9;
}
.sp-content-module .wm-hl-highlight-main,
.sp-content-module .wm-hl-highlight-mobile {
  position: relative;
  margin: 0 auto !important;
}
.sp-content-module .wm-hl-highlight-main img,
.sp-content-module .wm-hl-highlight-mobile img {
  display: block;
  border: 0;
}
.sp-content-module .wm-hl-highlight-mobile {
  display: none;
}
.sp-content-module .wm-hl-pointer,
.sp-content-module .wm-hl-shadow-pointer {
  position: absolute;
  z-index: 99;
  cursor: pointer;
}
.sp-content-module .wm-hl-pointer img,
.sp-content-module .wm-hl-shadow-pointer img {
  width: auto;
}
.sp-content-module .wm-hl-shadow-pointer {
  display: none;
  overflow: hidden;
}
.sp-content-module .wm-hl-callout {
  position: absolute;
  z-index: 98;
  width: 0;
  height: 0;
}
.sp-content-module .wm-hl-callout div {
  position: absolute;
  left: 0;
  display: block;
}
.sp-content-module .wm-hl-callout div span {
  position: relative;
  left: -50%;
  display: block;
  padding: 10px;
  background: #f4f8fd;
  border: 1px solid #eaeaea;
  color: #005c84;
  white-space: nowrap;
  font-size: 13px;
}
.sp-content-module .wm-hl-callout div.north {
  top: 0;
}
.sp-content-module .wm-hl-callout div.north span {
  margin-top: 11px;
}
.sp-content-module .wm-hl-callout div.north span:after,
.sp-content-module .wm-hl-callout div.north span:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: ' ';
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.sp-content-module .wm-hl-callout div.north span:after {
  border-color: rgba(244, 248, 253, 0);
  border-bottom-color: #f4f8fd;
  border-width: 10px;
  margin-left: -10px;
}
.sp-content-module .wm-hl-callout div.north span:before {
  border-color: rgba(234, 234, 234, 0);
  border-bottom-color: #eaeaea;
  border-width: 11px;
  margin-left: -11px;
}
.sp-content-module .wm-hl-callout div.south {
  bottom: 0;
}
.sp-content-module .wm-hl-callout div.south span {
  margin-bottom: 11px;
}
.sp-content-module .wm-hl-callout div.south span:after,
.sp-content-module .wm-hl-callout div.south span:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: ' ';
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.sp-content-module .wm-hl-callout div.south span:after {
  border-color: rgba(244, 248, 253, 0);
  border-top-color: #f4f8fd;
  border-width: 10px;
  margin-left: -10px;
}
.sp-content-module .wm-hl-callout div.south span:before {
  border-color: rgba(234, 234, 234, 0);
  border-top-color: #eaeaea;
  border-width: 11px;
  margin-left: -11px;
}
.sp-content-module .wm-hl-old {
  text-align: center;
}
.sp-content-module .wm-hl-zoom-btn {
  background: #ececec;
  border: 1px solid rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
}
.sp-content-module .highlights {
  text-align: center;
}
.sp-content-module .highlights .wm-hl {
  text-align: left;
}
/* Client utilities */
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Component Styles */
.sp-content-module .accordion .accordion-panel {
  margin-top: 8px;
  border-bottom: 2px solid var(--color-grey-dropdown);
}
.sp-content-module .accordion .accordion-panel:first-child {
  margin-top: 0;
}
.sp-content-module .accordion .accordion-header {
  width: 100%;
  padding: 16px;
  text-align: left;
  gap: 16px;
  cursor: pointer;
}
.sp-content-module .accordion .accordion-header svg {
  display: none;
}
.sp-content-module .accordion .accordion-header > span {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: var(--color-black);
  overflow-wrap: break-word;
  word-break: break-word;
  width: 100%;
  transition: color 0.3s ease;
}
.sp-content-module .accordion .accordion-header > div {
  width: 24px;
  min-width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 12.6L16.6 8L18 9.4L12 15.4L6 9.4L7.4 8L12 12.6Z' fill='%232D2D2D'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.2s ease-in-out;
}
.sp-content-module .accordion .accordion-panel[data-open="true"] .accordion-header > div {
  transform: rotate(-180deg);
}
.sp-content-module .accordion .accordion-header:hover > span {
  color: var(--color-secondary);
}
.sp-content-module .accordion .accordion-header:hover > div {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 12.6L16.6 8L18 9.4L12 15.4L6 9.4L7.4 8L12 12.6Z' fill='%23DA1884'/%3E%3C/svg%3E");
}
.sp-content-module .accordion .accordion-content {
  padding: 0 16px 16px;
}
/* Mobile Styles */
@media (max-width: 768px) {
  .sp-content-module .accordion .accordion-panel {
    margin-top: 8px;
  }

  .sp-content-module .accordion .accordion-header {
    padding: 16px 8px;
    gap: 8px;
  }

  .sp-content-module .accordion .accordion-content {
    padding: 0 8px 16px;
  }
}
/* Base Button Styles */
.sp-content-module button.primary,
.sp-content-module button.secondary,
.sp-content-module button.success,
.sp-content-module button.danger,
.sp-content-module button.link,
.sp-content-module button.pred-process-button,
.sp-content-module button.decision-button {
  position: relative;
  width: auto;
  cursor: pointer;
}
.sp-content-module button.primary,
.sp-content-module button.secondary,
.sp-content-module button.success,
.sp-content-module button.danger,
.sp-content-module button.pred-process-button,
.sp-content-module button.decision-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 14px;
  min-width: 90px;
  max-width: 100%;
  min-height: 40px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  text-align: center;
  overflow-wrap: break-word;
  word-break: break-word;
  border-radius: 6px;
  transition:
    background-color 0.3s ease,
    border-color 0.3s ease,
    color 0.3s ease;
}
/* === Primary Button === */
.sp-content-module button.primary {
  padding: 8px 15px;
  color: var(--color-black);
  background-color: var(--color-primary);
}
.sp-content-module button.primary:hover {
  color: var(--color-white);
  background-color: var(--color-black);
}
.sp-content-module button.primary:active {
  color: var(--color-black);
  background-color: var(--color-primary);
  box-shadow: inset 0px 3px 5px rgba(0, 0, 0, 0.125);
}
.sp-content-module button.primary:disabled {
  pointer-events: none;
  color: var(--color-black);
  background-color: var(--color-primary);
  opacity: 0.6;
  box-shadow: none;
}
/* === Secondary Button === */
.sp-content-module button.secondary {
  color: var(--color-black);
  background-color: var(--color-white);
  border: 1px solid var(--color-black);
}
.sp-content-module button.secondary:hover {
  color: var(--color-white);
  background-color: var(--color-black);
}
.sp-content-module button.secondary:active {
  color: var(--color-white);
  background-color: var(--color-outline-active);
  border-color: var(--color-outline-active);
  box-shadow: inset 0px 3px 5px rgba(0, 0, 0, 0.125);
}
.sp-content-module button.secondary:disabled {
  pointer-events: none;
  color: var(--color-black);
  background-color: var(--color-white);
  border-color: var(--color-black);
  opacity: 0.6;
  box-shadow: none;
}
/* === Success Button === */
.sp-content-module button.success {
  color: var(--color-white);
  border: 1px solid var(--color-success);
  background-color: var(--color-success);
}
.sp-content-module button.success:hover {
  background-color: var(--color-success-hover);
  border-color: var(--color-success);
}
.sp-content-module button.success:active {
  background-color: var(--color-success-active);
  border-color: var(--color-success-active-border);
  box-shadow: inset 0px 3px 5px rgba(0, 0, 0, 0.125);
}
.sp-content-module button.success:disabled {
  pointer-events: none;
  color: var(--color-white);
  border-color: var(--color-success);
  background-color: var(--color-success);
  opacity: 0.6;
  box-shadow: none;
}
/* === Danger Button === */
.sp-content-module button.danger {
  color: var(--color-white);
  background-color: var(--color-error);
  border: 1px solid var(--color-error);
}
.sp-content-module button.danger:hover {
  background-color: var(--color-error-hover);
  border-color: var(--color-error-hover);
}
.sp-content-module button.danger:active {
  background-color: var(--color-error-active);
  border-color: var(--color-error-active-border);
  box-shadow: inset 0px 3px 5px rgba(0, 0, 0, 0.125);
}
.sp-content-module button.danger:disabled {
  pointer-events: none;
  color: var(--color-white);
  background-color: var(--color-error);
  border-color: var(--color-error);
  opacity: 0.6;
  box-shadow: none;
}
/* === Predefined Process Button === */
.sp-content-module button.pred-process-button {
  color: var(--color-black);
  background-color: var(--color-white);
  border: 1px solid var(--color-black);
}
.sp-content-module button.pred-process-button:hover {
  color: var(--color-white);
  background-color: var(--color-black);
}
.sp-content-module button.pred-process-button:active {
  color: var(--color-white);
  background-color: var(--color-outline-active);
  border-color: var(--color-outline-active);
  box-shadow: inset 0px 3px 5px rgba(0, 0, 0, 0.125);
}
.sp-content-module button.pred-process-button:disabled {
  pointer-events: none;
  color: var(--color-black);
  background-color: var(--color-white);
  border-color: var(--color-black);
  opacity: 0.6;
  box-shadow: none;
}
/* === Decision Button === */
.sp-content-module button.decision-button {
  display: flex !important;
  align-items: center;
  justify-content: center;
  color: var(--color-black);
  background-color: var(--color-white);
  border: 1px solid var(--color-black);
}
.sp-content-module button.decision-button.active {
  padding-right: 40px;
}
.sp-content-module button.decision-button:hover {
  color: var(--color-white);
  background-color: var(--color-black);
}
.sp-content-module button.decision-button:active {
  color: var(--color-white);
  background-color: var(--color-outline-active);
  border-color: var(--color-outline-active);
  box-shadow: inset 0px 3px 5px rgba(0, 0, 0, 0.125);
}
.sp-content-module button.decision-button:disabled {
  pointer-events: none;
  color: var(--color-black);
  background-color: var(--color-white);
  border-color: var(--color-black);
  opacity: 0.6;
  box-shadow: none;
}
.sp-content-module button.decision-button::after {
  content: "";
  display: inline-block;
  height: 0;
  position: absolute;
  right: 14px;
  opacity: 0;
  background-image: url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><rect width='16' height='16' rx='2' fill='%23DA1884'/><path d='M2 7.29412L6.44444 12L14 4' stroke='white' stroke-width='2'/></svg>");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: opacity 0.3s ease;
}
.sp-content-module button.decision-button.active::after {
  width: 16px;
  height: 16px;
  min-width: 16px;
  opacity: 1;
}
/* === With Image Modifier === */
.sp-content-module button.decision-button.with-image {
  flex-direction: column;
}
.sp-content-module button.decision-button.with-image .text {
  margin-top: 8px;
}
/* === Link Button === */
.sp-content-module button.link {
  display: inline-block;
  text-decoration: underline;
  font-size: 16px;
  line-height: 16px;
  color: var(--color-secondary);
  transition: color 0.3s ease;
}
.sp-content-module button.link:hover {
  color: var(--color-black);
}
.sp-content-module .modal {
  padding: 40px;
}
.sp-content-module .modal-content {
  max-width: 880px;
  overflow: hidden;
  background-color: var(--color-white);
  box-shadow: unset !important;
  border-radius: 12px;
}
.sp-content-module .modal-header {
  align-items: center;
  gap: 24px;
  padding: 24px;
}
.sp-content-module .modal-header #modal-title {
  font-size: 28px;
  line-height: 40px;
  font-weight: 700;
}
.sp-content-module .modal-header .close-btn {
  width: 28px;
  min-width: 28px;
  height: 28px;
  border-radius: unset;
  background-image: url("data:image/svg+xml,%3Csvg%20width='28'%20height='28'%20viewBox='0%200%2028%2028'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M7.46683%2022.1667L5.8335%2020.5334L12.3668%2014L5.8335%207.46671L7.46683%205.83337L14.0002%2012.3667L20.5335%205.83337L22.1668%207.46671L15.6335%2014L22.1668%2020.5334L20.5335%2022.1667L14.0002%2015.6334L7.46683%2022.1667Z'%20fill='black'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  cursor: pointer;
}
.sp-content-module .modal-header .close-btn svg {
  display: none;
}
.sp-content-module .modal-body {
  padding: 0 24px 24px;
  max-height: 75vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; /* Smooth scroll for iOS */
}
/* Mobile Styles */
@media (max-width: 768px) {
  .sp-content-module .modal {
    padding: 16px;
  }

  .sp-content-module .modal-content {
    margin-top: 0;
    max-width: unset;
  }

  .sp-content-module .modal-header {
    gap: 8px;
    padding: 20px 16px 16px;
  }

  .sp-content-module .modal-header #modal-title {
    font-size: 16px;
    line-height: 24px;
  }

  .sp-content-module .modal-body {
    padding: 0 16px 20px;
  }
}
.sp-content-module .loader {
  position: relative;
  background: var(--color-white);
  color: transparent;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;utf8,<svg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'><mask id='path-1-inside-1_1143_5342' fill='white'><path d='M8.70511 61.5553C11.5358 65.665 15.1482 69.1769 19.3361 71.8905C23.5241 74.6041 28.2055 76.4663 33.1131 77.3707C38.0206 78.2751 43.0583 78.204 47.9384 77.1616C52.8186 76.1191 57.4456 74.1256 61.5553 71.2949C65.665 68.4642 69.1769 64.8518 71.8905 60.6639C74.6041 56.4759 76.4663 51.7945 77.3707 46.8869C78.2751 41.9794 78.204 36.9417 77.1616 32.0616C76.1191 27.1814 74.1256 22.5544 71.2949 18.4447L66.6624 21.6355C69.074 25.1369 70.7724 29.0789 71.6606 33.2367C72.5488 37.3944 72.6093 41.6864 71.8388 45.8675C71.0683 50.0486 69.4818 54.037 67.1698 57.605C64.8579 61.173 61.8658 64.2507 58.3645 66.6624C54.8631 69.074 50.9211 70.7724 46.7633 71.6606C42.6056 72.5488 38.3136 72.6093 34.1325 71.8388C29.9514 71.0683 25.963 69.4818 22.395 67.1698C18.827 64.8579 15.7493 61.8658 13.3376 58.3645L8.70511 61.5553Z'/></mask><path d='M8.70511 61.5553C11.5358 65.665 15.1482 69.1769 19.3361 71.8905C23.5241 74.6041 28.2055 76.4663 33.1131 77.3707C38.0206 78.2751 43.0583 78.204 47.9384 77.1616C52.8186 76.1191 57.4456 74.1256 61.5553 71.2949C65.665 68.4642 69.1769 64.8518 71.8905 60.6639C74.6041 56.4759 76.4663 51.7945 77.3707 46.8869C78.2751 41.9794 78.204 36.9417 77.1616 32.0616C76.1191 27.1814 74.1256 22.5544 71.2949 18.4447L66.6624 21.6355C69.074 25.1369 70.7724 29.0789 71.6606 33.2367C72.5488 37.3944 72.6093 41.6864 71.8388 45.8675C71.0683 50.0486 69.4818 54.037 67.1698 57.605C64.8579 61.173 61.8658 64.2507 58.3645 66.6624C54.8631 69.074 50.9211 70.7724 46.7633 71.6606C42.6056 72.5488 38.3136 72.6093 34.1325 71.8388C29.9514 71.0683 25.963 69.4818 22.395 67.1698C18.827 64.8579 15.7493 61.8658 13.3376 58.3645L8.70511 61.5553Z' stroke='%23FCCE06' stroke-width='16' mask='url(%23path-1-inside-1_1143_5342)'/></svg>");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  border-radius: 50%;
  display: inline-block;
  color: transparent;
  animation: rotation 1s linear infinite;
}
.sp-content-module .search {
  position: relative;
  overflow: hidden;
  background-color: var(--color-white);
}
.sp-content-module .search .search-input {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 0 0 15px;
  border: 1px solid var(--color-grey-selected);
  border-radius: 4px;
  height: 56px;
  transition: border-color 0.2s ease;
}
.sp-content-module .search .search-input input {
  color: var(--color-black);
  font-weight: 500;
  width: 100%;
}
.sp-content-module .search .search-input input::placeholder {
  color: var(--color-grey-light);
  font-weight: 400;
}
.sp-content-module .search.open .search-input,
.sp-content-module .search .search-input.focused {
  border: 2px solid var(--color-black);
  padding: 0 0 0 14px;
}
.sp-content-module .search.open .search-input .prepend,
.sp-content-module .search .search-input.focused .prepend {
  margin-right: 2px;
}
.sp-content-module .search .search-input .prepend {
  order: 1;
  width: 48px;
  min-width: 48px;
  height: 48px;
  margin-right: 3px;
  background-image: url("data:image/svg+xml,%3Csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M26.7047%2027.4287L18.3047%2019.0287C17.6381%2019.562%2016.8714%2019.9843%2016.0047%2020.2954C15.1381%2020.6065%2014.2159%2020.762%2013.2381%2020.762C10.8159%2020.762%208.76586%2019.9232%207.08808%2018.2454C5.4103%2016.5676%204.57141%2014.5176%204.57141%2012.0954C4.57141%209.67316%205.4103%207.62316%207.08808%205.94538C8.76586%204.2676%2010.8159%203.42871%2013.2381%203.42871C15.6603%203.42871%2017.7103%204.2676%2019.3881%205.94538C21.0659%207.62316%2021.9047%209.67316%2021.9047%2012.0954C21.9047%2013.0732%2021.7492%2013.9954%2021.4381%2014.862C21.127%2015.7287%2020.7047%2016.4954%2020.1714%2017.162L28.5714%2025.562L26.7047%2027.4287ZM13.2381%2018.0954C14.9047%2018.0954%2016.3214%2017.512%2017.4881%2016.3454C18.6547%2015.1787%2019.2381%2013.762%2019.2381%2012.0954C19.2381%2010.4287%2018.6547%209.01204%2017.4881%207.84538C16.3214%206.67871%2014.9047%206.09538%2013.2381%206.09538C11.5714%206.09538%2010.1547%206.67871%208.98808%207.84538C7.82141%209.01204%207.23808%2010.4287%207.23808%2012.0954C7.23808%2013.762%207.82141%2015.1787%208.98808%2016.3454C10.1547%2017.512%2011.5714%2018.0954%2013.2381%2018.0954Z'%20fill='white'/%3E%3C/svg%3E");
  background-size: 36px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: var(--color-secondary);
}
.sp-content-module .search .search-input .prepend svg {
  display: none;
}
.sp-content-module .search .search-input .append {
  display: flex;
  flex-wrap: wrap;
  background-color: var(--color-white);
  z-index: 1;
}
.sp-content-module .search .search-input .append .clear-btn {
  width: 24px;
  min-width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg%20width='28'%20height='28'%20viewBox='0%200%2028%2028'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M7.46683%2022.1667L5.8335%2020.5334L12.3668%2014L5.8335%207.46671L7.46683%205.83337L14.0002%2012.3667L20.5335%205.83337L22.1668%207.46671L15.6335%2014L22.1668%2020.5334L20.5335%2022.1667L14.0002%2015.6334L7.46683%2022.1667Z'%20fill='black'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: var(--color-white);
  z-index: 1;
}
.sp-content-module .search .search-input .append svg {
  display: none;
}
.sp-content-module .search .search-menu {
  position: relative !important;
  overflow: hidden;
  margin: 1px 0 0;
  padding: 0;
  border: 2px solid var(--color-grey-selected);
  border-radius: 4px;
}
.sp-content-module .search .search-menu ul {
  max-height: min(362px, 40dvh) !important;
  border-radius: 4px;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: auto;
}
.sp-content-module .search .search-menu ul li {
  display: flex;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  cursor: pointer;
  color: var(--color-black);
  background-color: var(--color-white);
  transition: background-color 0.2s ease;
}
.sp-content-module .search .search-menu ul li[aria-selected="true"],
.sp-content-module .search .search-menu ul li:hover {
  color: var(--color-black);
  background-color: var(--color-primary);
}
.sp-content-module .search .search-menu ul li[aria-disabled="true"] {
  cursor: default;
}
.sp-content-module .search .search-menu ul li[aria-disabled="true"]:hover {
  color: var(--color-black);
  background-color: var(--color-white);
}
.sp-content-module .search .search-menu ul li .image {
  display: none;
}
.sp-content-module .search .search-menu ul li .text .match {
  font-weight: 700;
}
/* Mobile Styles */
@media (max-width: 768px) {
  .sp-content-module .search .search-menu ul li[aria-selected="true"] {
    color: var(--color-black);
    background-color: var(--color-white);
  }
}
.sp-content-module .select {
  max-width: 100%;
}
.sp-content-module .select .select-btn {
  display: inline-flex;
  justify-content: center;
  position: relative;
  z-index: 10001;
  width: auto;
  cursor: pointer;
  padding: 14px 30px 14px 14px;
  min-width: 260px;
  max-width: 100%;
  min-height: 56px;
  border-radius: unset;
  overflow: hidden;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: var(--color-black);
  border: 1px solid var(--color-grey-selected);
  border-radius: 4px;
  background-color: var(--color-white);

  transition: border-color 0.2s ease;
}
.sp-content-module select .select-btn span {
  flex-grow: 1;
}
.sp-content-module .select .select-btn .image {
  margin-right: 8px;
}
.sp-content-module .select .select-btn span,
.sp-content-module .select .select-btn .text {
  margin-right: 16px;
}
.sp-content-module .select .select-btn .image,
.sp-content-module .select .select-menu-item .image {
  min-width: 24px;
  max-width: 24px;
  max-height: 24px;
}
.sp-content-module .select .select-btn .text {
  user-select: none;
  overflow-wrap: break-word;
  max-width: calc(100% - 16px);
}
.sp-content-module .select .select-btn .image + .text {
  max-width: calc(100% - 48px); /* 48px = img width 24px + margin 16px + 8px */
}
.sp-content-module .select .select-btn svg {
  display: none;
}
.sp-content-module .select .select-btn::after {
  content: "";
  position: absolute;
  right: 6px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M12%2012.6L16.6%208L18%209.4L12%2015.4L6%209.4L7.4%208L12%2012.6Z'%20fill='%23DA1884'/%3E%3C/svg%3E");
  transition: transform 0.2s ease;
}
.sp-content-module .select .select-btn.open::after {
  transform: rotate(180deg);
}
.sp-content-module .select .select-btn.open {
  border: 2px solid var(--color-black);
}
.sp-content-module .select .select-menu {
  display: flex;
  flex-direction: column;
  left: 0;
  padding: 0;
  margin-top: 2px;
  overflow: hidden;
  background-color: var(--color-white);
  border: 2px solid var(--color-grey-selected);
  border-radius: 4px;
}
.sp-content-module .select .select-menu-items {
  padding: 0;
  max-height: 200px;
  height: 100%;
  overflow-y: auto;
}
.sp-content-module .select .select-menu-item {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  user-select: none;
  cursor: pointer;
  min-height: 40px;
  padding: 8px 8px 8px 12px;
  font-size: 16px;
  line-height: 24px;
  color: var(--color-black);
  transition:
    background-color 0.3s ease,
    font-weight 0.2s ease;
}
.sp-content-module .select .select-menu-item:hover,
.sp-content-module .select .select-menu-item.focused {
  background-color: var(--color-primary);
}
.sp-content-module .select .select-menu-item[aria-selected="true"] {
  font-weight: 700;
}
.sp-content-module .select .select-menu-item[aria-selected="true"]::after {
  content: "";
  height: 16px;
  width: 16px;
  min-width: 16px;
  margin-left: 10px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Crect%20width='16'%20height='16'%20rx='2'%20fill='%23DA1884'/%3E%3Cpath%20d='M2%207.29412L6.44444%2012L14%204'%20stroke='white'%20stroke-width='2'/%3E%3C/svg%3E");
}
.sp-content-module .select .select-menu-item[aria-selected="true"] .text {
  max-width: calc(100% - 26px);
}
.sp-content-module .select .select-menu-item .image + .text {
  max-width: calc(100% - 32px); /* 32px = width 24px + margin 8px */
}
.sp-content-module .select .select-menu-item[aria-selected="true"] .image + .text {
  max-width: calc(100% - 48px);
}
.sp-content-module .select .select-menu-item .text {
  overflow-wrap: break-word;
  max-width: 100%;
  flex-grow: 1;
}
.sp-content-module .select .select-menu-item .image {
  margin-right: 8px;
}
@media (max-width: 340px) {
  .sp-content-module .select {
    width: 100%;
  }
  .sp-content-module .select .select-btn {
    min-width: 100%;
  }
}
/* === Step Controls === */
.sp-content-module .steps-view-controls {
  display: none !important;
}
/* === Carousel View === */
.sp-content-module .carousel-view .step {
  outline-offset: -1px;
  padding: 2px;
}
.sp-content-module .carousel-view .steps-counter {
  font-size: 14px;
  line-height: 24px;
  margin: 8px 0px 0;
  color: var(--color-grey-light);
}
.sp-content-module .carousel-view .step-text {
  margin-top: 8px;
}
.sp-content-module .carousel-view.flip .step-text {
  margin-top: 0;
  margin-bottom: 8px;
}
.sp-content-module .carousel-view .step-text .g-p-title {
  text-align: center;
}
.sp-content-module .carousel-view .step-text .g-p-title,
.sp-content-module .carousel-view .step-text > h4 {
  display: block;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 12px;
}
.sp-content-module .carousel-view .step-text .tiptap-aligned .quill-preview ol li,
.sp-content-module .carousel-view .step-text .tiptap-aligned .quill-preview ul li {
  position: relative;
}
.sp-content-module .carousel-view .step-text .tiptap-aligned .quill-preview ol > li::before,
.sp-content-module .carousel-view .step-text .tiptap-aligned .quill-preview ul > li::before {
  position: absolute;
  left: 0;
  text-align: left;
  margin: 0;
}
.sp-content-module .carousel-view .step-text .g-p-text {
  max-width: 712px;
  margin-left: auto;
  margin-right: auto;
}
.sp-content-module .carousel-view .step-text .g-p-note {
  margin: 12px auto 0;
  max-width: 712px;
  font-size: 14px;
  line-height: 20px;
  color: var(--color-grey-light);
}
.sp-content-module .carousel-view .img-wrap.is-landscape .img-inner,
.sp-content-module .carousel-view .img-wrap.is-landscape .img-inner img {
  max-height: 600px;
  width: max-content !important;
}
.sp-content-module .swiper-btn-next,
.sp-content-module .swiper-btn-prev {
  width: 40px;
  height: 40px;
  border-radius: unset;
  background-repeat: no-repeat;
  background-position: center;
  transition: opacity 0.3s ease;
}
.sp-content-module .swiper-btn-next {
  background-image: url("data:image/svg+xml,%3Csvg%20width=%2240%22%20height=%2240%22%20viewBox=%220%200%2040%2040%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d=%22M21.0007%2020L13.334%2012.3333L15.6673%2010L25.6673%2020L15.6673%2030L13.334%2027.6667L21.0007%2020Z%22%20fill=%22black%22/%3E%3C/svg%3E");
}
.sp-content-module .swiper-btn-prev {
  background-image: url("data:image/svg+xml,%3Csvg%20width=%2240%22%20height=%2240%22%20viewBox=%220%200%2040%2040%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d=%22M18.9998%2020L26.6665%2012.3333L24.3332%2010L14.3332%2020L24.3332%2030L26.6665%2027.6667L18.9998%2020Z%22%20fill=%22black%22/%3E%3C/svg%3E");
}
.sp-content-module .swiper-btn-next span,
.sp-content-module .swiper-btn-prev span {
  display: none;
}
.sp-content-module .swiper-btn-next svg,
.sp-content-module .swiper-btn-prev svg {
  display: none;
}
.sp-content-module .swiper-btn-next.disabled,
.sp-content-module .swiper-btn-prev.disabled {
  opacity: 0.5;
}
.sp-content-module .swiper-nav-next {
  right: calc(50% - 60px - 100px) !important;
}
.sp-content-module .swiper-nav-prev {
  left: calc(50% - 60px - 100px) !important;
}
.sp-content-module .swiper-nav-next,
.sp-content-module .swiper-nav-prev {
  display: flex;
  top: unset !important;
  bottom: 0;
  transform: none !important;
}
.sp-content-module .swiper-pagination-custom {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 12px;
  min-height: 40px;
  margin: 20px auto 0;
  width: 200px !important;
}
.sp-content-module .swiper-pagination-custom .swiper-pagination-bullet-custom {
  padding: 0;
  width: 12px;
  height: 12px;
  background-color: var(--color-grey-dropdown);
  border-radius: 50%;
  cursor: pointer;
  font-size: 0;
  line-height: 0;
  color: transparent;
  transition: background-color 0.3s ease;
}
.sp-content-module .swiper-pagination-custom .swiper-pagination-bullet-custom.active {
  background-color: var(--color-bullet-selected);
}
/* Mobile Styles */
@media (max-width: 768px) {
  .sp-content-module .swiper-slide {
    padding: 0;
  }

  .sp-content-module .swiper-btn-next,
  .sp-content-module .swiper-btn-prev {
    display: none !important;
  }

  .sp-content-module .swiper-pagination-custom {
    width: 100% !important;
    max-width: 100%;
  }
}
/* Content Styles */
.sp-content-module .custom-article .content-block:not(:last-child) {
  margin-bottom: 28px;
}
.sp-content-module .custom-article .content-block > .title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  margin-bottom: 8px;
}
.sp-content-module .custom-article .content-block > .caption {
  margin-top: 8px;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: var(--color-grey-darkest);
}
/* Buttons block styles */
.sp-content-module .custom-article .button-block .buttons {
  gap: 20px;
}
/* Markers holder */
.sp-content-module .custom-article .popper,
.sp-content-module .interactive-navigation-map .popper {
  padding: 8px !important;
  border-radius: 4px !important;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);
}
.sp-content-module .custom-article .popper *,
.sp-content-module .interactive-navigation-map .popper * {
  color: var(--popper-text-color);
}
/* --- Top placement --- */
.sp-content-module .custom-article .popper[data-popper-placement^="top"],
.sp-content-module .interactive-navigation-map .popper[data-popper-placement^="top"] {
  margin-top: 24px !important;
}
.sp-content-module .custom-article .popper[data-popper-placement^="top"]::after,
.sp-content-module .interactive-navigation-map .popper[data-popper-placement^="top"]::after {
  position: absolute;
  left: 50%;
  bottom: -8px;
  transform: translateX(-50%);

  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid var(--popper-arrow-color);
}
/* --- Bottom placement --- */
.sp-content-module .custom-article .popper[data-popper-placement^="bottom"],
.sp-content-module .interactive-navigation-map .popper[data-popper-placement^="bottom"] {
  margin-top: 24px !important;
}
.sp-content-module .custom-article .popper[data-popper-placement^="bottom"]::after,
.sp-content-module .interactive-navigation-map .popper[data-popper-placement^="bottom"]::after {
  content: "";
  position: absolute;
  left: 50%;
  top: -8px;
  transform: translateX(-50%);

  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid var(--popper-arrow-color);
}
/* --- Right placement --- */
.sp-content-module .custom-article .popper[data-popper-placement^="right"],
.sp-content-module .interactive-navigation-map .popper[data-popper-placement^="right"] {
  margin-left: 24px !important;
}
.sp-content-module .custom-article .popper[data-popper-placement^="right"]::after,
.sp-content-module .interactive-navigation-map .popper[data-popper-placement^="right"]::after {
  content: "";
  position: absolute;
  top: calc(50% - 8px);
  left: -8px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid var(--popper-arrow-color);
}
/* --- Left placement --- */
.sp-content-module .custom-article .popper[data-popper-placement^="left"],
.sp-content-module .interactive-navigation-map .popper[data-popper-placement^="left"] {
  margin-left: 24px !important;
}
.sp-content-module .custom-article .popper[data-popper-placement^="left"]::after,
.sp-content-module .interactive-navigation-map .popper[data-popper-placement^="left"]::after {
  content: "";
  position: absolute;
  top: calc(50% - 8px);
  right: -8px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid var(--popper-arrow-color);
}
/* Table block styles */
.sp-content-module .custom-article .table-block .html-table-preview table caption {
  margin-top: 8px;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: var(--color-grey-darkest);
}
.sp-content-module .custom-article .table-block .html-table-preview table td,
.sp-content-module .custom-article .table-block .html-table-preview table th {
  padding: 4px 6px;
}
.sp-content-module .custom-article .table-block .html-table-preview table th {
  background-color: var(--color-grey-dropdown);
  font-weight: 500;
  text-align: left;
}
.sp-content-module .custom-article .table-block .html-table-preview .table-row-numbers {
  background-color: var(--color-grey-dropdown);
}
.sp-content-module .custom-article .table-block .html-table-preview .table-row-number {
  padding: 4px 6px;
}
.sp-content-module .custom-article .table-block .html-table-preview .table-wrapper.with-numbered-column {
  width: calc(100% - 32px);
}
/* Mobile Styles */
@media (max-width: 768px) {
  /* Buttons block styles */
  .sp-content-module .custom-article .button-block .buttons {
    flex-direction: column;
  }

  .sp-content-module .custom-article .button-block .buttons.start {
    align-items: start;
  }

  .sp-content-module .custom-article .button-block .buttons.end {
    align-items: end;
  }

  .sp-content-module .custom-article .button-block .buttons.center {
    align-items: center;
  }

  .sp-content-module .custom-article .content-block:not(:last-child) {
    margin-bottom: 20px;
  }
}
.sp-content-module .device-search-modal .modal-backdrop {
  background-color: #00000080;
}
.sp-content-module .device-search-modal .modal-content {
  overflow: unset !important;
}
.sp-content-module .device-search-modal .modal-body {
  overflow: unset !important;
}
.sp-content-module .diagnostic-flow .path-item {
  position: relative;
  padding-left: 9px;
}
.sp-content-module .diagnostic-flow .path-item::before,
.sp-content-module .diagnostic-flow .path-item:last-child:not(.terminated)::after {
  content: "";
  position: absolute;
  left: 2px;
  height: 16px;
  width: 16px;
  z-index: 2;
  border-radius: 100%;
  border: 1px solid var(--color-secondary);
  background-color: var(--color-secondary);
  outline: none;
  outline-offset: unset;
  box-shadow: none;
}
.sp-content-module .diagnostic-flow .path-item::before {
  top: 6px;
}
.sp-content-module .diagnostic-flow .path-item::after {
  bottom: 0;
}
.sp-content-module .diagnostic-flow .path-item:not(.processed)::before,
.sp-content-module .diagnostic-flow .path-item::after {
  background-color: var(--color-secondary);
  outline: 1px solid var(--color-secondary);
  outline-offset: 2px;
  box-shadow: 0 0 0 2px var(--color-white);
}
.sp-content-module .diagnostic-flow .path-item.processed {
  opacity: 0.5;
}
.sp-content-module .diagnostic-flow .path-item.processed::before {
  border-color: var(--color-bullet-selected);
  background-color: var(--color-bullet-selected);
  outline: none;
  outline-offset: unset;
  box-shadow: none;
}
.sp-content-module .diagnostic-flow .path-item:has(.decision-buttons .select) {
  position: relative;
  z-index: 2;
}
.sp-content-module .diagnostic-flow .path-item.processed:has(.decision-buttons .select .select-btn.open) {
  opacity: 1;
}
.sp-content-module .diagnostic-flow .flow-block {
  position: relative;
  padding-left: 25px;
  padding-bottom: 40px;
}
.sp-content-module .diagnostic-flow .flow-block::before {
  content: "";
  position: absolute;
  width: 2px;
  top: 6px;
  bottom: -6px;
  left: 0;
}
.sp-content-module .diagnostic-flow .path-item:last-child .flow-block::before {
  bottom: 0;
}
.sp-content-module .diagnostic-flow .path-item.processed .flow-block::before {
  background-color: var(--color-bullet-selected);
}
.sp-content-module .diagnostic-flow .path-item:not(.processed) .flow-block::before {
  background-color: var(--color-secondary);
}
.sp-content-module .diagnostic-flow .path-item.terminated .flow-block::before {
  background-color: transparent;
}
.sp-content-module .diagnostic-flow .custom-article .content-block > .title {
  font-weight: 700;
}
.sp-content-module .diagnostic-flow .custom-article .content-block:not(:last-child) {
  margin-bottom: 24px;
}
.sp-content-module .diagnostic-flow .flow-block > .title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: var(--color-black);
  margin-bottom: 8px;
}
.sp-content-module .diagnostic-flow .flow-block > .caption {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: var(--color-black);
  margin-bottom: 24px;
}
.sp-content-module .diagnostic-flow .flow-block > .caption * {
  color: inherit;
}
.sp-content-module .diagnostic-flow .flow-block .extref-title {
  margin-bottom: 8px;
}
.sp-content-module .diagnostic-flow .flow-block.decision-block .decision-buttons {
  gap: 20px;
  align-items: start;
  max-width: 100%;
}
.sp-content-module .diagnostic-flow .flow-block.decision-block:has(.title) .decision-buttons {
  margin-top: 24px;
}
.sp-content-module .diagnostic-flow .flow-block.decision-block .decision-buttons .decision-button .image {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  height: 208px;
  width: 100%;
}
.sp-content-module .diagnostic-flow .flow-block.decision-block .decision-buttons .decision-button .image img {
  max-height: 208px;
  max-width: 208px;
}
/* Mobile Styles */
@media (max-width: 768px) {
  .sp-content-module .diagnostic-flow .flow-block {
    padding-left: 17px;
    padding-bottom: 28px;
  }

  .sp-content-module .diagnostic-flow .path-item {
    padding-left: 5px;
  }

  .sp-content-module .diagnostic-flow .path-item::before,
  .sp-content-module .diagnostic-flow .path-item:last-child:not(.terminated)::after {
    left: 0;
    height: 12px;
    width: 12px;
  }
  .sp-content-module .diagnostic-flow .path-item:not(.processed)::before,
  .sp-content-module .diagnostic-flow .path-item::after {
    outline-offset: 1px;
    box-shadow: 0 0 0 1px var(--color-white);
  }
  .sp-content-module .diagnostic-flow .flow-block.decision-block .decision-buttons {
    flex-direction: column;
    align-items: start;
  }
  .sp-content-module .diagnostic-flow .flow-block.decision-block:has(.title) .decision-buttons {
    margin-top: 20px;
  }

  .sp-content-module .diagnostic-flow .flow-block > .caption {
    margin-bottom: 20px;
  }
  .sp-content-module .diagnostic-flow .custom-article .content-block:not(:last-child) {
    margin-bottom: 20px;
  }
}
@media (max-width: 480px) {
  .sp-content-module .diagnostic-flow .flow-block.decision-block .decision-buttons .decision-button .image img {
    max-width: 100%;
  }
}
.sp-content-module .interactive-navigation-map {
  gap: 40px;
}
.sp-content-module .interactive-navigation-map .screen {
  border: 1px solid var(--color-grey-dropdown);
  padding-bottom: 40px;
  border-radius: 12px;
}
.sp-content-module .interactive-navigation-map .screen .title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  padding: 16px;
  margin-bottom: 28px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  background-color: var(--color-grey-border);
}
.sp-content-module .interactive-navigation-map .screen .image-container {
  padding: 0;
}
.sp-content-module .interactive-navigation-map .screen .caption {
  margin: 8px 8px 0;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: var(--color-grey-darkest);
}
.sp-content-module .interactive-navigation-map .inm-sidebar {
  width: 300px !important;
  min-width: 300px !important;
}
.sp-content-module .interactive-navigation-map .inm-sidebar h2 {
  display: none;
}
.sp-content-module .interactive-navigation-map .inm-sidebar ul {
  padding: 0;
  background-color: var(--color-white);
  overflow: hidden;
  border-radius: 12px;
  border: 1px solid var(--color-grey-dropdown);
}
.sp-content-module .interactive-navigation-map .inm-sidebar ul > li {
  border-bottom: 1px solid var(--color-grey-dropdown);
}
.sp-content-module .interactive-navigation-map .inm-sidebar ul > li:last-child {
  border-bottom: unset;
}
.sp-content-module .interactive-navigation-map .inm-sidebar a {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  padding: 16px 12px;
  color: var(--color-black);
  background-color: var(--color-white);
  transition:
    background-color 0.2s ease,
    font-weight 0.2s ease;
}
.sp-content-module .interactive-navigation-map .inm-sidebar a:hover {
  color: var(--color-black);
  background-color: var(--color-primary);
}
.sp-content-module .interactive-navigation-map .inm-sidebar a.active {
  font-weight: 700;
  color: var(--color-black);
  background-color: var(--color-white);
}
/* Mobile Styles */
@media (max-width: 768px) {
  .sp-content-module .interactive-navigation-map {
    flex-direction: column;
    gap: 28px;
  }

  .sp-content-module .interactive-navigation-map .screen {
    padding-bottom: 0;
  }

  .sp-content-module .interactive-navigation-map .screen .title {
    padding: 8px 16px;
    margin-bottom: 8px;
  }

  .sp-content-module .interactive-navigation-map .screen .caption {
    margin: 8px;
  }

  .sp-content-module .interactive-navigation-map .inm-sidebar {
    width: 100% !important;
    min-width: unset !important;
  }
}
/* Fonts */
@font-face {
  font-family: "Gotham";
  src: url("./fonts/Gotham-Book.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: url("./fonts/Gotham-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: url("./fonts/Gotham-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: url("./fonts/Gotham-Black.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
/* Base Styles */
.sp-content-module {
  --font-base: "Gotham", Arial, sans-serif;

  --color-black: #000000;
  --color-white: #ffffff;

  --color-primary: #ffcd00;
  --color-secondary: #da1884;
  --color-bullet-selected: #869892;
  --color-outline-active: #4d4d4d;

  --color-grey-border: #f5f5f5;
  --color-grey-light: #5a5c5f;
  --color-grey-selected: #868686;
  --color-grey-dropdown: #cccccc;
  --color-grey-darkest: #2d2d2d;

  --color-success: #198754;
  --color-success-hover: #146c43;
  --color-success-active: #146c43;
  --color-success-active-border: #13653f;

  --color-error: #dc3545;
  --color-error-hover: #bb2d3b;
  --color-error-active: #b02a37;
  --color-error-active-border: #a52834;

  --popper-bg-color: #4b4d4e;
  --popper-arrow-color: #333333;
  --popper-text-color: #ffffff;
}
.sp-content-module h1,
.sp-content-module h2,
.sp-content-module h3,
.sp-content-module h4 {
  font-weight: 700;
}
.sp-content-module h1 {
  font-size: 32px;
  line-height: 48px;
}
.sp-content-module h2 {
  font-size: 28px;
  line-height: 40px;
}
.sp-content-module h3 {
  font-size: 20px;
  line-height: 32px;
}
.sp-content-module h4 {
  font-size: 20px;
  line-height: 32px;
}
.sp-content-module b,
.sp-content-module strong {
  font-weight: 700;
}
.sp-content-module .tiptap-preview a {
  color: var(--color-black) !important;
  text-decoration: underline;
}
.sp-content-module .tiptap-preview a[href] {
  text-decoration: underline !important;
}
.sp-content-module {
  font-family: var(--font-base);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--color-black);
}
.sp-content-module > :is(.article-title, .guide-title) {
  margin-bottom: 20px;
}
/* Mobile Styles */
@media (max-width: 768px) {
  .sp-content-module h1 {
    font-size: 28px;
    line-height: 40px;
  }

  .sp-content-module h2 {
    font-size: 24px;
    line-height: 32px;
  }
}