/* Fonts */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100..900&display=swap');



.ston-content-text p {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px !important;
  line-height: 1.5 !important;
  text-rendering: geometricPrecision;
  letter-spacing: 0 !important;
}

h1, h2, h3, h4, h5 {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  text-rendering: geometricPrecision;
  letter-spacing: 0 !important;
}

h1 {
  font-size: 28px !important;
  line-height: 1.25 !important;

  @media screen and (max-width: 768px) {
    font-size: 24px !important;
  }

 @media screen and (max-width: 480px) {
    font-size: 22px !important;
  }
}

h2 {
  font-size: 24px !important;
  line-height: 1.25 !important;

  @media screen and (max-width: 768px) {
    font-size: 20px !important;
  }

 @media screen and (max-width: 480px) {
    font-size: 18px !important;
  }
}

h3, h4, h5 {
  font-size: 20px !important;
  line-height: 1.25 !important;

  @media screen and (max-width: 768px) {
    font-size: 18px !important;
  }

 @media screen and (max-width: 480px) {
    font-size: 16px !important;
  }
}

/* Hyperlink */

.ston-content-text a {
  color: #006BD4 !important;
  font-weight: 500;
}

/* Tip */

.tip {
  background-color: #FFFFFF !important;
  border-left: 6px solid #0072E2 !important;
  color: #006396 !important;
  padding: 16px 16px 16px 52px !important;
  border-radius: 4px !important;
  outline: 1px solid #0072E2;
  outline-offset: -1px;
  position: relative;

  @media screen and (max-width: 480px) {
    padding-left: 16px !important;
    padding-top: 49px !important;
  }
}

.tip::before {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 17px;
  top: 14px;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.9933 1.88338C12.9355 1.38604 12.5128 1 12 1C11.4477 1 11 1.44772 11 2V3L11.0067 3.11662C11.0645 3.61396 11.4872 4 12 4C12.5523 4 13 3.55228 13 3V2L12.9933 1.88338ZM20.2903 5.1129C20.5953 4.72061 20.5676 4.15338 20.2071 3.79289C19.8166 3.40237 19.1834 3.40237 18.7929 3.79289L17.7929 4.79289L17.7097 4.8871C17.4047 5.27939 17.4324 5.84662 17.7929 6.20711C18.1834 6.59763 18.8166 6.59763 19.2071 6.20711L20.2071 5.20711L20.2903 5.1129ZM12 4.9999C15.8623 4.9999 19 8.13762 19 11.9999C19 14.1619 18.0078 16.1544 16.3769 17.4581L16.1606 17.6242L16 17.738V18.9999C16 19.9995 15.2618 20.8308 14.3022 20.9771L14.149 20.9944L14 21C14 21.55 13.55 22 13 22H11C10.45 22 10 21.55 10 21C8.94782 20.9999 8.08203 20.1819 8.0055 19.1489L8 18.9999V17.738L7.83939 17.6242C6.22417 16.4333 5.18115 14.5893 5.02144 12.5491L5.00516 12.2697L5 11.9999C5 8.13762 8.13772 4.9999 12 4.9999ZM19.6129 17.2097L19.7071 17.2929L20.7071 18.2929C21.0976 18.6834 21.0976 19.3166 20.7071 19.7071C20.3466 20.0676 19.7794 20.0953 19.3871 19.7903L19.2929 19.7071L18.2929 18.7071C17.9024 18.3166 17.9024 17.6834 18.2929 17.2929C18.6534 16.9324 19.2206 16.9047 19.6129 17.2097ZM5.7903 18.6129C6.09532 18.2206 6.06759 17.6534 5.70711 17.2929C5.31658 16.9024 4.68342 16.9024 4.29289 17.2929L3.29289 18.2929L3.2097 18.3871C2.90468 18.7794 2.93241 19.3466 3.29289 19.7071C3.68342 20.0976 4.31658 20.0976 4.70711 19.7071L5.70711 18.7071L5.7903 18.6129ZM12 6.9999C9.24228 6.9999 7 9.24218 7 11.9999C7 13.7256 7.8848 15.2991 9.30219 16.2039L9.49874 16.3232L10 16.6116V18.9999H14V16.6116L14.5013 16.3232C16.0329 15.4418 17 13.804 17 11.9999C17 9.24218 14.7577 6.9999 12 6.9999ZM23 12C23 11.4477 22.5523 11 22 11H21L20.8834 11.0067C20.386 11.0645 20 11.4872 20 12C20 12.5523 20.4477 13 21 13H22L22.1166 12.9933C22.614 12.9355 23 12.5128 23 12ZM3 11C3.55228 11 4 11.4477 4 12C4 12.5128 3.61396 12.9355 3.11662 12.9933L3 13H2C1.44772 13 1 12.5523 1 12C1 11.4872 1.38604 11.0645 1.88338 11.0067L2 11H3ZM5.1129 3.7097L5.20711 3.79289L6.20711 4.79289C6.59763 5.18342 6.59763 5.81658 6.20711 6.20711C5.84662 6.56759 5.27939 6.59532 4.8871 6.2903L4.79289 6.20711L3.79289 5.20711C3.40237 4.81658 3.40237 4.18342 3.79289 3.79289C4.15338 3.43241 4.72061 3.40468 5.1129 3.7097Z" fill="%23006396"/></svg>');
}

.tip p {
  font-size: 14px !important;
}

.tip b,
.tip a {
  font-family: "Montserrat", sans-serif;
  font-size: 16px !important;
  line-height: 1.25 !important;
  font-weight: 600 !important;
  display: inline-flex !important;
}

.tip b {
  margin-bottom: 6px;
  position: relative;

  @media screen and (max-width: 480px) {
    margin-bottom: 5px;
  }
}

.tip a {
  color: #0F62FE !important;
  margin-top: 17px;
  font-size: 14px !important;
  margin-left: 12px;
  margin-right: 10px;
  position: relative;
  text-underline-offset: 2px;
  text-align: left;
}

.tip a:first-of-type {
  margin-left: 0;
}

.tip a:last-of-type {
  margin-right: 0;
}

.tip a::after {
  content: '';
  width: 3px;
  height: 3px;
  display: block;
  background-repeat: no-repeat;
  position: absolute;
  right: -15px;
  top: calc(50% - 1px);
  transform: translate(-50%, 0);
  background-image: url('data:image/svg+xml,<svg width="4" height="3" viewBox="0 0 4 3" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.960938 1.21973C0.960938 0.92806 1.0612 0.684245 1.26172 0.488281C1.4668 0.28776 1.74023 0.1875 2.08203 0.1875C2.41927 0.1875 2.68815 0.28776 2.88867 0.488281C3.09375 0.684245 3.19629 0.92806 3.19629 1.21973C3.19629 1.50684 3.09375 1.74837 2.88867 1.94434C2.68815 2.1403 2.41927 2.23828 2.08203 2.23828C1.74023 2.23828 1.4668 2.1403 1.26172 1.94434C1.0612 1.74837 0.960938 1.50684 0.960938 1.21973Z" fill="%23949494"/></svg>');
}

.tip a:last-of-type::after {
  display: none;
}

/* Warning */

.warning {
  background-color: #FFEDEB !important;
  border-left: 0 !important;
  border-radius: 0 !important;
  padding: 16px 32px 16px 40px !important;
  position: relative;
}

.warning::before {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.2295 2.85696C9.15762 1.20719 6.69581 1.24648 5.69082 2.97502L0.834143 11.329L0.773732 11.4384C-0.146952 13.1969 1.12508 15.3361 3.13982 15.3361H12.8532L12.9781 15.3333C14.9613 15.2453 16.1715 13.0705 15.1588 11.329L10.302 2.9748L10.2295 2.85696ZM6.90146 3.55378C7.44804 2.76172 8.65312 2.7922 9.14961 3.64541L14.0061 11.9992L14.0526 12.0859C14.4813 12.9589 13.8485 14.0028 12.8532 14.0028H3.13982L3.04152 13.9993C2.07111 13.9311 1.48658 12.8594 1.9868 11.9992L6.8435 3.64517L6.90146 3.55378ZM7.99642 11.336C8.36509 11.336 8.66309 11.6346 8.66309 12.0026C8.66309 12.3706 8.36509 12.6693 7.99642 12.6693C7.62776 12.6693 7.32976 12.3706 7.32976 12.0026C7.32976 11.6346 7.62776 11.336 7.99642 11.336ZM8.65861 5.92493C8.62016 5.59349 8.33876 5.33597 7.99642 5.33597C7.62776 5.33597 7.32976 5.63464 7.32976 6.00264L7.49642 10.0026C7.49642 10.2786 7.72042 10.5026 7.99642 10.5026C8.27242 10.5026 8.49642 10.2786 8.49642 10.0026L8.66309 6.00264L8.65861 5.92493Z" fill="%23D91414"/></svg>');
  position: absolute;
  top: 16px;
  left: 16px;
}

.warning p,
.warning a {
  font-size: 14px !important;
  color: #282828 !important;
}

.warning a {
  margin-top: 8px;
  display: inline-flex;
  font-weight: 500;
  margin-right: 18px;
  position: relative;
}

.warning a:last-of-type {
  margin-right: 0;
}

.warning a::after {
  content: '';
  width: 3px;
  height: 3px;
  display: block;
  background-repeat: no-repeat;
  position: absolute;
  right: -12px;
  top: calc(50% - 3px);
  transform: translate(-50%, 0);
  background-image: url('data:image/svg+xml,<svg width="4" height="3" viewBox="0 0 4 3" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.960938 1.21973C0.960938 0.92806 1.0612 0.684245 1.26172 0.488281C1.4668 0.28776 1.74023 0.1875 2.08203 0.1875C2.41927 0.1875 2.68815 0.28776 2.88867 0.488281C3.09375 0.684245 3.19629 0.92806 3.19629 1.21973C3.19629 1.50684 3.09375 1.74837 2.88867 1.94434C2.68815 2.1403 2.41927 2.23828 2.08203 2.23828C1.74023 2.23828 1.4668 2.1403 1.26172 1.94434C1.0612 1.74837 0.960938 1.50684 0.960938 1.21973Z" fill="%23636363"/></svg>');
}

.warning a:last-of-type::after {
  display: none;
}

.warning b {
  font-weight: 700;
  color: #D91414;
  position: relative;
  display: inline-flex;
  margin-bottom: 8px;
}

/* Collapsable section */

details {
  background-color: #F1F1F1;
  padding: 16px 32px 16px 40px;
  color: #282828 !important;
}

.ston-content-text details a {
  color: #282828 !important;
  font-weight: 500 !important;
  margin-right: 18px;
  position: relative;
}

details a:last-of-type {
  margin-right: 0;
}

details a::after {
  content: '';
  width: 3px;
  height: 3px;
  display: block;
  background-repeat: no-repeat;
  position: absolute;
  right: -12px;
  top: calc(50% - 3px);
  transform: translate(-50%, 0);
  background-image: url('data:image/svg+xml,<svg width="4" height="3" viewBox="0 0 4 3" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.960938 1.21973C0.960938 0.92806 1.0612 0.684245 1.26172 0.488281C1.4668 0.28776 1.74023 0.1875 2.08203 0.1875C2.41927 0.1875 2.68815 0.28776 2.88867 0.488281C3.09375 0.684245 3.19629 0.92806 3.19629 1.21973C3.19629 1.50684 3.09375 1.74837 2.88867 1.94434C2.68815 2.1403 2.41927 2.23828 2.08203 2.23828C1.74023 2.23828 1.4668 2.1403 1.26172 1.94434C1.0612 1.74837 0.960938 1.50684 0.960938 1.21973Z" fill="%23636363"/></svg>');
}

details a:last-of-type::after {
  display: none;
}

details summary::before,
details summary:hover::before {
  top: 0 !important; 
  left: -24px !important;
  background-repeat: no-repeat;
  background-color: transparent !important;
  background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.3307 7.9974C15.3307 3.94743 12.0471 0.664062 7.9974 0.664062C3.94765 0.664062 0.664062 3.94743 0.664062 7.9974C0.664062 12.0474 3.94765 15.3307 7.9974 15.3307C12.0471 15.3307 15.3307 12.0474 15.3307 7.9974ZM1.9974 7.9974C1.9974 4.68383 4.68401 1.9974 7.9974 1.9974C11.3108 1.9974 13.9974 4.68383 13.9974 7.9974C13.9974 11.311 11.3108 13.9974 7.9974 13.9974C4.68401 13.9974 1.9974 11.311 1.9974 7.9974ZM7.9974 6.66406C8.36406 6.66406 8.66406 6.96406 8.66406 7.33073V11.3307C8.66406 11.6712 8.40539 11.9542 8.07486 11.9929L7.9974 11.9974C7.63073 11.9974 7.33073 11.6974 7.33073 11.3307V7.33073C7.33073 6.96406 7.63073 6.66406 7.9974 6.66406ZM8.66406 4.66406C8.66406 4.29606 8.36606 3.9974 7.9974 3.9974C7.62873 3.9974 7.33073 4.29606 7.33073 4.66406C7.33073 5.03206 7.62873 5.33073 7.9974 5.33073C8.36606 5.33073 8.66406 5.03206 8.66406 4.66406Z" fill="%23282828"/></svg>') !important;
}

details summary::after {
  mask-image: none !important;
  background-color: transparent !important;
  display: block;
  width: 24px !important;
  height: 24px !important;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.7071 15.7071C18.3466 16.0676 17.7794 16.0953 17.3871 15.7903L17.2929 15.7071L12 10.415L6.70711 15.7071C6.34662 16.0676 5.77939 16.0953 5.3871 15.7903L5.29289 15.7071C4.93241 15.3466 4.90468 14.7794 5.2097 14.3871L5.29289 14.2929L12 7.58579L18.7071 14.2929C19.0976 14.6834 19.0976 15.3166 18.7071 15.7071Z" fill="%23282828"/></svg>');
  transform: rotate(180deg) !important;
  top: -5px !important;
  left: unset !important;
  right: -20px !important;
}

details[open] summary::after {
  transform: rotate(0) !important;
}

details summary {
  padding: 0 !important;
  font-size: 14px !important;
  font-family: "Roboto", sans-serif;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  display: block;
  letter-spacing: 0 !important;
}

div[data-type="collapsible-section-content"] {
  padding: 0 !important;
  letter-spacing: 0 !important;
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

div[data-type="collapsible-section-content"] p {
  font-size: 14px !important;
  margin: 0 !important;
}

/* Collapsable section inside tip */

.tip details {
  padding: 0 16px 0 0 !important;
  max-width: unset !important;
  background-color: transparent !important;
  margin-bottom: 20px !important;
}

.tip details:first-of-type {
  margin-top: 40px !important;
}

.tip details:last-of-type {
  margin-bottom: 0 !important;
}

.tip details summary {
  color: #006396;
}

.tip details summary::before {
  background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_2403_6629)"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.3307 7.9974C15.3307 3.94743 12.0471 0.664062 7.9974 0.664062C3.94765 0.664062 0.664062 3.94743 0.664062 7.9974C0.664062 12.0474 3.94765 15.3307 7.9974 15.3307C12.0471 15.3307 15.3307 12.0474 15.3307 7.9974ZM1.9974 7.9974C1.9974 4.68383 4.68401 1.9974 7.9974 1.9974C11.3108 1.9974 13.9974 4.68383 13.9974 7.9974C13.9974 11.311 11.3108 13.9974 7.9974 13.9974C4.68401 13.9974 1.9974 11.311 1.9974 7.9974ZM7.9974 6.66406C8.36406 6.66406 8.66406 6.96406 8.66406 7.33073V11.3307C8.66406 11.6712 8.40539 11.9542 8.07486 11.9929L7.9974 11.9974C7.63073 11.9974 7.33073 11.6974 7.33073 11.3307V7.33073C7.33073 6.96406 7.63073 6.66406 7.9974 6.66406ZM8.66406 4.66406C8.66406 4.29606 8.36606 3.9974 7.9974 3.9974C7.62873 3.9974 7.33073 4.29606 7.33073 4.66406C7.33073 5.03206 7.62873 5.33073 7.9974 5.33073C8.36606 5.33073 8.66406 5.03206 8.66406 4.66406Z" fill="%23006396"/></g><defs><clipPath id="clip0_2403_6629"><rect width="16" height="16" fill="white"/></clipPath></defs></svg>') !important;
}

.tip details summary::after {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.7071 15.7072C18.3466 16.0677 17.7794 16.0954 17.3871 15.7904L17.2929 15.7072L12 10.4151L6.70711 15.7072C6.34662 16.0677 5.77939 16.0954 5.3871 15.7904L5.29289 15.7072C4.93241 15.3467 4.90468 14.7795 5.2097 14.3872L5.29289 14.293L12 7.58594L18.7071 14.293C19.0976 14.6835 19.0976 15.3167 18.7071 15.7072Z" fill="%23006396"/></svg>');
}

/* Collapsable section inside warning */

.warning details {
  padding: 0 !important;
  max-width: unset !important;
  background-color: transparent !important;
  margin-bottom: 20px !important;
}

.warning details:first-of-type {
  margin-top: 40px;
}

.warning summary::before {
  background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_2403_6635)"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.3307 7.9974C15.3307 3.94743 12.0471 0.664062 7.9974 0.664062C3.94765 0.664062 0.664062 3.94743 0.664062 7.9974C0.664062 12.0474 3.94765 15.3307 7.9974 15.3307C12.0471 15.3307 15.3307 12.0474 15.3307 7.9974ZM1.9974 7.9974C1.9974 4.68383 4.68401 1.9974 7.9974 1.9974C11.3108 1.9974 13.9974 4.68383 13.9974 7.9974C13.9974 11.311 11.3108 13.9974 7.9974 13.9974C4.68401 13.9974 1.9974 11.311 1.9974 7.9974ZM7.9974 6.66406C8.36406 6.66406 8.66406 6.96406 8.66406 7.33073V11.3307C8.66406 11.6712 8.40539 11.9542 8.07486 11.9929L7.9974 11.9974C7.63073 11.9974 7.33073 11.6974 7.33073 11.3307V7.33073C7.33073 6.96406 7.63073 6.66406 7.9974 6.66406ZM8.66406 4.66406C8.66406 4.29606 8.36606 3.9974 7.9974 3.9974C7.62873 3.9974 7.33073 4.29606 7.33073 4.66406C7.33073 5.03206 7.62873 5.33073 7.9974 5.33073C8.36606 5.33073 8.66406 5.03206 8.66406 4.66406Z" fill="%23C83025"/></g><defs><clipPath id="clip0_2403_6635"><rect width="16" height="16" fill="white"/></clipPath></defs></svg>') !important;
}

.warning summary::after {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.7071 15.7072C18.3466 16.0677 17.7794 16.0954 17.3871 15.7904L17.2929 15.7072L12 10.4151L6.70711 15.7072C6.34662 16.0677 5.77939 16.0954 5.3871 15.7904L5.29289 15.7072C4.93241 15.3467 4.90468 14.7795 5.2097 14.3872L5.29289 14.293L12 7.58594L18.7071 14.293C19.0976 14.6835 19.0976 15.3167 18.7071 15.7072Z" fill="%23C83025"/></svg>');
}

/* Bullet list & Numbered list */

.ston-content-text ul,
.ston-content-text ol  {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #282828;
  display: flex;
  flex-direction: column;
  gap: 8px;
  list-style: none;
  padding-left: 36px !important;
}

.ston-content-text ol {
  counter-reset: item;
}

.ston-content-text li {
  position: relative;
  margin-bottom: 0 !important;
}

.ston-content-text ul li::before {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="11" fill="%23FFC905"/><path d="M16.1927 8.19526C16.453 7.93491 16.8751 7.93491 17.1355 8.19526C17.3758 8.43558 17.3943 8.81374 17.1909 9.07527L17.1355 9.13807L11.1355 15.1381C10.8951 15.3784 10.517 15.3969 10.2555 15.1935L10.1927 15.1381L6.85932 11.8047C6.59898 11.5444 6.59898 11.1223 6.85932 10.8619C7.09965 10.6216 7.4778 10.6031 7.73933 10.8065L7.80213 10.8619L10.6641 13.7233L16.1927 8.19526Z" fill="%233C3C3C"/></svg>');
  position: absolute;
  top: -1px;
  left: -36px;
}

.ston-content-text li a {
  color: #006BD4;
  font-weight: 500;
}

.ston-content-text ol li::before {
  display: inline-flex;
  content: counter(item);
  counter-increment: item;
  position: absolute;
  top: -1px;
  left: -36px;
  width: 24px;
  height: 24px;
  background-color: #FFC905;
  border-radius: 24px;
  flex-shrink: 0;
  color: #3C3C3C;
  font-size: 16px;
  line-height: 20px;
  align-items: center;
  justify-content: center;
}


/* Buttons */
/* Next step button */

.button-wrap {
  flex-wrap: wrap;
}

button[data-cy="nextStepButton"] {
  background-color: #003DA5 !important;
  border-radius: 8px !important;
  padding: 12px 13px 12px 44px !important;
  border: 0 !important;
  color: #FFFFFF !important;
  position: relative;
  gap: 8px;
  align-items: center;
  text-transform: none !important;
  font-family: "Montserrat", sans-serif !important;
  font-size: 16px !important;
  line-height: 24px !important;
  height: auto !important;
  transition: all 0.3s;
  font-weight: 700 !important;
}

button[data-cy="nextStepButton"]:disabled {
  opacity: 1 !important;
  background: #E6E6E6 !important;
  color: #A4A4A4 !important;
}

button[data-cy="nextStepButton"]::after {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.29289 5.29289C8.65338 4.93241 9.22061 4.90468 9.6129 5.2097L9.70711 5.29289L16.4142 12L9.70711 18.7071C9.31658 19.0976 8.68342 19.0976 8.29289 18.7071C7.93241 18.3466 7.90468 17.7794 8.2097 17.3871L8.29289 17.2929L13.585 12L8.29289 6.70711C7.93241 6.34662 7.90468 5.77939 8.2097 5.3871L8.29289 5.29289Z" fill="white"/></svg>');
}

button[data-cy="nextStepButton"]:disabled::after {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.29289 5.29289C8.65338 4.93241 9.22061 4.90468 9.6129 5.2097L9.70711 5.29289L16.4142 12L9.70711 18.7071C9.31658 19.0976 8.68342 19.0976 8.29289 18.7071C7.93241 18.3466 7.90468 17.7794 8.2097 17.3871L8.29289 17.2929L13.585 12L8.29289 6.70711C7.93241 6.34662 7.90468 5.77939 8.2097 5.3871L8.29289 5.29289Z" fill="%23A4A4A4"/></svg>');
}

button[data-cy="nextStepButton"]:hover {
  background-color: #002276 !important;
  transform: scale(1.01);
}

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

@media screen and (max-width: 480px) {
  button[data-cy="nextStepButton"] {
    padding: 12px 13px !important;
    width: 100%;
  }

  button[data-cy="nextStepButton"]::after {
    display: none;
  }

  .single-button-wrap {
    width: 100% !important;
  }
}

/* Previous step button */

.back-button {
  background-color: #003DA5 !important;
  border-radius: 8px !important;
  padding: 12px !important;
  border: 0 !important;
  color: #FFFFFF !important;
  position: relative;
  gap: 8px;
  align-items: center;
  text-transform: none !important;
  font-family: "Montserrat", sans-serif !important;
  font-size: 16px !important;
  line-height: 24px !important;
  height: auto !important;
  transition: all 0.3s;
  font-weight: 700 !important;
}

.back-button::after {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  transform: rotate(180deg);
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.29289 5.29289C8.65338 4.93241 9.22061 4.90468 9.6129 5.2097L9.70711 5.29289L16.4142 12L9.70711 18.7071C9.31658 19.0976 8.68342 19.0976 8.29289 18.7071C7.93241 18.3466 7.90468 17.7794 8.2097 17.3871L8.29289 17.2929L13.585 12L8.29289 6.70711C7.93241 6.34662 7.90468 5.77939 8.2097 5.3871L8.29289 5.29289Z" fill="white"/></svg>');
}

.back-button:hover {
  background-color: #002276 !important;
  transform: scale(1.01);
}

.back-button [class*="styles__IconWrap"] {
  display: none;
}

/* Default tiles */

.tile {
  background: #FFFFFF !important;
  min-height: 64px !important;
  border-radius: 8px !important;
  transition: background 0.3s !important;
  position: relative;
  border: 1px solid #747474;
}

.tile:hover {
  box-shadow: none !important;
  background: #EEF0FF !important;
}

.tile:focus {
  outline: 2px solid #0F62FE !important;
  outline-offset: 2px !important;
  box-shadow: none !important;
}

.tile svg {
  display: none !important;
}

/* Inputs */

.ston-field-wrap {
  border-radius: 8px !important;
  border: 1px solid #747474 !important;
}

.ston-field-check-wrap .ston-field-wrap {
  border: none !important;
}

.ston-field-wrap:focus-within:not(:active) {
  outline-offset: 2px !important;
  outline-color: #006BD4 !important;
}

.ston-field-wrap input,
.ston-field-wrap textarea {
  color: #282828;
  font-size: 16px !important;
  font-family: "Roboto", sans-serif;
  padding: 10px 15px !important;
}

.ston-input-message {
  margin-top: 7px !important;
}

/* Input status = error */

.ston-field-wrap[data-status="error"] {
  border: 1px solid #D91414 !important;
}

.ston-field-wrap[data-status="error"] input,
.ston-field-wrap[data-status="error"] textarea {
  color: #D91414 !important;
}

.ston-input-wrap[data-status="error"] .ston-input-label {
  color: #D91414 !important;
}

.ston-input-wrap[data-status="error"] .ston-input-message {
  margin-left: 2px;
}

.ston-input-wrap[data-status="error"] .ston-input-message [class*="InputWrap-styles__InputMessageIconWrap"] svg {
  display: none !important;
}

.ston-input-wrap[data-status="error"] .ston-input-message [class*="InputWrap-styles__InputMessageIconWrap"] {
  width: 16px;
  height: 16px;
}

.ston-input-wrap[data-status="error"] .ston-input-message [class*="InputWrap-styles__InputMessageIconWrap"]::before {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.1612 11.334L10.3079 2.97396C10.0741 2.56897 9.73786 2.2326 9.33299 1.99857C8.92813 1.76455 8.46884 1.6411 8.00121 1.64062C7.53357 1.6411 7.07429 1.76455 6.66943 1.99857C6.26456 2.2326 5.92836 2.56897 5.69454 2.97396L0.841208 11.334C0.602494 11.7377 0.476563 12.1982 0.476562 12.6673C0.476563 13.1364 0.602494 13.5968 0.841208 14.0006C1.07446 14.4046 1.40961 14.7404 1.8132 14.9743C2.2168 15.2083 2.67471 15.3323 3.14121 15.334H12.8612C13.3288 15.3335 13.7881 15.21 14.193 14.976C14.5979 14.742 14.9341 14.4056 15.1679 14.0006C15.4056 13.5962 15.5304 13.1355 15.5292 12.6664C15.528 12.1973 15.4009 11.7372 15.1612 11.334ZM8.49454 10.0006C8.49282 10.1327 8.43958 10.2589 8.34619 10.3523C8.25279 10.4457 8.12661 10.4989 7.99454 10.5006C7.86247 10.4989 7.73629 10.4457 7.6429 10.3523C7.5495 10.2589 7.49627 10.1327 7.49454 10.0006L7.33454 6.00063C7.33454 5.82381 7.40478 5.65424 7.5298 5.52922C7.65483 5.4042 7.8244 5.33396 8.00121 5.33396C8.17802 5.33396 8.34759 5.4042 8.47261 5.52922C8.59764 5.65424 8.66788 5.82381 8.66788 6.00063L8.49454 10.0006ZM8.66788 12.0006C8.66788 12.1774 8.59764 12.347 8.47261 12.472C8.34759 12.5971 8.17802 12.6673 8.00121 12.6673C7.8244 12.6673 7.65483 12.5971 7.5298 12.472C7.40478 12.347 7.33454 12.1774 7.33454 12.0006C7.33454 11.8238 7.40478 11.6542 7.5298 11.5292C7.65483 11.4042 7.8244 11.334 8.00121 11.334C8.17802 11.334 8.34759 11.4042 8.47261 11.5292C8.59764 11.6542 8.66788 11.8238 8.66788 12.0006Z" fill="%23D91414"/></svg>');
}

/* Input status = success */

.ston-input-wrap[data-status="success"] [class*="Field-styles__IconRightWrap"] {
  display: none !important;
}

/* Dropdown input */

.ston-list-item-standard-title {
  font-size: 16px !important;
}

[class*="ButtonFieldSelect-styles__Text"] {
  font-size: 16px !important;
}

/* Checkbox */

[class*="FieldCheck-styles__LabelElement"] {
  align-items: center !important;
  padding: 0 !important;
}

.ston-field-check-wrap .ston-field-wrap {
  border-radius: 1px !important;
}

.ston-field-check-tick {
  width: 24px !important;
  height: 24px !important;
  border: 2px solid #747474 !important;
  margin-top: 0 !important;
  box-sizing: border-box !important;
}

.ston-field-check-label {
  font-size: 16px !important;
  line-height: 24px !important;
  color: #282828;
  font-family: "Roboto", sans-serif;
  margin-left: 7px !important;
  margin-right: 2px;
}

.ston-field-wrap:focus-within:not(:active) .ston-field-check-label {
  color: #003DA5 !important;
}

/* Radio button */

input[type="radio"] {
  clip: unset !important;
  clip-path: none !important;
  overflow: visible !important;
  position: absolute !important;
  left: 10px !important;
  top: 14px !important;
  appearance: none !important;
}

input[type="radio"]:checked::before {
  content: '';
  width: 24px;
  height: 24px;
  position: absolute;
  top: -13px;
  left: -7px;
  background-color: #003DA5;
  border-radius: 50%;
  z-index: 1;
}

[class*="TickRadioCircle__IconTick"] {
  z-index: 2;
  background-color: #FFFFFF !important;
  width: 8px !important;
  height: 8px !important;
}

.ston-radio-group-input-wrap {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

.ston-field-wrap:focus-within:not(:active) .ston-field-check-tick,
.ston-field-wrap:hover .ston-field-check-tick {
    border: 2px solid #003DA5 !important;
}

.ston-field-wrap:focus-within:not(:active) .ston-field-check-label,
.ston-field-wrap:hover .ston-field-check-label {
    color: #003DA5 !important;
}


/* Contact form */

[class*="ContactForm-styles__Canvas"] {
  background-color: transparent !important;

  @media screen and (max-width: 900px) {
    padding: 0 16px !important;
  }
}

[class*="Field-styles__FieldWrap"] {
  border-radius: 8px;
  /* border: 1px solid #C6C6C6 !important; */
  height: 48px !important;
}

.ston-input-label {
  color: #282828;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
}

[class*="InputWrap-styles__InputLabel"] {
  margin-bottom: 7px !important;
}

[class*="ContactForm-styles__ContactFormBody"] [class*="Flex-styles__Canvas"] {
  gap: 15px;
}

[class*="ContactForm-styles__ButtonsWrap"] {
  flex-direction: column;
}

/* Attachment input */

.ston-input-file .ston-input-label {
  font-weight: 600 !important;
}

.ston-input-file .ston-field-wrap {
  background: #F9F9F9 !important;
  height: 104px !important;
  border-radius: 8px !important;
  border: 1px #C6C6C6 dashed !important;
  transition: background 0.3s !important;
  max-width: 358px !important;
}

.ston-input-file .ston-field-wrap:hover {
  background: #E8E8E8 !important;
}

.ston-input-file [class*="FieldFile-styles__Label"],
.ston-input-file [class*="FieldFileList-styles__Label"] {
  height: 100% !important;
  margin: 0 !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.ston-input-file [class*="FieldFile-styles__Label"]::before,
.ston-input-file [class*="FieldFileList-styles__Label"]::before {
  content: '';
  width: 26px;
  height: 26px;
  display: block;
  background-repeat: no-repeat;
  flex-shrink: 0;
  background-image: url('data:image/svg+xml,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.999 5C10.2391 5 8.00146 7.23614 7.99903 9.9955C7.99951 10.0903 7.98669 10.1822 7.96229 10.2695C7.84707 10.6822 7.47377 10.9872 7.02732 10.9996L6.6468 11.0147C4.3698 11.1048 2.57031 12.9769 2.57031 15.2557C2.57031 17.5998 4.47056 19.5 6.81464 19.5H7.42746C7.97974 19.5 8.42746 19.9477 8.42746 20.5C8.42746 21.0523 7.97974 21.5 7.42746 21.5H6.81464C3.36599 21.5 0.570312 18.7043 0.570312 15.2557C0.570312 12.0737 2.95519 9.43065 6.06206 9.05657C6.52277 5.63674 9.45298 3 12.999 3C16.5451 3 19.4753 5.63675 19.936 9.05658C23.0427 9.43079 25.4275 12.0738 25.4275 15.2557C25.4275 18.7043 22.6318 21.5 19.1831 21.5H18.5703C18.018 21.5 17.5703 21.0523 17.5703 20.5C17.5703 19.9477 18.018 19.5 18.5703 19.5H19.1831C21.5272 19.5 23.4275 17.5997 23.4275 15.2557C23.4275 12.9769 21.628 11.1048 19.351 11.0146L18.9714 10.9996C18.4319 10.985 17.999 10.5431 17.999 10C17.999 7.23858 15.7604 5 12.999 5ZM13.9987 23.9286V17.9142L14.5771 18.4926C14.9676 18.8831 15.6008 18.8831 15.9913 18.4926C16.3818 18.1021 16.3818 17.4689 15.9913 17.0784L13.7056 14.7927C13.315 14.4022 12.6819 14.4022 12.2914 14.7927L10.0056 17.0784C9.61512 17.4689 9.61512 18.1021 10.0056 18.4926C10.3962 18.8831 11.0293 18.8831 11.4199 18.4926L11.9987 17.9138L11.9987 23.9286C11.9987 24.4809 12.4464 24.9286 12.9987 24.9286C13.551 24.9286 13.9987 24.4809 13.9987 23.9286Z" fill="%23282828"/></svg>');
}

.ston-input-file [class*="FieldFile-styles__Label"]::after,
.ston-input-file [class*="FieldFileList-styles__Label"]::after {
  content: 'Importer un fichier';
  font-size: 16px;
  line-height: 1.5;
  color: #282828;
  font-weight: 600;
  font-family: "Roboto", sans-serif !important;
}

.ston-input-file [class*="IconLeftWrap"] {
  display: none !important;
}

.ston-input-file [class*="InputWrap-styles__InputLabel"] {
  display: flex;
  /* flex-wrap: wrap; */
  font-size: 14px;
  line-height: 1.5;
  color: #636363;
  font-family: "Roboto", sans-serif !important;
}

div[role="list"] [class*="FieldFileList-styles__File"] {
  border-radius: 8px;
  background: white;
  padding: 16px;
  font-size: 16px;
  color: #3E3E3E;
  font-weight: 600;
  font-family: "Roboto", sans-serif !important;
}

div[role="list"] svg {
  padding: 0 !important;
}

div[role="list"] svg path {
  fill: #003DA5 !important;
}

.ston-field-file-name {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 340px;
  max-width: 100%;
  overflow:hidden; 
  white-space:nowrap; 
  text-overflow: ellipsis;
  padding-left: 40px;
}

.ston-input-file:has(.ston-field-file-name) {
  padding-bottom: 30px;
}

.ston-field-file-placeholder {
  position: absolute;
  bottom: 113px;
  left: 0;
  max-width: 358px;
}

.ston-input-file:has(.ston-field-file-placeholder) [class*="InputWrap-styles__InputLabel"] {
  padding-bottom: 60px;
}

.ston-input-file:has(input[aria-invalid="true"]) .ston-field-file-placeholder {
  bottom: 140px;
}

div[data-cy="contactFormBody"] .ston-field-file-placeholder {
  bottom: unset;
  top: 40px;
}

.ston-input-wrap[data-status="success"] [class*="FieldFile-styles__InputFileElementWrap"] [class*="Field-styles__IconRightWrap"] {
  display: flex !important;
  position: absolute;
  left: 0;
  bottom: -7px;
}

.ston-input-wrap[data-status="success"] [class*="FieldFile-styles__InputFileElementWrap"] [class*="Field-styles__IconRightWrap"]:last-of-type {
  display: none !important;
}

.ston-input-file:has(input[required]) .ston-input-required-suffix {
  display: none;
}

.ston-input-file:has(input[required]) .ston-input-label {
  position: relative;
}

.ston-input-file:has(input[required]) .ston-input-label::after {
  content: '*';
  color: rgb(255, 128, 158);
  margin-left: 2px;
  font-size: 14px;
  line-height: 1.5;
}

/* Dropdown input */

.ston-dropdown-trigger [class*="Field-styles__IconWrap"] {
  display: none !important;
}

.ston-dropdown-trigger::after {
  content: '';
  width: 24px;
  height: 24px;
  display: block;
  transition: transform 0.3s;
  margin-right: 12px;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.29289 8.29289C5.65338 7.93241 6.22061 7.90468 6.6129 8.2097L6.70711 8.29289L12 13.585L17.2929 8.29289C17.6534 7.93241 18.2206 7.90468 18.6129 8.2097L18.7071 8.29289C19.0676 8.65338 19.0953 9.22061 18.7903 9.6129L18.7071 9.70711L12 16.4142L5.29289 9.70711C4.90237 9.31658 4.90237 8.68342 5.29289 8.29289Z" fill="%23282828"/></svg>');
}

.ston-dropdown-trigger[aria-expanded="true"]::after {
  transform: rotate(180deg);
}

[class*="ListBody__ListBodyComponent"] {
  border-radius: 8px;
  border: 1px solid #717171;
  padding: 4px !important;
}

[class*="Popover-styles__Container"] {
  box-shadow: none !important;
  border-radius: 8px !important;
}

[class*="styles__ContainerSelectable"] {
  padding: 8px !important;
}

[class*="styles__ContainerSelectable"][aria-selected="true"] svg {
  display: none !important;
}

[class*="styles__ContainerSelectable"]:hover,
[class*="styles__ContainerSelectable"][aria-selected="true"] {
  background: #F7F7F7 !important;
}

.ston-list-item-standard-title {
  font-size: 14px !important;
  color: #3C3C3C !important;
  font-family: "Roboto", sans-serif !important;
  font-weight: 400 !important;
}

/* Step customisation */

/* Step header */

[class*="ExplanationTop__CanvasPlaceholder"]::before {
  content: '';
  width: 100%;
  height: 8px;
  display: block;
  background-color: #FFC905;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 101;
}

[class*="ExplanationTop__Canvas"] {
  height: 64px!important;
}

[class*="ExplanationTop__Title"] {
  margin-top: 8px;
  margin-left: -16px;
  height: auto !important;
}

/* Guide content */

.guide-canvas {
  height: calc(-64px + 100vh) !important;
  box-shadow: none !important;
}

.ston-guide-content-canvas {
  background-color: #F6F6F9;
}

.ston-active-step-content-wrap {
  padding: 63px 0px 24px !important;
  margin-top: 0 !important;
}

.content,
[class*="NextStepSelector__Canvas"],
.button-wrap {
  @media screen and (max-width: 900px) {
    padding: 0 16px !important;
  }
}

.ston-selector-types-buttons {
   @media screen and (max-width: 480px) {
    padding: 0 16px !important;
  }
}

[class*="Tile__TileGrid"] {
  @media screen and (max-width: 480px) {
    gap: 16px !important;
  }
}


.subtitle,
.contact-form-title {
  font-size: 18px !important;
  line-height: 1.25 !important;
  color: #3C3C3C !important;
  font-weight: 700 !important;
  font-family: "Montserrat", sans-serif;

  @media screen and (max-width: 900px) {
    max-width: 250px;
  }
}

.guide-title {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  color: #3C3C3C;
  height: auto !important;
}

[class*="ExplanationTop__LogoLink"] {
  margin-right: 12px !important;
}

[class*="ExplanationTop__LogoLink"]::before {
  content: '';
  width: 37px;
  height: 16px;
  background-repeat: no-repeat;
  display: block;
  background-image: url('data:image/svg+xml,<svg width="37" height="16" viewBox="0 0 37 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.9414 13.8643C22.2573 15.0198 20.7585 15.7374 19.4785 15.7607L6.28027 16L24.5244 11.1904L22.9414 13.8643ZM36.542 5.53223C36.7746 5.53223 37 5.70943 37 5.97363C37 6.20725 36.8357 6.35947 36.6699 6.4043L0.292969 15.9912C0.0560037 16.0544 -0.110285 15.7572 0.0888672 15.6025L16.4385 5.53223H36.542ZM28.5566 0C29.6745 0 30.4147 1.24192 29.8018 2.27637L28.7803 4.00195H16.4385L8.37988 0.436523C8.12797 0.324918 8.19373 5.17499e-05 8.4668 0H28.5566Z" fill="%23003DA5"/></svg>');
}

[class*="ExplanationTop__LogoLink"] svg {
  display: none;
}


[class*="ExplanationTop__BackButtonLink"] {
  display: none;
}

[class*="HeaderMenu__Canvas"] {
  display: none !important;
}

/* Logo in header in guides
[class*="ExplanationTop__LogoLink"] img {
  display: none;
} */

/* Step breadcrumbs */

.ston-breadcrumbs {
  display: none !important;
}

/* Progress bar */

[class*="ExplanationTop__CompletionCanvas"] {
  top: 64px !important;
}

.ston-progress-bar-line,
.ston-progress-bar-bar {
  height: 6px !important;
}

.ston-progress-bar-bar {
  background-color: #003DA5 !important;
  border-radius: 0 4px 4px 0 !important;
}

[class*="ProgressBar__Line"]{
   background-color: #FFFFFF !important;
   opacity: 1 !important;
} 

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

 /* Step back button */

.back-button,
.contact-form-back {
  background-color: transparent !important;
  flex-direction: row-reverse;
  padding: 0 !important;
  border: 0 !important;
  gap: 8px !important;
  position: absolute !important;
  top: 20px;
  color: #636363 !important;
  font-family: "Roboto", sans-serif !important;
}

.back-button:hover,
.contact-form-back:hover {
  background-color: transparent !important;
} 

.back-button::after,
.contact-form-back::after {
  width: 16px;
  height: 16px;
  transform: none;
  background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.53421 3.47574L6.4714 3.5312L2 8.0026L6.4714 12.474C6.73175 12.7344 7.15386 12.7344 7.41421 12.474C7.65454 12.2337 7.67302 11.8555 7.46967 11.594L7.41421 11.5312L4.55348 8.66927H14.2761V7.33594H4.55348L7.41421 4.47401C7.65454 4.23369 7.67302 3.85553 7.46967 3.594L7.41421 3.5312C7.17389 3.29088 6.79574 3.27239 6.53421 3.47574Z" fill="%23636363"/></svg>');
}

.back-button::before,
.contact-form-back::before {
  content: 'Retour';
  color: #636363;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 500;
}


/* Contact form steps customisation */
/* They're based on step-id so to reuse these styles the step-id will need to be changed / added */

/* step-4601886 - first step with square tiles L’expéditeur / Le destinataire */
/* step-4601888 - next step of Le destinataire - the one with number tracking and external app */
/* step-4601897 - follow up step after finding number. Je n’ai pas été livré / Mon colis a été livré endommagé / Autre */
/* step-4601919 - next step of Je n’ai pas été livré */
/* step-4601922 - next step of La livraison en boite aux lettres - contact form  */


/* step-4601886 */
.step-4601886 .tile {
  border-radius: 8px;
  background-color: #FFFFFF;
  padding: 21px 16px 34px 16px !important;
  gap: 10px;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #3C3C3C;
  font-weight: 700;
  max-width: 171px;
  border: 1px solid #747474;
}

.step-4601886 .tile:hover {
  background-color: #EEF0FF;
  box-shadow: none;
  border-radius: 8px !important;
}

.step-4601886 [class*="Tile__TileGrid"] {
  gap: 15px;
}

.step-4601886 .tile-image-wrapper {
  width: 80px;
  height: 80px;
}

/* step-4601888 - with app input, it's a smulation how it will look and is temporary */

.step-4601888 [class*="InputWrap-styles__InputLabel"] {
  display: none;
}

.step-4601888 .ston-field-wrap {
  height: 64px !important;
}

.step-4601888 input::placeholder {
  color: #282828;
}

.step-4601888 .ston-field-wrap {
  border-radius: 12px !important;
  border-color: #636363 !important;
}

.step-4601888 .ston-input-wrap {
  position: relative;
}

.step-4601888 .ston-input-wrap::after {
  content: '';
  display: block;
  width: 141px;
  height: 64px;
  background-color: #282828;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0 12px 12px 0;
  cursor: pointer;
}

.step-4601888 .ston-input-wrap::before {
  content: 'Rechercher';
  color: #FFFFFF;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 14px;
  z-index: 1;
  font-size: 18px;
  line-height: 32px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  pointer-events: none;
}

/* step-4601897 */

.step-4601897 [class*="Tile__TileGrid"] {
  flex-direction: column;
  gap: 8px !important;
}

.step-4601897 .tile {
  background-color: #FFFFFF;
  border: 1px solid #C6C6C6;
  border-radius: 8px;
  font-weight: 700;
  padding: 15px 40px 15px 16px !important;
  min-height: unset !important;
  letter-spacing: 0 !important;
  font-family: "Roboto", sans-serif;
  position: relative;
  font-size: 16px !important;
  line-height: 1.5 !important;
  width: 100% !important;
  max-width: 358px;
}

.step-4601897 .tile::after {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translate(0, -50%);
  background-image: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.41789 5.79289C8.77838 5.43241 9.34561 5.40468 9.7379 5.7097L9.83211 5.79289L16.5392 12.5L9.83211 19.2071C9.44158 19.5976 8.80842 19.5976 8.41789 19.2071C8.05741 18.8466 8.02968 18.2794 8.3347 17.8871L8.41789 17.7929L13.71 12.5L8.41789 7.20711C8.05741 6.84662 8.02968 6.27939 8.3347 5.8871L8.41789 5.79289Z" fill="%23282828"/></svg>');
}

.step-4601897 .tile:hover {
  box-shadow: none;
}

.step-4601897 .tile-image-wrapper {
  width: 32px;
  height: 32px;
}


/* step-4601919 */

.step-4601919 [class*="NextStepSelector__Canvas"] {
  gap: 10px;
  display: flex;
  flex-direction: column;
}

.step-4601919  .button-wrap {
  margin-bottom: 0 !important;
}

.step-4601919  [class*="NextStepSelector__Canvas"] .button-wrap  {
  padding: 0 !important;
}

.step-4601919 [class*="NextStepSelector__Canvas"] button {
  background-color: #FFFFFF !important;
  color: #3C3C3C !important;
  padding: 18px 16px 20px 15px!important;
  outline: 1px solid #C6C6C6 !important;
  width: 100% !important;
  max-width: 357px;
  justify-content: space-between;
  font-family: "Roboto", sans-serif !important;
  font-weight: 800 !important;
  border-radius: 8px !important;
}

.step-4601919 [class*="NextStepSelector__Canvas"] button::after {
  background-image: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.85539 5.79289C9.21588 5.43241 9.78311 5.40468 10.1754 5.7097L10.2696 5.79289L16.9767 12.5L10.2696 19.2071C9.87908 19.5976 9.24592 19.5976 8.85539 19.2071C8.49491 18.8466 8.46718 18.2794 8.7722 17.8871L8.85539 17.7929L14.1475 12.5L8.85539 7.20711C8.49491 6.84662 8.46718 6.27939 8.7722 5.8871L8.85539 5.79289Z" fill="%23282828"/></svg>');
}


/* guide-bUgsPNws6I - Vince test */

.guide-bUgsPNws6I [class*="NextStepSelector__Canvas"] {
  gap: 10px;
  display: flex;
  flex-direction: column;
}

.guide-bUgsPNws6I .tile {
  background-color: #FFFFFF !important;
  color: #3C3C3C !important;
  padding: 18px 16px 20px 15px!important;
  outline: 1px solid #C6C6C6 !important;
  width: 100% !important;
  max-width: 357px;
  justify-content: space-between;
  font-family: "Roboto", sans-serif !important;
  font-weight: 800 !important;
  border-radius: 8px !important;
}

.guide-bUgsPNws6I .tile:hover {
  box-shadow: none;
}

.guide-bUgsPNws6I .tile svg {
  display: none;
}

.guide-bUgsPNws6I .tile::after {
  content: '';
  width: 24px;
  height: 24px;
  display: block;
  background-image: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.85539 5.79289C9.21588 5.43241 9.78311 5.40468 10.1754 5.7097L10.2696 5.79289L16.9767 12.5L10.2696 19.2071C9.87908 19.5976 9.24592 19.5976 8.85539 19.2071C8.49491 18.8466 8.46718 18.2794 8.7722 17.8871L8.85539 17.7929L14.1475 12.5L8.85539 7.20711C8.49491 6.84662 8.46718 6.27939 8.7722 5.8871L8.85539 5.79289Z" fill="%23282828"/></svg>');
}

/* Example of variables + edit pen - step-4680463 */

.step-4680463 {
  margin-top: 0 !important;
}

.step-4680463 .ston-field-wrap {
  pointer-events: none;
}

.step-4680463 .stepNextButton-24122969,
.step-4680463 .stepNextButton-24122970 {
  right: calc((100% - 840px) / 2); /* 840 max width of inputs container */
  position: absolute;
}

@media screen and (max-width: 900px) {
  .step-4680463 .stepNextButton-24122969,
  .step-4680463 .stepNextButton-24122970 {
    right: 0;
  }
}

.step-4680463 .stepNextButton-24122969 button,
.step-4680463 .stepNextButton-24122970 button  {
  width: 24px !important;
  height: 24px !important;
  background-color: transparent !important;
  padding: 0 !important;
}

.step-4680463 .stepNextButton-24122969 button::after,
.step-4680463 .stepNextButton-24122970 button::after  {
  background-image: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.0562 3.38354C16.0854 2.3544 17.7271 2.31152 18.8073 3.2549L18.9449 3.38354L21.1169 5.55554C22.146 6.58469 22.1889 8.2264 21.2455 9.30659L21.1169 9.44421L10.5309 20.0302C10.4564 20.1047 10.3672 20.1625 10.2695 20.2L10.1692 20.2307L3.66922 21.7307C3.16292 21.8475 2.70587 21.4294 2.75341 20.9317L2.76978 20.8312L4.26978 14.3312C4.29348 14.2285 4.33848 14.1323 4.40143 14.0487L4.47024 13.9695L15.0562 3.38354ZM14 6.56013L5.68157 14.8789L4.50057 19.9989L9.62057 18.8179L17.939 10.4991L14 6.56013ZM16.2184 4.35309C16.7091 3.95827 17.4287 3.98864 17.8842 4.44421L20.0562 6.61621L20.1474 6.71769L20.2255 6.82617C20.5357 7.30989 20.4793 7.96052 20.0562 8.38354L19 9.43913L15.06 5.49913L16.1169 4.44421L16.2184 4.35309Z" fill="%233E3E3E"/></svg>');
}

.step-4680463 .stepNextButton-24122969 [class*="Button__StyledButtonInterior"],
.step-4680463 .stepNextButton-24122970 [class*="Button__StyledButtonInterior"] {
  display: none;
}

/* Name button (first input) */

.step-4680463 .stepNextButton-24122969 {
  top: 110px;
}

/* Issue button (second input) */

.step-4680463 .stepNextButton-24122970 {
  top: 199px;
}

/* Progress bar % box test */

.ston-progress-bar-text {
  opacity: 1 !important;
  visibility: visible !important;
  left: 0 !important;
  top: 0px !important;
  transform: none !important;
  margin-left: 0 !important;
}

@media screen and (max-width: 1024px) {
  [class*="ExplanationTop__CompletionCanvas"] {
    display: flex !important;
  }
}



/* <---------- Old styles ----------> */

/* Standard Button */
.button-wrap button {
  color: #000000;
  background: transparent;
  border: 1px solid #ffc928;
  height: 36px;
  padding: 0px 24px;
  font-size: 12px;
  border-radius: 32px;
  font-weight: 600;
  text-transform: uppercase;
}

/* hover state of all buttons */
.button-wrap button:hover {
  background: #ffc928;
  border: 1px solid #ffc928;
  color: #000000;
}

/* color of the arrow icon in back button */
.button-wrap .back-button svg path {
  fill: #000000;
}

/* radio buttons container */
div.radio-wrap {
  padding: 0;
}

/* radio button label */
div.radio-wrap label {
  padding-left: 28px;
  margin-bottom: 12px;
  color: #333333;
}

/* radio button check circle */
div.radio-wrap .radio-check {
  height: 12px;
  width: 12px;
  border: 1.5px solid #d6d6d6;
  border-radius: 50%;
}

/* radio button inner circle hovering */
div.radio-wrap label:hover .radio-check {
  border: 1px solid #ffc928;
}

/* radio button inner circle checking */
div.radio-wrap input:checked + .radio-check {
  background-color: #ffc928;
  border: 1px solid #ffc928;
}




/* Ceation de boutons crayons */

.step-4742014 {
 margin-top: 0 !important;
}


.step-4742014 .ston-field-wrap {
 pointer-events: none;
}


.step-4742014 .stepNextButton-24207033,
.step-4742014 .stepNextButton-24207034 {
 right: calc((100% - 840px) / 2); /* 840 max width of inputs container */
 position: absolute;
}


@media screen and (max-width: 900px) {
 .step-4742014 .stepNextButton-24207033,
 .step-4742014 .stepNextButton-24207034 {
   right: 0;
 }
}


.step-4742014 .stepNextButton-24207033 button,
.step-4742014 .stepNextButton-24207034 button  {
 width: 24px !important;
 height: 24px !important;
 background-color: transparent !important;
 padding: 0 !important;
}


.step-4742014 .stepNextButton-24207033 button::after,
.step-4742014 .stepNextButton-24207034 button::after  {
 background-image: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.0562 3.38354C16.0854 2.3544 17.7271 2.31152 18.8073 3.2549L18.9449 3.38354L21.1169 5.55554C22.146 6.58469 22.1889 8.2264 21.2455 9.30659L21.1169 9.44421L10.5309 20.0302C10.4564 20.1047 10.3672 20.1625 10.2695 20.2L10.1692 20.2307L3.66922 21.7307C3.16292 21.8475 2.70587 21.4294 2.75341 20.9317L2.76978 20.8312L4.26978 14.3312C4.29348 14.2285 4.33848 14.1323 4.40143 14.0487L4.47024 13.9695L15.0562 3.38354ZM14 6.56013L5.68157 14.8789L4.50057 19.9989L9.62057 18.8179L17.939 10.4991L14 6.56013ZM16.2184 4.35309C16.7091 3.95827 17.4287 3.98864 17.8842 4.44421L20.0562 6.61621L20.1474 6.71769L20.2255 6.82617C20.5357 7.30989 20.4793 7.96052 20.0562 8.38354L19 9.43913L15.06 5.49913L16.1169 4.44421L16.2184 4.35309Z" fill="%233E3E3E"/></svg>');
}


.step-4742014 .stepNextButton-24207033 [class*="Button__StyledButtonInterior"],
.step-4742014 .stepNextButton-24207034 [class*="Button__StyledButtonInterior"] {
 display: none;
}


/* Bouton (première "étape existante") */


.step-4742014 .stepNextButton-24207033 {
 top: 110px;
}


/* Bouton (Deuxième "étape existante") */


.step-4742014 .stepNextButton-24207034 {
 top: 197px;
}


#li-antibot-text-purpose,
#li-antibot-text,
#li-antibot-refresh,
#li-antibot-sub-switcher,
#li-antibot-answer-instruction,
#li-antibot-check-note {
  font-family: "Roboto", sans-serif !important;
}

#li-antibot-answer-instruction,
#li-antibot-answer-box {
  height: auto !important;
}