/*!
  This version is minified to update the CSS please create an MR to the Stonly integration repository
*/

@charset "UTF-8";
@import url(https://assets.cdn.personio.de/fonts/open-sans.css);
@import url(https://wec-are-hiring.cdn.personio.de/fonts/ibm-plex-mono.css);

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("//assets.cdn.personio.de/fonts/inter/Inter-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("//assets.cdn.personio.de/fonts/inter/Inter-Italic.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("//assets.cdn.personio.de/fonts/inter/Inter-Medium.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("//assets.cdn.personio.de/fonts/inter/Inter-MediumItalic.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("//assets.cdn.personio.de/fonts/inter/Inter-SemiBold.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("//assets.cdn.personio.de/fonts/inter/Inter-SemiBoldItalic.woff2") format("woff2");
}

#root {
  --fonts-fallback: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "Open Sans", system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-family: 'Inter', --fonts-fallback !important;
}

.button-wrap button:not(:where([data-cy="backButton"], [data-static-value^="personio-button"])) div {
  color: #000000;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-transform: none;
  text-align: left;
}

.button-wrap button:not(:where([data-cy="backButton"], [data-static-value^="personio-button"])) svg {
  display: none !important;
}

button[data-static-value^="personio-button"] {
  border: none;
  transition: none;
  padding-left: 0;
  padding-right: 0;
  height: fit-content;
  cursor: default;
  margin-bottom: 8px;
  display: flex;
  align-items: flex-start;
}

button[data-static-value^="personio-button"]:hover {
  cursor: default;
  background: none;
  border: none;
}

button[data-static-value^="personio-button"] div {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  margin: 0 0;
  outline: none;
  position: relative;
  text-transform: none;
  background: transparent;
  color: #0db5df;
  text-align: left;
  display: inline-block;
}

button[data-static-value^="personio-button"] div:hover {
  cursor: pointer;
}

button[data-static-value^="personio-button"] div span {
  display: inline;
}

button[data-static-value^="personio-button"] svg {
  display: none !important;
}

div[class*="ContactFormstyles__Canvas-sc"] button[data-cy="nextStepButton"] div,
button[data-static-value="personio-button__contactform"] div, div[class^="Button__Canvas-sc"] button[data-cy="customSurveySubmitButton"] div {
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

button[data-static-value^="personio-button__article"]:before,
button[data-static-value^="personio-button__video"]:before,
button[data-static-value^="personio-button__tour"]:before,
button[data-static-value^="personio-button__community"]:before,
button[data-static-value^="personio-button__webinar"]:before,
button[data-static-value^="personio-button__academy"]:before {
  display: flex;
  align-items: center;
  background-repeat: no-repeat;
  text-transform: none;
  outline: none;
  padding-left: 20px;
  margin-right: 8px;
  font-size: 12px;
  background-position: left;
  background-size: 14px 14px;
  flex-shrink: 0;
  line-height: 20px;
  color: #555555;
}

button[data-static-value^="personio-button__article"]:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23555555' d='M448 336v-288C448 21.49 426.5 0 400 0H96C42.98 0 0 42.98 0 96v320c0 53.02 42.98 96 96 96h320c17.67 0 32-14.33 32-31.1c0-11.72-6.607-21.52-16-27.1v-81.36C441.8 362.8 448 350.2 448 336zM143.1 128h192C344.8 128 352 135.2 352 144C352 152.8 344.8 160 336 160H143.1C135.2 160 128 152.8 128 144C128 135.2 135.2 128 143.1 128zM143.1 192h192C344.8 192 352 199.2 352 208C352 216.8 344.8 224 336 224H143.1C135.2 224 128 216.8 128 208C128 199.2 135.2 192 143.1 192zM384 448H96c-17.67 0-32-14.33-32-32c0-17.67 14.33-32 32-32h288V448z'/%3E%3C/svg%3E");
}

[lang="FR"] button[data-static-value^="personio-button__article"]:before,
[lang="EN"] button[data-static-value^="personio-button__article"]:before {
  content: "Article:";
}

[lang="NL"] button[data-static-value^="personio-button__article"]:before,
[lang="DE"] button[data-static-value^="personio-button__article"]:before {
  content: "Artikel:";
}

[lang="ES"] button[data-static-value^="personio-button__article"]:before {
  content: "Artículo:";
}

[lang="IT"] button[data-static-value^="personio-button__article"]:before {
  content: "Articolo:";
}

button[data-static-value^="personio-button__video"]:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23555555' d='M384 112v288c0 26.51-21.49 48-48 48h-288c-26.51 0-48-21.49-48-48v-288c0-26.51 21.49-48 48-48h288C362.5 64 384 85.49 384 112zM576 127.5v256.9c0 25.5-29.17 40.39-50.39 25.79L416 334.7V177.3l109.6-75.56C546.9 87.13 576 102.1 576 127.5z'/%3E%3C/svg%3E");
}

[lang="NL"] button[data-static-value^="personio-button__video"]:before,
[lang="EN"] button[data-static-value^="personio-button__video"]:before,
[lang="DE"] button[data-static-value^="personio-button__video"]:before,
[lang="IT"] button[data-static-value^="personio-button__video"]:before {
  content: "Video:";
}

[lang="FR"] button[data-static-value^="personio-button__video"]:before {
  content: "Vidéo:";
}

[lang="ES"] button[data-static-value^="personio-button__video"]:before {
  content: "Vídeo:";
}

button[data-static-value^="personio-button__tour"]:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath fill='%23555555' d='M156.6 384.9L125.7 353.1C117.2 345.5 114.2 333.1 117.1 321.8C120.1 312.9 124.1 301.3 129.8 288H24C15.38 288 7.414 283.4 3.146 275.9C-1.123 268.4-1.042 259.2 3.357 251.8L55.83 163.3C68.79 141.4 92.33 127.1 117.8 127.1H200C202.4 124 204.8 120.3 207.2 116.7C289.1-4.07 411.1-8.142 483.9 5.275C495.6 7.414 504.6 16.43 506.7 28.06C520.1 100.9 516.1 222.9 395.3 304.8C391.8 307.2 387.1 309.6 384 311.1V394.2C384 419.7 370.6 443.2 348.7 456.2L260.2 508.6C252.8 513 243.6 513.1 236.1 508.9C228.6 504.6 224 496.6 224 488V380.8C209.9 385.6 197.6 389.7 188.3 392.7C177.1 396.3 164.9 393.2 156.6 384.9V384.9zM384 167.1C406.1 167.1 424 150.1 424 127.1C424 105.9 406.1 87.1 384 87.1C361.9 87.1 344 105.9 344 127.1C344 150.1 361.9 167.1 384 167.1z'/%3E%3C/svg%3E");
}

[lang="EN"] button[data-static-value^="personio-button__tour"]:before,
[lang="DE"] button[data-static-value^="personio-button__tour"]:before,
[lang="IT"] button[data-static-value^="personio-button__tour"]:before {
  content: "Tour:";
}

[lang="FR"] button[data-static-value^="personio-button__tour"]:before {
  content: "Démo:";
}

[lang="NL"] button[data-static-value^="personio-button__tour"]:before {
  content: "Rondleiding:";
}

[lang="ES"] button[data-static-value^="personio-button__tour"]:before {
  content: "Recorrido:";
}

button[data-static-value^="personio-button__community"]:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3C!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath fill='%23555555' d='M224 256c70.7 0 128-57.31 128-128S294.7 0 224 0C153.3 0 96 57.31 96 128S153.3 256 224 256zM274.7 304H173.3c-95.73 0-173.3 77.6-173.3 173.3C0 496.5 15.52 512 34.66 512H413.3C432.5 512 448 496.5 448 477.3C448 381.6 370.4 304 274.7 304zM479.1 320h-73.85C451.2 357.7 480 414.1 480 477.3C480 490.1 476.2 501.9 470 512h138C625.7 512 640 497.6 640 479.1C640 391.6 568.4 320 479.1 320zM432 256C493.9 256 544 205.9 544 144S493.9 32 432 32c-25.11 0-48.04 8.555-66.72 22.51C376.8 76.63 384 101.4 384 128c0 35.52-11.93 68.14-31.59 94.71C372.7 243.2 400.8 256 432 256z'/%3E%3C/svg%3E");
}

[lang="NL"] button[data-static-value^="personio-button__community"]:before,
[lang="EN"] button[data-static-value^="personio-button__community"]:before,
[lang="DE"] button[data-static-value^="personio-button__community"]:before,
[lang="IT"] button[data-static-value^="personio-button__community"]:before {
  content: "Community:";
}

[lang="FR"] button[data-static-value^="personio-button__community"]:before {
  content: "Communauté:";
}

[lang="ES"] button[data-static-value^="personio-button__community"]:before {
  content: "Comunidad:";
}

button[data-static-value^="personio-button__webinar"]:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13' viewBox='0 0 12 13' fill='none'%3E%3Cpath fill='%23555555' d='M6.77344 1.92969C6.21094 2.49219 5.95312 3.24219 6 3.96875L8.53125 6.5C9.25781 6.54688 10.0078 6.28906 10.5703 5.72656L10.6172 5.67969L6.82031 1.88281L6.77344 1.92969ZM0.140625 10.4375C0.0703125 10.5312 0 10.7188 0 10.8359C0 10.9766 0.0703125 11.1875 0.164062 11.2812L1.21875 12.3359C1.3125 12.4297 1.5 12.5 1.66406 12.5C1.78125 12.5 1.96875 12.4297 2.0625 12.3594L5.25 9.54688V12.125C5.25 12.3359 5.41406 12.5 5.625 12.5H6.375C6.5625 12.5 6.75 12.3359 6.75 12.125V8.23438L8.0625 7.0625L5.4375 4.4375L0.140625 10.4375ZM11.2031 1.29688C10.7578 0.875 9.91406 0.5 9.30469 0.5C8.69531 0.5 7.85156 0.875 7.40625 1.29688L7.35938 1.34375L11.1562 5.14062L11.2031 5.09375C11.625 4.64844 12 3.80469 12 3.19531C12 2.58594 11.625 1.74219 11.2031 1.29688Z'/%3E%3C/svg%3E");
}

[lang="NL"] button[data-static-value^="personio-button__webinar"]:before,
[lang="EN"] button[data-static-value^="personio-button__webinar"]:before,
[lang="IT"] button[data-static-value^="personio-button__webinar"]:before {
  content: "Webinars:";
}

[lang="FR"] button[data-static-value^="personio-button__webinar"]:before {
  content: "Webinaires:";
}

[lang="DE"] button[data-static-value^="personio-button__webinar"]:before {
  content: "Webinare:";
}

[lang="ES"] button[data-static-value^="personio-button__webinar"]:before {
  content: "Webinarios:";
}

button[data-static-value^="personio-button__academy"]:before {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M22.4032 5.49948C20.886 4.76254 19.1145 4.76254 17.5973 5.49948L3.6968 12.2511C1.81981 13.1628 1.81982 15.837 3.6968 16.7487L8.00023 18.8389V20.7359V23.5687V33.4922C7.43036 34.2654 7.00023 35.2105 7.00023 35.9998C7.00023 37.6566 7.89566 37.9997 9.00023 37.9997C10.1048 37.9997 11.0002 37.6566 11.0002 35.9998C11.0002 35.8706 11.0009 35.7372 11.0015 35.6011C11.0029 35.3204 11.0042 35.028 11.0002 34.7366V30.2984C11.0901 30.3633 11.1824 30.4264 11.2771 30.4876C13.2227 31.7464 16.1375 32.9998 20.0002 32.9998C23.863 32.9998 26.7778 31.7464 28.7234 30.4876C31.1915 28.8909 32.0002 26.0523 32.0002 23.5687V18.8389L36.3037 16.7487C38.1806 15.837 38.1806 13.1628 36.3037 12.2511L22.4032 5.49948ZM11.0002 23.5687V20.7359C11.0002 20.5961 11.0585 20.4653 11.1571 20.3722L17.5973 23.5003C19.1145 24.2373 20.886 24.2373 22.4032 23.5003L29.0002 20.2961V23.5687C29.0002 25.5325 28.3599 27.1497 27.0938 27.9688C25.5396 28.9743 23.1821 29.9998 20.0002 29.9998C16.8183 29.9998 14.4609 28.9743 12.9066 27.9688C11.6405 27.1497 11.0002 25.5326 11.0002 23.5687ZM14.5164 18.6688L18.908 20.8018C19.5976 21.1368 20.4028 21.1368 21.0925 20.8018L34.067 14.4999L21.0925 8.19801C20.4028 7.86303 19.5976 7.86303 18.908 8.19801L5.93348 14.4999L11.1137 17.016L19.8294 12.6582C20.5704 12.2877 21.4714 12.588 21.8419 13.329C22.2124 14.07 21.912 14.971 21.171 15.3415L14.5164 18.6688Z" fill="%23161616"/%3E%3C/svg%3E');
}

[lang="FR"] button[data-static-value^="personio-button__academy"]:before,
[lang="NL"] button[data-static-value^="personio-button__academy"]:before,
[lang="EN"] button[data-static-value^="personio-button__academy"]:before,
[lang="DE"] button[data-static-value^="personio-button__academy"]:before,
[lang="IT"] button[data-static-value^="personio-button__academy"]:before,
[lang="ES"] button[data-static-value^="personio-button__academy"]:before {
  content: "Academy:";
  background-size: 18px 18px;
}

button[data-static-value="personio-button__article"] div,
button[data-static-value="personio-button__webinar"] div,
button[data-static-value="personio-button__community"] div {
  text-decoration: underline;
}

button[data-static-value="personio-button__article"] div:hover,
button[data-static-value="personio-button__webinar"] div:hover,
button[data-static-value="personio-button__community"] div:hover {
  text-decoration: none;
}

button[data-static-value="personio-button__article"] div:after,
button[data-static-value="personio-button__webinar"] div:after,
button[data-static-value="personio-button__community"] div:after {
  content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"%3E%3C!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath fill="%230DB5DF" d="M384 320c-17.67 0-32 14.33-32 32v96H64V160h96c17.67 0 32-14.32 32-32s-14.33-32-32-32L64 96c-35.35 0-64 28.65-64 64V448c0 35.34 28.65 64 64 64h288c35.35 0 64-28.66 64-64v-96C416 334.3 401.7 320 384 320zM488 0H352c-12.94 0-24.62 7.797-29.56 19.75c-4.969 11.97-2.219 25.72 6.938 34.88L370.8 96L169.4 297.4c-12.5 12.5-12.5 32.75 0 45.25C175.6 348.9 183.8 352 192 352s16.38-3.125 22.62-9.375L416 141.3l41.38 41.38c9.156 9.141 22.88 11.84 34.88 6.938C504.2 184.6 512 172.9 512 160V24C512 10.74 501.3 0 488 0z"/%3E%3C/svg%3E');
  width: 11px;
  height: 14px;
  margin-left: 4px;
  display: inline-block;
}

button[data-static-value="personio-button__support"],
button[data-static-value="personio-button__nonauthorized"] {
  margin-top: 16px;
}

button[data-static-value="personio-button__support"]:before {
  display: flex;
  text-transform: none;
  outline: none;
  color: #555555;
  align-items: center;
  margin-right: 8px;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 4px;
}

button[data-static-value="personio-button__support"] {
  display: block;
  text-align: left;
}

[lang="FR"] button[data-static-value="personio-button__support"]:before {
  content: "Vous n'avez pas trouvé ce que vous cherchiez ?";
}

[lang="NL"] button[data-static-value="personio-button__support"]:before {
  content: "Niet gevonden wat je zocht?";
}

[lang="EN"] button[data-static-value="personio-button__support"]:before {
  content: "Didn't find what you were looking for?";
}

[lang="DE"] button[data-static-value="personio-button__support"]:before {
  content: "Haben Sie nicht gefunden was Sie gesucht haben?";
}

[lang="ES"] button[data-static-value="personio-button__support"]:before {
  content: "¿No has encontrado lo que buscabas?";
}

[lang="IT"] button[data-static-value="personio-button__support"]:before {
  content: "Non hai trovato ciò che cercavi?";
}

/* Adjusts the styling of the survey rating scale in the different behaviours: static,hover,selected */
.guide-o6gDMmknVn [class*="custom-survey-rating"] svg path,
.guide-1QVB2GwjH1 [class*="custom-survey-rating"] svg path,
.guide-I0p8OCPOs7 [class*="custom-survey-rating"] svg path{
  stroke: #4DD2EF !important;
}

.guide-o6gDMmknVn [class*="custom-survey-rating:hover"] svg path,
.guide-1QVB2GwjH1 [class*="custom-survey-rating:hover"] svg path,
.guide-I0p8OCPOs7 [class*="custom-survey-rating:hover"] svg path{
    stroke: rgb(77, 210, 239) !important;
    fill: rgba(77, 210, 239, 0.25) !important;
}
.guide-o6gDMmknVn [class*="custom-survey-rating:has(~ .custom-survey-rating:hover)"] svg path,
.guide-1QVB2GwjH1 [class*="custom-survey-rating:has(~ .custom-survey-rating:hover)"] svg path,
.guide-I0p8OCPOs7 [class*="custom-survey-rating:has(~ .custom-survey-rating:hover)"] svg path{
    stroke: rgb(77, 210, 239) !important;
    fill: rgba(77, 210, 239, 0.25) !important;
}

.custom-survey-rating:has(~ .custom-survey-rating:hover) svg path {
    stroke: rgb(77, 210, 239) !important;
    fill: rgba(77, 210, 239, 0.25) !important;
}

/* removes the current copy in the skip button in the language chosen */
[lang="es"] .step-id button[value="submit"] [class*=Button__StyledButtonInterior]{
  display: none;
}
/* adds a new copy in the skip button in the language chosen */
[lang="es"] .step-id button[value="submit"]:before{
    content: 'Saltar';
}


/*custom survey step content*/
.guide-PSJYOsIQOe [class*="CustomSurveystyles__TitleContent"],
.guide-bnxpGDXM07 [class*="CustomSurveystyles__TitleContent"],
.guide-kRKtdrIuQV [class*="CustomSurveystyles__TitleContent"],
.guide-7Er54FHuC8 [class*="CustomSurveystyles__TitleContent"],
.guide-KFaSBSsLaJ [class*="CustomSurveystyles__TitleContent"],
.guide-k0Yr5PlCCH [class*="CustomSurveystyles__TitleContent"],
.guide-lzquDnv1Jb [class*="CustomSurveystyles__TitleContent"],
.guide-F2UfWTfxh5 [class*="CustomSurveystyles__TitleContent"],
.guide-koGf1b09jp [class*="CustomSurveystyles__TitleContent"],
.guide-pvpz54uqWk [class*="CustomSurveystyles__TitleContent"],
.guide-lVyALbAQHy [class*="CustomSurveystyles__TitleContent"],
.guide-sggWGPGI5x [class*="CustomSurveystyles__TitleContent"],
.guide-nBeMC9yNI5 [class*="CustomSurveystyles__TitleContent"],
.guide-4qRg0YEAlk [class*="CustomSurveystyles__TitleContent"],
.guide-GjcG5HBtGX [class*="CustomSurveystyles__TitleContent"]{
  font-size: 14px !important;
}
.guide-PSJYOsIQOe [class*="custom-survey-rating-scale"],
.guide-bnxpGDXM07 [class*="custom-survey-rating-scale"],
.guide-kRKtdrIuQV [class*="custom-survey-rating-scale"],
.guide-7Er54FHuC8 [class*="custom-survey-rating-scale"],
.guide-KFaSBSsLaJ [class*="custom-survey-rating-scale"],
.guide-k0Yr5PlCCH [class*="custom-survey-rating-scale"],
.guide-lzquDnv1Jb [class*="custom-survey-rating-scale"],
.guide-F2UfWTfxh5 [class*="custom-survey-rating-scale"],
.guide-koGf1b09jp [class*="custom-survey-rating-scale"],
.guide-pvpz54uqWk [class*="custom-survey-rating-scale"],
.guide-lVyALbAQHy [class*="custom-survey-rating-scale"],
.guide-sggWGPGI5x [class*="custom-survey-rating-scale"],
.guide-nBeMC9yNI5 [class*="custom-survey-rating-scale"],
.guide-4qRg0YEAlk [class*="custom-survey-rating-scale"],
.guide-GjcG5HBtGX [class*="custom-survey-rating-scale"]{
  margin-left: unset !important;
  margin-bottom: auto;
  height:44px;
}

.guide-PSJYOsIQOe [class*="custom-survey-description"],
.guide-bnxpGDXM07 [class*="custom-survey-description"],
.guide-kRKtdrIuQV [class*="custom-survey-description"],
.guide-7Er54FHuC8 [class*="custom-survey-description"],
.guide-KFaSBSsLaJ [class*="custom-survey-description"],
.guide-k0Yr5PlCCH [class*="custom-survey-description"],
.guide-lzquDnv1Jb [class*="custom-survey-description"],
.guide-F2UfWTfxh5 [class*="custom-survey-description"],
.guide-koGf1b09jp [class*="custom-survey-description"],
.guide-pvpz54uqWk [class*="custom-survey-description"],
.guide-lVyALbAQHy [class*="custom-survey-description"],
.guide-sggWGPGI5x [class*="custom-survey-description"],
.guide-nBeMC9yNI5 [class*="custom-survey-description"],
.guide-4qRg0YEAlk [class*="custom-survey-description"],
.guide-GjcG5HBtGX [class*="custom-survey-description"]{
 margin-bottom: auto !important;
 font-size:13px !important;
    }

.custom-survey-rating.ratingStyle-thumbs.iconStyle-icons svg {
  display: none;
}

.custom-survey-rating.ratingStyle-thumbs.iconStyle-icons {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
}

.custom-survey-rating.ratingStyle-thumbs.iconStyle-icons:before {
  content: "";
  position: absolute;
  display: block;
  width: 44px;
  height: 44px;
  transform: translate(-12px, -12px);
  transition: opacity 0.3s;
  background: #F0F0F0;
  border-radius: 50%;
  z-index: 0;
  opacity: 0;
}

.custom-survey-rating.ratingStyle-thumbs.iconStyle-icons:after {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  transition: opacity 0.3s;
  z-index: 1;
}

/* thumbs up */
.custom-survey-rating.ratingStyle-thumbs.iconStyle-icons.rating-2 {
  width: auto;
  height: auto;
}
.custom-survey-rating.ratingStyle-thumbs.iconStyle-icons.rating-2:after {
  content: url('data:image/svg+xml,<svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path fill="black" fill-rule="evenodd" clip-rule="evenodd" d="M21.768 3a1.91 1.91 0 0 0-1.742 1.127c-.41.91-2.295 4.826-6.451 9.873H9.517c-2.434 0-4.706 1.644-5.092 4.235A39.317 39.317 0 0 0 4 24c0 2.217.364 4.156.792 5.671.813 2.88 3.55 4.329 6.19 4.329h4.486a8.138 8.138 0 0 0 2.603.711c1.573.16 3.386.289 5.179.289 2.891 0 5.709-.355 8.433-.698.234-.03.467-.06.7-.088a3.558 3.558 0 0 0 2.652-5.29c.6-.655.965-1.528.965-2.486a3.67 3.67 0 0 0-.498-1.853c.619-.66.998-1.547.998-2.523a3.67 3.67 0 0 0-.498-1.852 3.688 3.688 0 0 0-2.69-6.21h-7.67l1.56-4.291C28.388 6.448 25.972 3 22.503 3h-.735Zm11.044 18.375a.687.687 0 1 1 0 1.375H30.5a1.5 1.5 0 0 0 0 3h1.813a.687.687 0 1 1 0 1.375c-.05 0-.098.002-.146.007a3.644 3.644 0 0 0-.225-.007H30a1.5 1.5 0 0 0 0 3h1.942a.558.558 0 0 1 .069 1.112l-.672.084c-2.76.347-5.395.679-8.09.679-1.659 0-3.364-.12-4.873-.273-2.278-.233-4.009-1.855-4.3-4.037a67.187 67.187 0 0 1-.523-6.517c-.056-1.59.578-3.182 1.694-4.496C19.407 11.78 21.606 7.745 22.46 6h.044a2 2 0 0 1 1.88 2.683l-2.293 6.304A1.5 1.5 0 0 0 23.5 17h9.812a.687.687 0 1 1 0 1.375H31a1.5 1.5 0 0 0 0 3h1.813ZM12.114 31a7.602 7.602 0 0 1-1.011-2.913 70.213 70.213 0 0 1-.548-6.809c-.053-1.516.297-2.97.927-4.278H9.517c-1.137 0-1.985.736-2.125 1.678A36.317 36.317 0 0 0 7 24c0 1.89.311 3.553.679 4.856C8.035 30.12 9.315 31 10.982 31h1.132Z"/></svg>');
}

/* thumbs down */
.custom-survey-rating.ratingStyle-thumbs.iconStyle-icons.rating-1:after {
  content: url('data:image/svg+xml,<svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path fill="black" fill-rule="evenodd" clip-rule="evenodd" d="M18.232 37a1.91 1.91 0 0 0 1.742-1.127c.41-.91 2.295-4.826 6.451-9.873h4.058c2.434 0 4.706-1.644 5.092-4.235C35.8 20.257 36 18.279 36 16a20.95 20.95 0 0 0-.792-5.671C34.395 7.449 31.658 6 29.018 6h-4.486a8.14 8.14 0 0 0-2.603-.711C20.356 5.129 18.543 5 16.75 5c-2.891 0-5.709.355-8.433.698-.234.03-.467.06-.7.088a3.558 3.558 0 0 0-2.652 5.29A3.674 3.674 0 0 0 4 13.562c0 .676.181 1.308.498 1.853a3.675 3.675 0 0 0-.998 2.523c0 .675.181 1.307.498 1.852A3.688 3.688 0 0 0 6.688 26h7.67l-1.56 4.291C11.612 33.552 14.028 37 17.497 37h.735ZM7.188 18.625a.687.687 0 1 1 0-1.375H9.5a1.5 1.5 0 0 0 0-3H7.687a.687.687 0 1 1 0-1.375c.05 0 .098-.002.146-.007.075.005.15.007.225.007H10a1.5 1.5 0 0 0 0-3H8.058a.558.558 0 0 1-.069-1.112l.672-.084c2.76-.347 5.395-.679 8.09-.679 1.659 0 3.364.12 4.873.273 2.278.233 4.009 1.855 4.3 4.037.224 1.68.43 3.847.523 6.517.056 1.59-.578 3.182-1.694 4.496-4.16 4.896-6.359 8.932-7.212 10.677h-.044a2 2 0 0 1-1.88-2.683l2.293-6.304A1.5 1.5 0 0 0 16.5 23H6.688a.687.687 0 1 1 0-1.375H9a1.5 1.5 0 0 0 0-3H7.187ZM27.886 9a7.601 7.601 0 0 1 1.011 2.913c.238 1.777.451 4.042.548 6.809.053 1.516-.297 2.97-.927 4.278h1.965c1.137 0 1.985-.736 2.125-1.678.207-1.387.392-3.216.392-5.322 0-1.89-.311-3.553-.679-4.856C31.965 9.88 30.685 9 29.018 9h-1.132Z"/></svg>');
}

.custom-survey-rating.ratingStyle-thumbs.iconStyle-icons:hover:before {
  opacity: 1;
}

.results-title.guide {
  visibility: hidden;
}

[lang="FR"] .results-title.guide:before {
  content: "Sujet";
  visibility: visible;
}

[lang="NL"] .results-title.guide:before {
  content: "Onderwerp";
  visibility: visible;
}

[lang="EN"] .results-title.guide:before {
  content: "Topic";
  visibility: visible;
}

[lang="DE"] .results-title.guide:before {
  content: "Thema";
  visibility: visible;
}

[lang="ES"] .results-title.guide:before {
  content: "Tema";
  visibility: visible;
}

[lang="IT"] .results-title.guide:before {
  content: "Argomento";
  visibility: visible;
}

.results-title.step {
  visibility: hidden;
}

[lang="FR"] .results-title.step:before {
  content: "Veuillez trouver plus d'informations ici :";
  visibility: visible;
}

[lang="NL"] .results-title.step:before {
  content: "Veuillez trouver plus d'informations ici :";
  visibility: visible;
}

[lang="EN"] .results-title.step:before {
  content: "Please find more information here:";
  visibility: visible;
}

[lang="DE"] .results-title.step:before {
  content: "Weitere Informationen finden Sie hier:";
  visibility: visible;
}

[lang="ES"] .results-title.step:before {
  content: "Encontrará más información aquí:";
  visibility: visible;
}

[lang="IT"] .results-title.step:before {
  content: "Per maggiori informazioni, cliccare qui:";
  visibility: visible;
}

.subtitle {
  color: #161616;
}

.content-text p {
  color: #555555 !important;
}

.content-text p span {
  color: #555555 !important;
}

[lang="EN"] var[data-name="account_owner_list"]:empty:before {
  content: "There is no Account Owner yet";
}

[lang="DE"] var[data-name="account_owner_list"]:empty:before {
  content: "There is no Account Owner yet in DE";
}

[lang="EN"] var[data-name="account_owner_list"]:not(:empty):before {
  content: "Reach out to ";
}

[lang="DE"] var[data-name="account_owner_list"]:not(:empty):before {
  content: "Reach out to in DE ";
}

[lang="EN"] var[data-name="account_owner_list"]:not(:empty):after {
  content: " to get further help.";
}

[lang="DE"] var[data-name="account_owner_list"]:not(:empty):after {
  content: " to get further help. in DE";
}

.content-text aside.tip {
  border: none !important;
  background: transparent !important;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #161616;
  display: flex;
  align-items: flex-start;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.content-text aside.tip:before {
  content: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDAgNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMCA4QzEzLjM3MyA4IDggMTMuMzczIDggMjBzNS4zNzMgMTIgMTIgMTIgMTItNS4zNzMgMTItMTJTMjYuNjI3IDggMjAgOFpNNSAyMGMwLTguMjg0IDYuNzE2LTE1IDE1LTE1IDguMjg0IDAgMTUgNi43MTYgMTUgMTUgMCA4LjI4NC02LjcxNiAxNS0xNSAxNS04LjI4NCAwLTE1LTYuNzE2LTE1LTE1Wm0xNS0yYTEuNSAxLjUgMCAwIDEgMS41IDEuNXY3YTEuNSAxLjUgMCAwIDEtMyAwdi03QTEuNSAxLjUgMCAwIDEgMjAgMThabTAtMmEyIDIgMCAxIDAgMC00IDIgMiAwIDAgMCAwIDRaIi8+PC9zdmc+");
  width: 14px;
  height: 14px;
  line-height: 20px;
  margin-right: 4px;
  padding-top: 1px;
  display: inline-block;
  flex-shrink: 0;
}

div[class*="Stepsstyles__ButtonsWrap-sc"] {
  display: flex;
  justify-content: flex-end;
}


button[data-cy="backButton"]:before {
  content: "Back";
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #161616;
}

button[data-cy="backButton"] svg {
  display: none;
}

[lang="FR"] button[data-cy="backButton"]:before {
  content: "Retour";
}

[lang="NL"] button[data-cy="backButton"]:before {
  content: "Terug";
}

[lang="EN"] button[data-cy="backButton"]:before {
  content: "Back";
}

[lang="DE"] button[data-cy="backButton"]:before {
  content: "Zurück";
}

[lang="ES"] button[data-cy="backButton"]:before {
  content: "Volver";
}

[lang="IT"] button[data-cy="backButton"]:before {
  content: "Indietro";
}

div[mode="hc-widget"]:not(:has(div[data-cy="selectorTypes"])) div[class^="Stepsstyles__ButtonsWrap-sc"]:has(button[data-static-value="personio-button__contactform"]) {
  justify-content: flex-start;
}

div[mode="hc-widget"]:not(:has(div[data-cy="selectorTypes"])) div[class^="Stepsstyles__ButtonsWrap-sc"]:not(:has(button[data-static-value="personio-button__contactform"])) {
  display: flex;
  flex-direction: column-reverse;
}

div[mode="hc-widget"]:not(:has(div[data-cy="selectorTypes"])) div[class^="Stepsstyles__ButtonsWrap-sc"]:not(:has(button[data-static-value="personio-button__contactform"])) a {
  display: flex;
  justify-content: flex-end;
  margin-top: 16px;
}

div[class^="Button__Canvas-sc"]:has(button[data-static-value="stonly_button__support"]) {
  margin-top: 16px;
  margin-bottom: 4px;
}

div[class^="Button__Canvas-sc"]:has(button[data-static-value="stonly_button__support"]) button[data-static-value="stonly_button__support"] {
  width: auto;
  align-items: center;
  padding: 0px 16px;
  height: 40px;
  background: #0db5df;
  border-radius: 4px;
  cursor: pointer;
}

div[class^="Button__Canvas-sc"]:has(button[data-static-value="stonly_button__support"]) button[data-static-value="stonly_button__support"] div {
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

div[class^="Button__Canvas-sc"]:has(button[data-static-value="stonly_button__support"]) button[data-static-value="stonly_button__support"]:after {
  display: none;
}

div[class^="Button__Canvas-sc"]:has(button[data-static-value="stonly_button__support"]) button[data-static-value="stonly_button__support"]:hover {
  background: #0b98bb;
  cursor: pointer;
}

div[mode="hc-widget"]:has(button[data-static-value="stonly_button__support"]) div[class*="Stepsstyles__ButtonsWrap-sc"] {
  justify-content: flex-start;
}

div[class*="Stepsstyles__ButtonsWrap-sc"]:not(:has(button[data-static-value^="personio-button__"])) {
  justify-content: flex-start;
  flex-direction: row !important;
}

/* change the progess bar color*/
[class*="ProgressBar__Bar"] {
  background-color: black !important;
}

[class*="ProgressBar__Line"] {
  background-color: black !important;
}


[class*="ProgressBar__Text"] {
  background-color: black !important;
}

/* START Knowledge Base CSS */
/* START - Combined CSS from Knowlege Base with Custom CSS - */

button[data-cy="backButton"] {
  background: #f4f7f9;
  /* border-radius: 4px;  OLD VALUE*/
  border-radius: var(--Default, 8px);
  align-items: center;
  padding: 0px 16px;
  min-height: 40px;
  width: auto;
  text-transform: none;
  border: none;
  line-height: 20px;
  height: fit-content;
}

/*  OLD VALUE
div[class*="ContactFormstyles__Canvas-sc"] button[data-cy="nextStepButton"],
button[data-static-value="personio-button__contactform"] {
  display: flex;
  align-items: center;
  padding: 8px 16px;
  background: #0db5df;
  border-radius: 4px;
  cursor: pointer;
}
div[class*="ContactFormstyles__Canvas-sc"]
  button[data-cy="nextStepButton"]:hover,
button[data-static-value="personio-button__contactform"]:hover {
  background: #0b98bb;
  cursor: pointer;
} */

div[class*="ContactFormstyles__Canvas-sc"] button[data-cy="nextStepButton"],
div[class^="Button__Canvas-sc"]:has(button[data-static-value="stonly_button__support"]) button[data-static-value="stonly_button__support"],
button[data-static-value="personio-button__contactform"], div[class^="Button__Canvas-sc"] button[data-cy="customSurveySubmitButton"] {
  border-radius: var(--Default, 8px);
  background: black;
  background-blend-mode: overlay, normal;
  box-shadow: 0px 1px 2px 0px rgba(0, 125, 248, 0.3);
  border: none;
  display: flex;
  align-items: center;
  padding: 0px 16px;
  height: 40px;
  cursor: pointer;
}

div[class*="ContactFormstyles__Canvas-sc"] button[data-cy="nextStepButton"]:hover,
div[class^="Button__Canvas-sc"]:has(button[data-static-value="stonly_button__support"]) button[data-static-value="stonly_button__support"]:hover,
button[data-static-value="personio-button__contactform"]:hover, div[class^="Button__Canvas-sc"] button[data-cy="customSurveySubmitButton"]:hover {
  background-color: #2e2e2e;
  cursor: pointer;
}

.button-wrap:not(:last-child) {
  /* margin-bottom: 8px;  OLD VALUE*/
  margin-bottom: 0;
  border-bottom: 0.5px solid var(--Gray-5-Alpha, rgba(92, 92, 88, 0.14));
}

.button-wrap button:not(:where([data-cy="backButton"], [data-static-value^="personio-button"])) {
  justify-content: space-between;
  width: 100%;
  /* padding: 8px 16px 8px 12px;  OLD VALUE*/
  padding: 0px 16px;
  height: 40px;
  border-radius: 4px;
  border: none;
  transition: none;
}

.button-wrap button:not(:where([data-cy="backButton"], [data-static-value^="personio-button"])):hover {
  /* background: #f7f7f7;  OLD VALUE*/
  background-color: transparent;
  cursor: pointer;
  border: none;
}

.button-wrap button:not(:where([data-cy="backButton"], [data-static-value^="personio-button"])):after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512'%3E%3C!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath fill='%23161616' d='M64 448c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L178.8 256L41.38 118.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l160 160c12.5 12.5 12.5 32.75 0 45.25l-160 160C80.38 444.9 72.19 448 64 448z'/%3E%3C/svg%3E");
  display: flex;
  align-items: center;
  content: " ";
  /* width: 8px;  OLD VALUE*/
  width: 14px;
  height: 16px;
  background-repeat: no-repeat;
  flex-shrink: 0;
}

/* END - Combined CSS from Knowlege Base with Custom CSS - */
/* END Knowledge Base CSS */

/* START - Guides custom CSS */
.guide-8VbDVKXI6Q [class*="Stepsstyles__ContentWrap"],
.guide-mv6ey84s6u [class*="Stepsstyles__ContentWrap"],
.guide-sqop4ZLOyT [class*="Stepsstyles__ContentWrap"],
.guide-EohDt0qczK [class*="Stepsstyles__ContentWrap"],
.guide-N4WNz6aqZW [class*="Stepsstyles__ContentWrap"],
.guide-TCXmqweGcI [class*="Stepsstyles__ContentWrap"],
.guide-7tNtfR4YZp [class*="Stepsstyles__ContentWrap"],
.guide-HJioeRFDUJ [class*="Stepsstyles__ContentWrap"],
.guide-VXqUrGVjny [class*="Stepsstyles__ContentWrap"],
.guide-XFDoGwWqTb [class*="Stepsstyles__ContentWrap"],
.guide-oqSwn7g5KH [class*="Stepsstyles__ContentWrap"],
.guide-dmTfcCnGi4 [class*="Stepsstyles__ContentWrap"],
.guide-EbAWqPpDMy [class*="Stepsstyles__ContentWrap"],
.guide-DPfO0o5w8C [class*="Stepsstyles__ContentWrap"],
.guide-DytbdSdjnv [class*="Stepsstyles__ContentWrap"],
.guide-VOF3OOrYXf [class*="Stepsstyles__ContentWrap"],
.guide-0Pbgp9D8aA [class*="Stepsstyles__ContentWrap"],
.guide-GPc0hzGSe9 [class*="Stepsstyles__ContentWrap"],
.guide-2wqKKEBj4f [class*="Stepsstyles__ContentWrap"],
.guide-A1HZlhI6BF [class*="Stepsstyles__ContentWrap"],
.guide-xaZegTDptX [class*="Stepsstyles__ContentWrap"],
.guide-2AeRdr1OfF [class*="Stepsstyles__ContentWrap"],
.guide-mYsCUEUBTj [class*="Stepsstyles__ContentWrap"],
.guide-3RDFuedOqp [class*="Stepsstyles__ContentWrap"],
.guide-PORinZF1sh [class*="Stepsstyles__ContentWrap"],
.guide-v7mIG4vGX5 [class*="Stepsstyles__ContentWrap"],
.guide-ZDpem4lh4o [class*="Stepsstyles__ContentWrap"],
.guide-2z9PabC1Lk [class*="Stepsstyles__ContentWrap"],
.guide-cgJORgcUCe [class*="Stepsstyles__ContentWrap"],
.guide-mG5vA2c2Rf [class*="Stepsstyles__ContentWrap"],
.guide-2AkIDC07xm [class*="Stepsstyles__ContentWrap"],
.guide-6sxzt1SN7H [class*="Stepsstyles__ContentWrap"],
.guide-qP76aVL20o [class*="Stepsstyles__ContentWrap"],
.guide-qwhuFvmet7 [class*="Stepsstyles__ContentWrap"],
.guide-Ugc5xmPVUQ [class*="Stepsstyles__ContentWrap"],
.guide-tjTZnadIid [class*="Stepsstyles__ContentWrap"],
.guide-asyMSnye2Y [class*="Stepsstyles__ContentWrap"],
.guide-WeujM5G2CM [class*="Stepsstyles__ContentWrap"],
.guide-auCxvikVsh [class*="Stepsstyles__ContentWrap"],
.guide-jKMVy4HIBY [class*="Stepsstyles__ContentWrap"],
.guide-3wVP59qlxS [class*="Stepsstyles__ContentWrap"],
.guide-jF8ulDJphL [class*="Stepsstyles__ContentWrap"],
.guide-0kwaWy2uKx [class*="Stepsstyles__ContentWrap"],
.guide-dd2WMAml53 [class*="Stepsstyles__ContentWrap"],
.guide-ITh6YqJAr5 [class*="Stepsstyles__ContentWrap"],
.guide-1kXsgvK1cN [class*="Stepsstyles__ContentWrap"],
.guide-63lIhNvniB [class*="Stepsstyles__ContentWrap"],
.guide-xO8kNgpZah [class*="Stepsstyles__ContentWrap"],
.guide-vDa7EaBNRw [class*="Stepsstyles__ContentWrap"],
.guide-ioJKqLlpTJ [class*="Stepsstyles__ContentWrap"],
.guide-ZtMa1xD4cM [class*="Stepsstyles__ContentWrap"],
.guide-kg7Ffrcpeh [class*="Stepsstyles__ContentWrap"],
.guide-v43pwHoloC [class*="Stepsstyles__ContentWrap"],
.guide-A6QBdPZF6h [class*="Stepsstyles__ContentWrap"],
.guide-Y28gd3WneV [class*="Stepsstyles__ContentWrap"],
.guide-FbDaGAIWQO [class*="Stepsstyles__ContentWrap"],
.guide-HjAuBqVkJp [class*="Stepsstyles__ContentWrap"],
.guide-rh6JDQqq7M [class*="Stepsstyles__ContentWrap"],
.guide-7cg3ZlBAMC [class*="Stepsstyles__ContentWrap"],
.guide-GthA8QB7LM [class*="Stepsstyles__ContentWrap"],
.guide-hYsqyJSumH [class*="Stepsstyles__ContentWrap"],
.guide-HNpfb30uDA [class*="Stepsstyles__ContentWrap"],
.guide-pMOMMRgPH0 [class*="Stepsstyles__ContentWrap"],
.guide-zpyuGpql43 [class*="Stepsstyles__ContentWrap"],
.guide-xBJiNKmqdA [class*="Stepsstyles__ContentWrap"],
.guide-CmdWU22gBq [class*="Stepsstyles__ContentWrap"],
.guide-t1tE8L0uuu [class*="Stepsstyles__ContentWrap"],
.guide-vKze290c8Z [class*="Stepsstyles__ContentWrap"],
.guide-84siJ5X92c [class*="Stepsstyles__ContentWrap"],
.guide-HYgPaNpxtR [class*="Stepsstyles__ContentWrap"],
.guide-So5XAFd148 [class*="Stepsstyles__ContentWrap"],
.guide-z01wRj18eh [class*="Stepsstyles__ContentWrap"],
.guide-klmPMPD2Zn [class*="Stepsstyles__ContentWrap"],
.guide-ekARsD4LwJ [class*="Stepsstyles__ContentWrap"],
.guide-Z0IjBrZ36G [class*="Stepsstyles__ContentWrap"],
.guide-QsUUi9lSkE [class*="Stepsstyles__ContentWrap"],
.guide-wCwi7g89A2 [class*="Stepsstyles__ContentWrap"],
.guide-Q1Quzt3rbQ [class*="Stepsstyles__ContentWrap"],
.guide-kG5tpTEVVW [class*="Stepsstyles__ContentWrap"],
.guide-wqFdZRrjci [class*="Stepsstyles__ContentWrap"],
.guide-6QOK9kociT [class*="Stepsstyles__ContentWrap"],
.guide-55S8Ywow1Q [class*="Stepsstyles__ContentWrap"],
.guide-sswACXdcIu [class*="Stepsstyles__ContentWrap"],
.guide-LtB03HnfSF [class*="Stepsstyles__ContentWrap"],
.guide-ga3kZn2pd9 [class*="Stepsstyles__ContentWrap"],
.guide-HviQctzKqR [class*="Stepsstyles__ContentWrap"],
.guide-pHvaDfuRAW [class*="Stepsstyles__ContentWrap"],
.guide-ga3kZn2pd9 [class*="Stepsstyles__ContentWrap"],
.guide-8VbDVKXI6Q [class*="Stepsstyles__ContentWrap"],
.guide-vWsl8aCzY0 [class*="Stepsstyles__ContentWrap"],
.guide-cb5SuDTMMz [class*="Stepsstyles__ContentWrap"],
.guide-eG5DHgBep8 [class*="Stepsstyles__ContentWrap"],
.guide-Um7bykFNh7 [class*="Stepsstyles__ContentWrap"],
.guide-LGS4uTREEq [class*="Stepsstyles__ContentWrap"],
.guide-xA8l14besN [class*="Stepsstyles__ContentWrap"],
.guide-Fc8WbdROAq [class*="Stepsstyles__ContentWrap"],
.guide-6sJpr5b4BQ [class*="Stepsstyles__ContentWrap"],
.guide-yuh0iq2FCJ [class*="Stepsstyles__ContentWrap"],
.guide-FABR7ORAWA [class*="Stepsstyles__ContentWrap"],
.guide-zgHpOsj4Ag [class*="Stepsstyles__ContentWrap"],
.guide-kpMzU5YU4E [class*="Stepsstyles__ContentWrap"],
.guide-bJBIlXIoLN [class*="Stepsstyles__ContentWrap"],
.guide-7HjZ6eWNxP [class*="Stepsstyles__ContentWrap"],
.guide-B6oMcgXtgg [class*="Stepsstyles__ContentWrap"],
.guide-wAn7NoOz59 [class*="Stepsstyles__ContentWrap"],
.guide-bdmbxZ5lUk [class*="Stepsstyles__ContentWrap"],
.guide-xGSIjp3SzM [class*="Stepsstyles__ContentWrap"],
.guide-OTm3CGEtH9 [class*="Stepsstyles__ContentWrap"],
.guide-g0byHIQwYW [class*="Stepsstyles__ContentWrap"],
.guide-u7PntB2WxG [class*="Stepsstyles__ContentWrap"],
.guide-FpR1zITNRE [class*="Stepsstyles__ContentWrap"],
.guide-dWTr7cflmm [class*="Stepsstyles__ContentWrap"],
.guide-OCvfJc46jg [class*="Stepsstyles__ContentWrap"],
.guide-55S8Ywow1Q [class*="Stepsstyles__ContentWrap"] {
  padding: 16px 8px 8px 8px;
}

.guide-8VbDVKXI6Q [class*="PageSubtitle__Subtitle"],
.guide-mv6ey84s6u [class*="PageSubtitle__Subtitle"],
.guide-sqop4ZLOyT [class*="PageSubtitle__Subtitle"],
.guide-EohDt0qczK [class*="PageSubtitle__Subtitle"],
.guide-N4WNz6aqZW [class*="PageSubtitle__Subtitle"],
.guide-TCXmqweGcI [class*="PageSubtitle__Subtitle"],
.guide-7tNtfR4YZp [class*="PageSubtitle__Subtitle"],
.guide-HJioeRFDUJ [class*="PageSubtitle__Subtitle"],
.guide-VXqUrGVjny [class*="PageSubtitle__Subtitle"],
.guide-XFDoGwWqTb [class*="PageSubtitle__Subtitle"],
.guide-oqSwn7g5KH [class*="PageSubtitle__Subtitle"],
.guide-dmTfcCnGi4 [class*="PageSubtitle__Subtitle"],
.guide-EbAWqPpDMy [class*="PageSubtitle__Subtitle"],
.guide-DPfO0o5w8C [class*="PageSubtitle__Subtitle"],
.guide-DytbdSdjnv [class*="PageSubtitle__Subtitle"],
.guide-VOF3OOrYXf [class*="PageSubtitle__Subtitle"],
.guide-0Pbgp9D8aA [class*="PageSubtitle__Subtitle"],
.guide-GPc0hzGSe9 [class*="PageSubtitle__Subtitle"],
.guide-2wqKKEBj4f [class*="PageSubtitle__Subtitle"],
.guide-A1HZlhI6BF [class*="PageSubtitle__Subtitle"],
.guide-xaZegTDptX [class*="PageSubtitle__Subtitle"],
.guide-2AeRdr1OfF [class*="PageSubtitle__Subtitle"],
.guide-mYsCUEUBTj [class*="PageSubtitle__Subtitle"],
.guide-3RDFuedOqp [class*="PageSubtitle__Subtitle"],
.guide-PORinZF1sh [class*="PageSubtitle__Subtitle"],
.guide-v7mIG4vGX5 [class*="PageSubtitle__Subtitle"],
.guide-ZDpem4lh4o [class*="PageSubtitle__Subtitle"],
.guide-2z9PabC1Lk [class*="PageSubtitle__Subtitle"],
.guide-cgJORgcUCe [class*="PageSubtitle__Subtitle"],
.guide-mG5vA2c2Rf [class*="PageSubtitle__Subtitle"],
.guide-2AkIDC07xm [class*="PageSubtitle__Subtitle"],
.guide-6sxzt1SN7H [class*="PageSubtitle__Subtitle"],
.guide-qP76aVL20o [class*="PageSubtitle__Subtitle"],
.guide-qwhuFvmet7 [class*="PageSubtitle__Subtitle"],
.guide-Ugc5xmPVUQ [class*="PageSubtitle__Subtitle"],
.guide-tjTZnadIid [class*="PageSubtitle__Subtitle"],
.guide-asyMSnye2Y [class*="PageSubtitle__Subtitle"],
.guide-WeujM5G2CM [class*="PageSubtitle__Subtitle"],
.guide-auCxvikVsh [class*="PageSubtitle__Subtitle"],
.guide-jKMVy4HIBY [class*="PageSubtitle__Subtitle"],
.guide-3wVP59qlxS [class*="PageSubtitle__Subtitle"],
.guide-jF8ulDJphL [class*="PageSubtitle__Subtitle"],
.guide-0kwaWy2uKx [class*="PageSubtitle__Subtitle"],
.guide-dd2WMAml53 [class*="PageSubtitle__Subtitle"],
.guide-ITh6YqJAr5 [class*="PageSubtitle__Subtitle"],
.guide-1kXsgvK1cN [class*="PageSubtitle__Subtitle"],
.guide-63lIhNvniB [class*="PageSubtitle__Subtitle"],
.guide-xO8kNgpZah [class*="PageSubtitle__Subtitle"],
.guide-vDa7EaBNRw [class*="PageSubtitle__Subtitle"],
.guide-ioJKqLlpTJ [class*="PageSubtitle__Subtitle"],
.guide-ZtMa1xD4cM [class*="PageSubtitle__Subtitle"],
.guide-kg7Ffrcpeh [class*="PageSubtitle__Subtitle"],
.guide-v43pwHoloC [class*="PageSubtitle__Subtitle"],
.guide-A6QBdPZF6h [class*="PageSubtitle__Subtitle"],
.guide-Y28gd3WneV [class*="PageSubtitle__Subtitle"],
.guide-FbDaGAIWQO [class*="PageSubtitle__Subtitle"],
.guide-HjAuBqVkJp [class*="PageSubtitle__Subtitle"],
.guide-rh6JDQqq7M [class*="PageSubtitle__Subtitle"],
.guide-7cg3ZlBAMC [class*="PageSubtitle__Subtitle"],
.guide-GthA8QB7LM [class*="PageSubtitle__Subtitle"],
.guide-hYsqyJSumH [class*="PageSubtitle__Subtitle"],
.guide-HNpfb30uDA [class*="PageSubtitle__Subtitle"],
.guide-pMOMMRgPH0 [class*="PageSubtitle__Subtitle"],
.guide-zpyuGpql43 [class*="PageSubtitle__Subtitle"],
.guide-xBJiNKmqdA [class*="PageSubtitle__Subtitle"],
.guide-CmdWU22gBq [class*="PageSubtitle__Subtitle"],
.guide-t1tE8L0uuu [class*="PageSubtitle__Subtitle"],
.guide-vKze290c8Z [class*="PageSubtitle__Subtitle"],
.guide-84siJ5X92c [class*="PageSubtitle__Subtitle"],
.guide-HYgPaNpxtR [class*="PageSubtitle__Subtitle"],
.guide-So5XAFd148 [class*="PageSubtitle__Subtitle"],
.guide-z01wRj18eh [class*="PageSubtitle__Subtitle"],
.guide-klmPMPD2Zn [class*="PageSubtitle__Subtitle"],
.guide-ekARsD4LwJ [class*="PageSubtitle__Subtitle"],
.guide-Z0IjBrZ36G [class*="PageSubtitle__Subtitle"],
.guide-QsUUi9lSkE [class*="PageSubtitle__Subtitle"],
.guide-wCwi7g89A2 [class*="PageSubtitle__Subtitle"],
.guide-Q1Quzt3rbQ [class*="PageSubtitle__Subtitle"],
.guide-kG5tpTEVVW [class*="PageSubtitle__Subtitle"],
.guide-wqFdZRrjci [class*="PageSubtitle__Subtitle"],
.guide-6QOK9kociT [class*="PageSubtitle__Subtitle"],
.guide-55S8Ywow1Q [class*="PageSubtitle__Subtitle"],
.guide-sswACXdcIu [class*="PageSubtitle__Subtitle"],
.guide-LtB03HnfSF [class*="PageSubtitle__Subtitle"],
.guide-ga3kZn2pd9 [class*="PageSubtitle__Subtitle"],
.guide-HviQctzKqR [class*="PageSubtitle__Subtitle"],
.guide-pHvaDfuRAW [class*="PageSubtitle__Subtitle"],
.guide-ga3kZn2pd9 [class*="PageSubtitle__Subtitle"],
.guide-8VbDVKXI6Q [class*="PageSubtitle__Subtitle"],
.guide-vWsl8aCzY0 [class*="PageSubtitle__Subtitle"],
.guide-cb5SuDTMMz [class*="PageSubtitle__Subtitle"],
.guide-eG5DHgBep8 [class*="PageSubtitle__Subtitle"],
.guide-Um7bykFNh7 [class*="PageSubtitle__Subtitle"],
.guide-LGS4uTREEq [class*="PageSubtitle__Subtitle"],
.guide-xA8l14besN [class*="PageSubtitle__Subtitle"],
.guide-Fc8WbdROAq [class*="PageSubtitle__Subtitle"],
.guide-6sJpr5b4BQ [class*="PageSubtitle__Subtitle"],
.guide-yuh0iq2FCJ [class*="PageSubtitle__Subtitle"],
.guide-FABR7ORAWA [class*="PageSubtitle__Subtitle"],
.guide-zgHpOsj4Ag [class*="PageSubtitle__Subtitle"],
.guide-kpMzU5YU4E [class*="PageSubtitle__Subtitle"],
.guide-bJBIlXIoLN [class*="PageSubtitle__Subtitle"],
.guide-7HjZ6eWNxP [class*="PageSubtitle__Subtitle"],
.guide-B6oMcgXtgg [class*="PageSubtitle__Subtitle"],
.guide-wAn7NoOz59 [class*="PageSubtitle__Subtitle"],
.guide-bdmbxZ5lUk [class*="PageSubtitle__Subtitle"],
.guide-xGSIjp3SzM [class*="PageSubtitle__Subtitle"],
.guide-OTm3CGEtH9 [class*="PageSubtitle__Subtitle"],
.guide-g0byHIQwYW [class*="PageSubtitle__Subtitle"],
.guide-u7PntB2WxG [class*="PageSubtitle__Subtitle"],
.guide-FpR1zITNRE [class*="PageSubtitle__Subtitle"],
.guide-dWTr7cflmm [class*="PageSubtitle__Subtitle"],
.guide-OCvfJc46jg [class*="PageSubtitle__Subtitle"],
.guide-55S8Ywow1Q [class*="PageSubtitle__Subtitle"] {
  font-size: 22px;
  font-weight: 700;
}

.guidedtour-canvas [class*="Stepsstyles__ContentWrap"] {
  padding: 16px 8px 8px 8px;
}

.guidedtour-canvas [class*="PageSubtitle__Subtitle"] {
  font-size: 22px;
  font-weight: 700;
}

.guide-8VbDVKXI6Q button[data-cy="backButton"]:hover,
.guide-yuh0iq2FCJ button[data-cy="backButton"]:hover {
  background: #DEDEDD;
}

/* END - Guides custom CSS */

/* Buttons (primary, secondary, snooze) */
button[data-static-value="stonly_button__primary"] {
  border-radius: 8px;
  background: black;
  background-blend-mode: overlay, normal;
  box-shadow: 0px 1px 2px 0px rgba(0, 125, 248, 0.3);
  border: none;
  align-items: center;
  padding: 0px 16px;
  margin: 0px 0px 0px 0px;
  height: 40px;
  cursor: pointer;
}

button[data-static-value="stonly_button__primary"] div {
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.button-wrap:has(button[data-static-value="stonly_button__primary"]) {
  border-bottom: 0px;
}

button[data-static-value="stonly_button__primary"]:after {
  display: none;
}

button[data-static-value="stonly_button__primary"]:hover {
  background-color: #2e2e2e;
}

button[data-static-value="stonly_button__secondary"],
.snooze-button button {
  width: auto;
  align-items: center;
  padding: 0px 16px;
  margin: 0px 8px 0px 0px;
  background: #F5F5F5 !important;
  border-radius: 8px;
  cursor: pointer;
  min-height: 40px;
  line-height: 20px;
  height: fit-content;
}

button[data-static-value="stonly_button__secondary"] div,
.snooze-button button div {
  color: #161616 !important;
  font-size: 14px;
  font-weight: 700 !important;
  line-height: 20px;
}

button[data-static-value="stonly_button__secondary"]:after,
.snooze-button button:after {
  display: none;
}

button[data-static-value="stonly_button__secondary"]:hover,
.snooze-button div button:hover {
  background: #DEDEDD !important;
  cursor: pointer;
}

button[data-static-value="stonly_button__secondary"] div :hover,
.snooze-button div button div:hover {
  color: rgb(51, 51, 51);
}

.button-wrap:has(button[data-static-value="stonly_button__secondary"]) {
  border-bottom: 0px;
}

div[mode="hc-widget"]:has(button[data-static-value="stonly_button__secondary"]) div[class*="Stepsstyles__ButtonsWrap-sc"] {
  justify-content: flex-start;
}

div[class*="NextStepSelector"]:has(button[data-static-value="stonly_button__secondary"],button[data-static-value="stonly_button__tertiary"],.snooze-button){
  display: flex;
  justify-content: end;
  margin-top: 0px;
}

.snooze-button {
  order: -1;
}

button[data-static-value="stonly_button__tertiary"] {
  border-radius: 8px;
  background: #fff;
  border: none;
  align-items: center;
  padding: 0px 16px;
  margin: 0px 8px 0px 0px;
  height: 40px;
  cursor: pointer;
  min-height: 40px;
  line-height: 20px;
}

button[data-static-value="stonly_button__tertiary"] div {
  color: #525252;
  font-size: 14px;
  font-weight: 510;
  line-height: 20px;
}

.button-wrap:has(button[data-static-value="stonly_button__tertiary"]) {
  border-bottom: 0px;
}

button[data-static-value="stonly_button__tertiary"]:after {
  display: none;
}

button[data-static-value="stonly_button__tertiary"]:hover {
  background-color: #f5f5f5;
}

/* Buttons END */

.guide-MdHkFzSBra div[class*="Stepsstyles__ContentWrap"],
.guide-afsL59DZMT div[class*="Stepsstyles__ContentWrap"] {
  padding: 0;
  max-width: 100%;
  width: 100%;
}

.guide-MdHkFzSBra .content,
.guide-afsL59DZMT .content {
  max-width: 850px;
  margin: 0px 32px;
  padding: 0;
}

.guide-MdHkFzSBra .content-text:where([data-cy="contentText"]),
.guide-afsL59DZMT .content-text:where([data-cy="contentText"]) {
  font-size: 14px;
}

.guide-MdHkFzSBra .content-text:where([data-cy="contentText"]) p,
.guide-afsL59DZMT .content-text:where([data-cy="contentText"]) p {
  line-height: 1.5;
}

.guide-MdHkFzSBra div[class*="CompactIllustration__CompactIllustrationWrap"],
.guide-afsL59DZMT div[class*="CompactIllustration__CompactIllustrationWrap"] {
  margin: 0;
}

.guide-MdHkFzSBra div[class*="SingleImage__ImageWrap-"],
.guide-afsL59DZMT div[class*="SingleImage__ImageWrap-"] {
  margin: auto;
  width: 100%
}

.guide-MdHkFzSBra img[class*="SingleImage__Image-"],
.guide-afsL59DZMT img[class*="SingleImage__Image-"] {
  object-fit: cover;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%
}

.guide-MdHkFzSBra .content .table-container .table-wrapper table,
.guide-afsL59DZMT .content .table-container .table-wrapper table {
  border: none;
}

.guide-MdHkFzSBra .content .table-container .table-wrapper table p,
.guide-afsL59DZMT .content .table-container .table-wrapper table p {
  min-height: unset;
}

.guide-MdHkFzSBra .content .table-container .table-wrapper table tbody tr td,
.guide-afsL59DZMT .content .table-container .table-wrapper table tbody tr td {
  border: none;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 3px 0;
  font-size: 14px;
}

.guide-MdHkFzSBra .content .table-container .table-wrapper::before,
.guide-afsL59DZMT .content .table-container .table-wrapper::before {
  content: none;
}

.guide-MdHkFzSBra div[class*="Stepsstyles__ButtonsWrap"].button-wrap,
.guide-afsL59DZMT div[class*="Stepsstyles__ButtonsWrap"].button-wrap {
  position: fixed;
  bottom: 20px;
  right: 20px;
  padding: 0;
}

.guide-MdHkFzSBra .button-wrap button:where([data-cy="nextStepButton"]),
.guide-afsL59DZMT .button-wrap button:where([data-cy="nextStepButton"]) {
  min-width: 200px;
  padding-left: 20px;
  padding-right: 20px;
  border: none;
  display: block;
  text-align: center;
  background-color: black;
  box-shadow: 0 1px 2px 0 color-mix(in srgb, black 30%, #0000);
  border-radius: 7.5px;
  color: #f9fcff;
}

.guide-MdHkFzSBra .button-wrap button:where([data-cy="nextStepButton"])::after,
.guide-afsL59DZMT .button-wrap button:where([data-cy="nextStepButton"])::after {
  background-image: none;
}

.guide-MdHkFzSBra .button-wrap button:where([data-cy="nextStepButton"]) div[class*="Button__StyledButtonInterior-sc"],
.guide-afsL59DZMT .button-wrap button:where([data-cy="nextStepButton"]) div[class*="Button__StyledButtonInterior-sc"] {
  color: #f9fcff;
  height: 100%;
  font-weight: 700;
}

.guide-MdHkFzSBra table tbody tr:nth-child(odd) td:nth-child(1),
.guide-afsL59DZMT table tbody tr:nth-child(odd) td:nth-child(1) {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzIgMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgcng9IjE2IiBmaWxsPSIjRTdGN0ZGIi8+CjxwYXRoIGQ9Im0xMCAxNmMwLTMuMzEzNyAyLjY4NjMtNiA2LTZzNiAyLjY4NjMgNiA2LTIuNjg2MyA2LTYgNi02LTIuNjg2My02LTZ6bTYtNy41Yy00LjE0MjEgMC03LjUgMy4zNTc5LTcuNSA3LjVzMy4zNTc5IDcuNSA3LjUgNy41IDcuNS0zLjM1NzkgNy41LTcuNS0zLjM1NzktNy41LTcuNS03LjV6bTMuNzgwMyA2LjAzMDNjMC4yOTI5LTAuMjkyOSAwLjI5MjktMC43Njc3IDAtMS4wNjA2cy0wLjc2NzctMC4yOTI5LTEuMDYwNiAwbC0zLjcxOTcgMy43MTk2LTEuNzE5Ny0xLjcxOTZjLTAuMjkyOS0wLjI5MjktMC43Njc3LTAuMjkyOS0xLjA2MDYgMHMtMC4yOTI5IDAuNzY3NyAwIDEuMDYwNmwyLjI1IDIuMjVjMC4yOTI5IDAuMjkyOSAwLjc2NzcgMC4yOTI5IDEuMDYwNiAwbDQuMjUtNC4yNXoiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzE2MTYxNiIgZmlsbC1ydWxlPSJldmVub2RkIi8+Cjwvc3ZnPgo=");
  background-size: 30px 30px;
  background-position: left;
}

.stn-widget-buttons-wrapper {
  opacity: 1 !important;
}