{"version":3,"sources":["questionnaire.scss"],"names":[],"mappings":"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","file":"main.min.css","sourcesContent":["$breakpoint-xs: hq-rem(0px);\n$breakpoint-sm: hq-rem(640px); //640px - mobile (4 colonnes)\n$breakpoint-md: hq-rem(1024px); //1024px - tablette (8 colonnes)\n$breakpoint-lg: hq-rem(1288px); //1288px - ipad pro et ordi (12 colonnes)\n\n#module-questionnaire {\n  [tabindex=\"-1\"] {\n    &:focus-visible {\n      outline: 2px dashed #0f096c;\n      outline-offset: 5px;\n    }\n  }\n\n  .hq-surtitre {\n    font-weight: 500;\n    font-size: 0.875rem;\n  }\n\n  ul li {\n    padding: 0;\n  }\n  legend {\n    font-size:1rem;\n    font-weight:600;\n  }\n\n  .display-hide {\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  label {\n    font-size:1rem;\n\n    border-radius: 0.5rem;\n    padding:1rem;\n    display: flex;\n    cursor: pointer;\n\n    &.selected {\n      border:1px solid #1224b8;\n      background-color: #E7F1FC;\n    }\n\n    input {\n        margin-right: 8px;\n      }\n    }\n\n    .bloc-input {\n      label {\n        padding-left: 0;\n      }\n  }\n\n\n  .question-label,\n  .question-note {\n    display: block;\n  }\n  .question-label { padding-bottom: 16px;}\n  .question-note {\n    font-size: 0.875rem;\n    font-weight: 400;\n    padding-bottom:0.5rem}\n\n  .frais-details {\n    font-size: 0.875rem;\n    line-height: 1.25rem;\n  }\n\n  .choix-thumb {\n    display: block;\n    margin-top:1rem;\n  }\n  .cta-wrapper {\n    fieldset {\n      display: flex;\n      justify-content: space-between;\n      width: 100%;\n      // flex-direction: column;\n      align-items:center;\n\n      .btn-next-step {\n        order: 2 !important;\n      }\n\n      @media (min-width:$breakpoint-sm) {\n        flex-direction: row;\n      }\n\n\n      button {\n        &.btn-next-step {\n          max-width: 400px;\n          margin-bottom:0.5rem;\n          order: 0;\n          @media (min-width:$breakpoint-sm) {\n            margin-bottom: 0;\n            order: 1;\n          }\n        }\n\n      }\n    }\n  }\n  .bloc-input {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .lien-convert {\n    font-size: 0.75rem;\n    line-height: 1rem;\n    color: #0071BC;\n    text-decoration: underline;\n  }\n  .lien-convert-wrap {\n    align-self: center;\n  }\n\n  input[type=\"text\"], input[type=\"number\"], .form-input {\n      padding:1rem 1rem 1rem 1rem;\n      border: 1px solid rgba(0,0,0,0.6);\n      border-radius: 0.5rem;\n      max-width: 132px;\n      margin-right: 0;\n  }\n  .wrap-input {\n    display:grid;\n    align-items: center;\n    grid-template-columns: auto auto;\n    position: relative;\n    padding-right: 1rem;\n    &::after {\n      content:attr(data-unit);\n      height: 100%;\n      display: flex;\n      padding: 0 0.5rem;\n      font-weight: 500;\n      border-left: none;\n      align-items: center;\n      position: absolute;\n      right:1rem;\n    }\n  }\n\n\n\n  /* Chrome, Safari, Edge, Opera */\n  input::-webkit-outer-spin-button,\n  input::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n\n  /* Firefox */\n  input[type=number] {\n    -moz-appearance: textfield;\n  }\n\n  .js-next-step, .js-previous-step { pointer-events: none;}\n  .js-next-step.enabled, .js-previous-step.enabled { opacity: 1; pointer-events: auto; }\n  .js-fade { opacity: 0; }\n  .js-fade.js-fade-in { opacity:1; transition: opacity 0.5s; /*animation: mymoveIn 0.5s;*/}\n  .js-fade.js-fade-out { opacity:0; transition: opacity 0.5s;/*animation: mymove 0.5s;*/}\n  .js-cta-wrapper.hide { display: none; }\n\n\n  /* QUESTIONS */\n  .wrapper-question + * + .wrapper-question {\n    margin-top:2rem;\n  }\n  .wrapper-question {\n    @media (min-width:$breakpoint-md) {\n      max-width:80%\n    }\n    @media (min-width:$breakpoint-lg) {\n      max-width:67%\n    }\n  }\n  [data-name=\"hub\"] {\n    .label-txt {\n      font-weight: 600;\n    }\n  }\n  .choix-desc {\n    font-size:0.875rem;\n    line-height: 1.2rem;\n  }\n  ul.question-choix {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n\n    @media (min-width:$breakpoint-md) {\n      max-width:80%\n    }\n    @media (min-width:$breakpoint-lg) {\n      max-width:67%\n    }\n\n    li {\n      list-style: none;\n      margin: 0;\n      padding: 0;\n      position: relative;\n\n      label:has(input[type=\"number\"]) {\n        &.selected {\n          border: none;\n          background-color: #fff;\n\n          &:focus-visible,\n          &:focus-within,\n          &:focus {\n            input {\n              outline: 2px dashed #0f096c;\n              outline-offset: 5px;\n            }\n          }\n        }\n      }\n\n      label:has(input[type=\"radio\"]) {\n        position: relative;\n        padding-left:2.5rem;\n\n        [type=\"radio\"] {\n          appearance: none;\n        }\n        &::before {\n          content: url('/themes/demande-travaux-frais/images/form/input/radio/input-radio-default.svg');\n          position: absolute;\n          left: 1rem;\n        }\n\n        &.selected {\n          &:focus-visible,\n          &:focus-within,\n          &:focus {\n            outline: 2px dashed #0f096c;\n            outline-offset: 5px;\n\n          }\n\n          &::before {\n            content: url('/themes/demande-travaux-frais/images/form/input/radio/input-radio-selected.svg');\n          }\n        }\n\n        &:hover:not(.selected),\n        &:focus-visible:not(.selected),\n        &:focus:not(.selected),\n        &:focus-within:not(.selected){\n          color: #1224b8;\n          &::before {\n            content: url('/themes/demande-travaux-frais/images/form/input/radio/input-radio-hover.svg');\n\n          }\n        }\n\n      }\n    }\n\n    label:has(input[type=\"checkbox\"]) {\n      position: relative;\n      padding-left:2.5rem;\n\n      [type=\"checkbox\"] {\n        appearance: none;\n      }\n\n\n      &::before {\n        content: url('/themes/demande-travaux-frais/images/form/input/checkbox/input-checkbox-default.svg');\n        position: absolute;\n        left: 1rem;\n        margin-top:2px;\n      }\n\n      &:focus-visible,\n      &:focus-within,\n      &:focus {\n        outline: 2px dashed #0f096c;\n        outline-offset: 5px;\n\n      }\n\n      &.selected {\n        &:focus-visible,\n        &:focus-within,\n        &:focus {\n          outline: 2px dashed #0f096c;\n          outline-offset: 5px;\n\n        }\n\n        &::before {\n          content: url('/themes/demande-travaux-frais/images/form/input/checkbox/input-checkbox-selected.svg');\n        }\n      }\n\n      &:hover:not(.selected) {\n        color: #1224b8;\n        &::before {\n          content: url('/themes/demande-travaux-frais/images/form/input/checkbox/input-checkbox-hover.svg');\n        }\n      }\n    }\n  }\n\n\n  /** PAGE RESULTATS **/\n  .hq-chiffre-cles {\n    font-size: 2.5rem;\n  }\n\n  .resultat-content {\n    font-size:1rem;\n    line-height: 1.5rem;\n\n    h4 {\n      font-size: 1rem;\n      padding-top: 1rem;\n      padding-bottom: 0;\n\n    }\n  }\n\n  .recapitulatif-wrapper {\n    background-color: #e7f1fc;\n    padding:1rem 1rem 0;\n    border-radius: 0.5rem;\n\n    h4 {\n      font-size:1.31rem;\n      line-height: 1.625rem;\n    }\n    ul {\n      list-style: none!important;\n      margin-left:0!important;\n      display: flex;\n      flex-direction: column;\n\n      li {\n        margin: 0;\n        list-style: none!important;\n        margin-left:0!important;\n        border-bottom: 1px solid #cfe3fa;\n        padding: 0.5rem 0;\n\n        .recap-reponse {\n          font-weight: 600;\n          display: block;\n          @media (min-width:$breakpoint-sm) {\n            display: inline;\n          }\n        }\n      }\n\n      @media (min-width:$breakpoint-sm) {\n        flex-direction: column;\n      }\n    }\n\n  }\n  hr {\n    margin: 1.5rem 0;\n  }\n  .hq-reinit {\n    position: relative;\n    margin: 1rem;\n    &::after {\n      content: url('/themes/residentiel/espace-clients/demande-travaux/images/rafraichir.svg');\n      display: inline-block;\n      position: absolute;\n      top: 3px;\n      right:-28px;\n    }\n  }\n\n  //Erreurs\n  .error {\n    border-color: #bb121a!important;\n    .acr-unit {\n      border-color: #bb121a!important;\n    }\n  }\n\n  .error-message {\n    color: #bb121a;\n    font-size: 0.875rem;\n    display: flex;\n    padding-top:0.5rem;\n    position: relative;\n    &::before {\n      display: block;\n      content: url(\"data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M11.7411%202.24733C10.9755%200.892818%209.02448%200.892816%208.25889%202.24733L0.853352%2015.3494C0.0997764%2016.6827%201.063%2018.3335%202.59448%2018.3335H17.4055C18.937%2018.3335%2019.9002%2016.6827%2019.1467%2015.3494L11.7411%202.24733ZM11.0417%2010.5448C11.0417%2011.1561%2010.5774%2011.6669%2010.006%2011.6669C9.43454%2011.6669%208.95835%2011.1561%208.95835%2010.5448V6.94162C8.95835%206.329%209.43454%205.83355%2010.006%205.83355C10.5774%205.83355%2011.0417%206.329%2011.0417%206.94162V10.5448ZM10.006%2015.4169C9.43454%2015.4169%208.95835%2014.9425%208.95835%2014.3758C8.95835%2013.8068%209.43454%2013.3335%2010.006%2013.3335C10.5774%2013.3335%2011.0417%2013.7961%2011.0417%2014.3628C11.0417%2014.9425%2010.5774%2015.4169%2010.006%2015.4169Z%22%20fill%3D%22%23BB121A%22%2F%3E%3C%2Fsvg%3E\");\n      height:20px;\n      width:20px;\n      margin-right: 8px;\n\n    }\n  }\n  .wall-errors-container {\n    background-color: #f8e7e8;\n    border: 2px solid #bb121a;\n    border-radius: 0.5rem;\n    padding: 1rem;\n    margin-top: 1.5rem;\n    margin-bottom: 1.5rem;\n    line-height: 1.25rem;\n\n      ul {\n        margin-top: 0.5rem;\n      }\n    }\n\n    .info-supp {\n      h4 {\n        font-size:1rem;\n        padding-top: 2rem;\n      }\n    }\n\n    .image-inline {\n      margin:0.5rem 0;\n    }\n\n    .demande {\n      strong {\n        font-weight: 500;\n      }\n    }\n}\n\n/** PATCH **/\n.hq-display-grid {\n  display: grid;\n}\n.hq-display-flex {\n  display: flex;\n}\n\n.hq-bouton-texte-corriger span {\n  color: #1224b8;\n}\n"]}