/* 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);
  }
}
@keyframes button-pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.92);
  }
  100% {
    transform: scale(1);
  }
}
/* Component Styles */
.sp-content-module .accordion .accordion-panel {
  margin-top: 8px;
  border: 1px solid var(--color-black);
  border-radius: 8px;
}
.sp-content-module .accordion .accordion-panel:first-child {
  margin-top: 0;
}
.sp-content-module .accordion .accordion-header {
  align-items: start;
  width: 100%;
  padding: 14px 16px;
  text-align: left;
  gap: 16px;
  cursor: pointer;
}
.sp-content-module .accordion .accordion-header svg {
  display: none;
}
.sp-content-module .accordion .accordion-header > span {
  align-self: center;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: var(--color-black);
  overflow-wrap: break-word;
  word-break: break-word;
  width: 100%;
}
.sp-content-module .accordion .accordion-header > div {
  width: 28px;
  min-width: 28px;
  height: 28px;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M14%2014.6987L19.3667%209.33203L21%2010.9654L14%2017.9654L7%2010.9654L8.63333%209.33203L14%2014.6987Z%22%20fill%3D%22black%22/%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-content {
  padding: 6px 16px 20px;
}
/* Mobile Styles */
@media (max-width: 768px) {
  .sp-content-module .accordion .accordion-panel {
    margin-top: 8px;
  }

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

  .sp-content-module .accordion .accordion-content {
    padding: 8px 12px 12px;
  }
}
/* 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;
  outline: none;
  font-weight: bold;
}
.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: 7px 15px;
  min-width: 105px;
  max-width: 100%;
  min-height: 40px;
  border-radius: 6px;
  overflow: hidden;
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 24px;
  overflow-wrap: break-word;
  word-break: break-word;
  transition:
    background-color 0.3s ease,
    border-color 0.3s ease,
    color 0.3s ease,
    box-shadow 0.3s ease;
}
.sp-content-module button.primary::before,
.sp-content-module button.secondary::before,
.sp-content-module button.success::before,
.sp-content-module button.danger::before,
.sp-content-module button.pred-process-button::before,
.sp-content-module button.decision-button::before {
  content: "";
  position: absolute;
  left: 10px;
  z-index: 0;
  height: 120px;
  width: calc(100% - 20px);
  border-radius: min(160px, 60%);
  transform-origin: center;
  transform: scale(0);
}
.sp-content-module button.primary:active,
.sp-content-module button.secondary:active,
.sp-content-module button.success:active,
.sp-content-module button.danger:active,
.sp-content-module button.pred-process-button:active,
.sp-content-module button.decision-button:active {
  outline: none;
}
.sp-content-module button.primary:active::before,
.sp-content-module button.secondary:active::before,
.sp-content-module button.success:active::before,
.sp-content-module button.danger:active::before,
.sp-content-module button.pred-process-button:active::before,
.sp-content-module button.decision-button:active::before,
.sp-content-module button.primary:disabled::before,
.sp-content-module button.secondary:disabled::before,
.sp-content-module button.success:disabled::before,
.sp-content-module button.danger:disabled::before,
.sp-content-module button.pred-process-button:disabled::before,
.sp-content-module button.decision-button:disabled::before {
  width: 100%;
  height: 100%;
  left: 0;
  top: unset;
  border-radius: 0;
  transform: none;
  transition: all 0.3s ease;
}
.sp-content-module button.primary:focus-visible::before,
.sp-content-module button.secondary:focus-visible::before,
.sp-content-module button.success:focus-visible::before,
.sp-content-module button.danger:focus-visible::before,
.sp-content-module button.pred-process-button:focus-visible::before,
.sp-content-module button.decision-button:focus-visible::before {
  transform: scale(1);
  animation-duration: 2500ms;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-iteration-count: infinite;
  animation-name: button-pulse;
  animation-delay: 500ms;
}
.sp-content-module button.primary:disabled::before,
.sp-content-module button.secondary:disabled::before,
.sp-content-module button.success:disabled::before,
.sp-content-module button.danger:disabled::before,
.sp-content-module button.pred-process-button:disabled::before,
.sp-content-module button.decision-button:disabled::before {
  background-color: #ffffff99;
}
/* === Primary Button === */
.sp-content-module button.primary {
  padding: 8px 16px;
  color: var(--color-white);
  background-color: var(--color-primary);
}
.sp-content-module button.primary::before {
  background-color: #ffffff52;
}
.sp-content-module button.primary:hover {
  background-color: var(--color-primary-hover);
  box-shadow: 0px 4px 8px 0px #0000001a;
}
.sp-content-module button.primary:active {
  background-color: var(--color-primary-hover);
}
.sp-content-module button.primary:active::before {
  background-color: #ffffff52;
}
.sp-content-module button.primary:disabled {
  box-shadow: none;
  pointer-events: none;
  background-color: var(--color-primary);
}
/* === Secondary Button === */
.sp-content-module button.secondary {
  color: var(--color-black);
  border: 1px solid var(--color-secondary);
}
.sp-content-module button.secondary::before {
  background-color: #0000004d;
}
.sp-content-module button.secondary:hover {
  border-color: var(--color-black);
  box-shadow: 0px 4px 8px 0px #0000001a;
}
.sp-content-module button.secondary:active {
  box-shadow: 0px 4px 8px 0px #0000001a;
}
.sp-content-module button.secondary:active::before {
  background-color: #0000004d;
}
.sp-content-module button.secondary:disabled {
  box-shadow: none;
  pointer-events: none;
}
/* === Success Button === */
.sp-content-module button.success {
  padding: 8px 16px;
  color: var(--color-white);
  background-color: var(--color-success);
}
.sp-content-module button.success::before {
  background-color: #ffffff33;
}
.sp-content-module button.success:hover {
  color: var(--color-white);
  background-color: var(--color-success-hover);
}
.sp-content-module button.success:active::before {
  background-color: #ffffff33;
}
.sp-content-module button.success:disabled {
  box-shadow: none;
  pointer-events: none;
}
/* === Danger Button === */
.sp-content-module button.danger {
  padding: 8px 16px;
  color: var(--color-white);
  background-color: var(--color-error);
}
.sp-content-module button.danger::before {
  background-color: #ffffff33;
}
.sp-content-module button.danger:hover {
  color: var(--color-white);
  background-color: var(--color-error-hover);
}
.sp-content-module button.danger:active::before {
  background-color: #ffffff33;
}
.sp-content-module button.danger:disabled {
  box-shadow: none;
  pointer-events: none;
}
/* === Predefined Process Button === */
.sp-content-module button.pred-process-button {
  color: var(--color-black);
  border: 1px solid var(--color-secondary);
}
.sp-content-module button.pred-process-button::before {
  background-color: #0000004d;
}
.sp-content-module button.pred-process-button:hover {
  border-color: var(--color-black);
  box-shadow: 0px 4px 8px 0px #0000001a;
}
.sp-content-module button.pred-process-button:active {
  box-shadow: 0px 4px 8px 0px #0000001a;
}
.sp-content-module button.pred-process-button:active::before {
  background-color: #0000004d;
}
.sp-content-module button.pred-process-button:disabled {
  box-shadow: none;
  pointer-events: none;
}
/* === Decision Button === */
.sp-content-module button.decision-button {
  display: flex !important;
  align-items: center;
  justify-content: center;
  color: var(--color-black);
  border: 1px solid var(--color-secondary);
}
.sp-content-module button.decision-button::before {
  background-color: #0000004d;
}
.sp-content-module button.decision-button.active {
  padding-right: 40px;
}
.sp-content-module button.decision-button:hover {
  border-color: var(--color-black);
  box-shadow: 0px 4px 8px 0px #0000001a;
}
.sp-content-module button.decision-button:active {
  box-shadow: 0px 4px 8px 0px #0000001a;
}
.sp-content-module button.decision-button:active::before {
  background-color: #0000004d;
  z-index: -1;
}
.sp-content-module button.decision-button:disabled {
  box-shadow: none;
  pointer-events: 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='%2343A903'/><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: 20px;
  color: var(--color-link);
  transition: color 0.3s ease;
}
.sp-content-module button.link:active {
  color: var(--color-link-active);
}
.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: 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,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0' fill='white'%3E%3Cpath d='M7.59694 48.8083C6.51969 49.5503 6.24121 51.0314 7.06083 52.0509C9.19215 54.7018 11.7358 57 14.5989 58.8552C18.1255 61.1403 22.0678 62.7085 26.2005 63.4701C30.3332 64.2317 34.5754 64.1718 38.685 63.2939C42.7946 62.4161 46.691 60.7373 50.1518 58.3536C53.6126 55.9699 56.57 52.9278 58.8552 49.4011C61.1403 45.8745 62.7085 41.9322 63.4701 37.7995C64.2317 33.6668 64.1718 29.4246 63.2939 25.315C62.5812 21.9787 61.3407 18.7829 59.6237 15.8466C58.9634 14.7175 57.4803 14.4497 56.4031 15.1917C55.3258 15.9337 55.0639 17.404 55.7097 18.5416C57.082 20.9593 58.0789 23.5768 58.6616 26.3046C59.4095 29.8058 59.4605 33.4201 58.8116 36.941C58.1628 40.462 56.8267 43.8207 54.8799 46.8253C52.933 49.8299 50.4133 52.4217 47.4648 54.4525C44.5163 56.4834 41.1967 57.9136 37.6954 58.6616C34.1942 59.4095 30.5799 59.4605 27.059 58.8116C23.538 58.1628 20.1793 56.8267 17.1747 54.8799C14.8339 53.3631 12.7436 51.4986 10.974 49.3546C10.1413 48.3458 8.67419 48.0663 7.59694 48.8083Z'/%3E%3C/mask%3E%3Cpath d='M7.59694 48.8083C6.51969 49.5503 6.24121 51.0314 7.06083 52.0509C9.19215 54.7018 11.7358 57 14.5989 58.8552C18.1255 61.1403 22.0678 62.7085 26.2005 63.4701C30.3332 64.2317 34.5754 64.1718 38.685 63.2939C42.7946 62.4161 46.691 60.7373 50.1518 58.3536C53.6126 55.9699 56.57 52.9278 58.8552 49.4011C61.1403 45.8745 62.7085 41.9322 63.4701 37.7995C64.2317 33.6668 64.1718 29.4246 63.2939 25.315C62.5812 21.9787 61.3407 18.7829 59.6237 15.8466C58.9634 14.7175 57.4803 14.4497 56.4031 15.1917C55.3258 15.9337 55.0639 17.404 55.7097 18.5416C57.082 20.9593 58.0789 23.5768 58.6616 26.3046C59.4095 29.8058 59.4605 33.4201 58.8116 36.941C58.1628 40.462 56.8267 43.8207 54.8799 46.8253C52.933 49.8299 50.4133 52.4217 47.4648 54.4525C44.5163 56.4834 41.1967 57.9136 37.6954 58.6616C34.1942 59.4095 30.5799 59.4605 27.059 58.8116C23.538 58.1628 20.1793 56.8267 17.1747 54.8799C14.8339 53.3631 12.7436 51.4986 10.974 49.3546C10.1413 48.3458 8.67419 48.0663 7.59694 48.8083Z' stroke='%23FFE201' stroke-width='16' mask='url(%23mask0)'/%3E%3C/svg%3E");
  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 11px;
  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: 400;
  width: 100%;
}
.sp-content-module .search .search-input input::placeholder {
  color: var(--color-grey-placeholder);
  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 10px;
}
.sp-content-module .search .search-input .prepend {
  width: 24px;
  min-width: 24px;
  height: 24px;
  margin-right: 8px;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M20.0285%2020.5703L13.7285%2014.2703C13.2285%2014.6703%2012.6535%2014.987%2012.0035%2015.2203C11.3535%2015.4536%2010.6618%2015.5703%209.92847%2015.5703C8.1118%2015.5703%206.5743%2014.9411%205.31597%2013.6828C4.05763%2012.4245%203.42847%2010.887%203.42847%209.07031C3.42847%207.25365%204.05763%205.71615%205.31597%204.45781C6.5743%203.19948%208.1118%202.57031%209.92847%202.57031C11.7451%202.57031%2013.2826%203.19948%2014.541%204.45781C15.7993%205.71615%2016.4285%207.25365%2016.4285%209.07031C16.4285%209.80365%2016.3118%2010.4953%2016.0785%2011.1453C15.8451%2011.7953%2015.5285%2012.3703%2015.1285%2012.8703L21.4285%2019.1703L20.0285%2020.5703ZM9.92847%2013.5703C11.1785%2013.5703%2012.241%2013.1328%2013.116%2012.2578C13.991%2011.3828%2014.4285%2010.3203%2014.4285%209.07031C14.4285%207.82031%2013.991%206.75781%2013.116%205.88281C12.241%205.00781%2011.1785%204.57031%209.92847%204.57031C8.67847%204.57031%207.61597%205.00781%206.74097%205.88281C5.86597%206.75781%205.42847%207.82031%205.42847%209.07031C5.42847%2010.3203%205.86597%2011.3828%206.74097%2012.2578C7.61597%2013.1328%208.67847%2013.5703%209.92847%2013.5703Z%22%20fill%3D%22black%22/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.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;
  margin-right: 11px;
}
.sp-content-module .search .search-input.focused .append {
  margin-right: 10px;
}
.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-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-bg-light);
}
.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: start;
  position: relative;
  z-index: 10001;
  width: auto;
  cursor: pointer;
  padding: 15px 30px 15px 15px;
  min-width: 260px;
  max-width: 100%;
  min-height: 56px;
  border-radius: unset;
  overflow: hidden;
  text-align: left;
  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: 7px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M12%2012.6L16.6%208L18%209.4L12%2015.4L6%209.4L7.4%208L12%2012.6Z%22%20fill%3D%22black%22/%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-menu {
  display: flex;
  flex-direction: column;
  left: 0;
  padding: 0;
  margin-top: 2px;
  overflow: hidden;
  background-color: var(--color-white);
  box-shadow: 0px 4px 10px 0px #00000026;
  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-bg-light);
}
.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='%2343A903'/%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: 480px) {
  .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-darkest);
}
.sp-content-module .carousel-view .step-text {
  margin-top: 8px;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}
.sp-content-module .carousel-view.flip .step-text {
  margin-top: 0;
  margin-bottom: 8px;
}
.sp-content-module .carousel-view .step-text .g-p-title,
.sp-content-module .carousel-view .step-text > h4 {
  display: block;
  text-align: center;
  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 {
  font-size: 16px;
  line-height: 24px;
  max-width: 712px;
  margin-left: auto;
  margin-right: auto;
}
.sp-content-module .carousel-view .step-text .g-p-text .pointer {
  font-weight: 700;
}
.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-darkest);
}
.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.4;
  cursor: not-allowed !important;
}
.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: 6px;
  height: 6px;
  background-color: var(--color-bullet);
  border-radius: 50%;
  cursor: pointer;
  font-size: 0;
  line-height: 0;
  color: transparent;
  transition: all 0.3s ease;
}
.sp-content-module .swiper-pagination-custom .swiper-pagination-bullet-custom.is-active {
  width: 16px;
  height: 16px;
  background-color: var(--color-bullet-selected);
}
.sp-content-module .swiper-pagination-custom .swiper-pagination-bullet-custom.is-main {
  width: 8px;
  height: 8px;
}
.sp-content-module .swiper-pagination-custom .swiper-pagination-bullet-custom.is-small {
  width: 6px;
  height: 6px;
}
.sp-content-module .swiper-pagination-custom .swiper-pagination-bullet-custom.is-hidden {
  display: none;
}
/* 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: 700;
  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);
}
.sp-content-module .custom-article .popper ul,
.sp-content-module .custom-article .popper ol,
.sp-content-module .interactive-navigation-map .popper ul,
.sp-content-module .interactive-navigation-map .popper ol {
  padding: 0;
}
.sp-content-module .custom-article .popper .quill-preview ol li,
.sp-content-module .custom-article .popper .quill-preview ul li,
.sp-content-module .interactive-navigation-map .popper .quill-preview ol li,
.sp-content-module .interactive-navigation-map .popper .quill-preview ul li {
  position: relative;
}
.sp-content-module .custom-article .popper .quill-preview ol > li::before,
.sp-content-module .custom-article .popper .quill-preview ul > li::before,
.sp-content-module .interactive-navigation-map .popper .quill-preview ol > li::before,
.sp-content-module .interactive-navigation-map .popper .quill-preview ul > li::before {
  position: absolute;
  left: 0;
  text-align: left;
  margin: 0;
}
.sp-content-module .custom-article .popper .quill-preview ul > li::before,
.sp-content-module .interactive-navigation-map .popper .quill-preview ul > li::before {
  left: 0.5em;
}
/* --- 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-primary);
  background-color: var(--color-primary);
  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-primary);
  outline: 1px solid var(--color-primary);
  outline-offset: 2px;
  box-shadow: 0 0 0 2px var(--color-white);
}
.sp-content-module .diagnostic-flow .path-item.processed {
  opacity: 0.6;
}
.sp-content-module .diagnostic-flow .path-item.processed::before {
  border-color: var(--color-grey-selected);
  background-color: var(--color-grey-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-grey-selected);
}
.sp-content-module .diagnostic-flow .path-item:not(.processed) .flow-block::before {
  background-color: var(--color-primary);
}
.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;
    gap: 16px;
  }

  .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-black);
  padding-bottom: 40px;
  border-radius: 8px;
}
.sp-content-module .interactive-navigation-map .screen .title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 800;
  padding: 16px 16px 15px;
  margin-bottom: 28px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-color: var(--color-grey-border);
  border-bottom: 1px solid var(--color-black);
}
.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: 8px;
  border: 1px solid var(--color-black);
}
.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-bg-light);
}
.sp-content-module .interactive-navigation-map .inm-sidebar a.active {
  font-weight: 800;
  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: 12px 12px 11px;
    margin-bottom: 8px;
    font-weight: 700;
  }

  .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: "Mulish";
  src: url("./fonts/Mulish-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Mulish";
  src: url("./fonts/Mulish-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Mulish";
  src: url("./fonts/Mulish-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Mulish";
  src: url("./fonts/Mulish-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Mulish";
  src: url("./fonts/Mulish-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Mulish";
  src: url("./fonts/Mulish-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Mulish";
  src: url("./fonts/Mulish-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Mulish";
  src: url("./fonts/Mulish-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Mulish";
  src: url("./fonts/Mulish-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Mulish";
  src: url("./fonts/Mulish-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Mulish";
  src: url("./fonts/Mulish-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Mulish";
  src: url("./fonts/Mulish-ExtraBoldItalic.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Mulish";
  src: url("./fonts/Mulish-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Mulish";
  src: url("./fonts/Mulish-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
/* Base Styles */
.sp-content-module {
  --font-base: "Mulish", Arial, sans-serif;

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

  --color-primary: #43a900;
  --color-primary-hover: #007400;
  --color-secondary: #909193;
  --color-bg-light: #dbeed4;

  --color-bullet: #dddedf;
  --color-bullet-selected: #ffe201;

  --color-link: #0201df;
  --color-link-active: #f90200;

  --color-grey-placeholder: #73777c;
  --color-grey-border: #f5f5f6;
  --color-grey-selected: #c4c4c4;
  --color-grey-dropdown: #cccccc;
  --color-grey-darkest: #2d2d2d;

  --color-success: #198754;
  --color-success-hover: #146c43;

  --color-error: #bb2d3b;
  --color-error-hover: #af2a37;

  --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: 40px;
}
.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: 26px;
    line-height: 40px;
  }

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