{"version":3,"file":"multistep-survey.css","mappings":"AAyHI,gBADJ,CAxHA,cACE,qBAEF,CAEA,KACE,YAEF,CAKI,+FAEE,kBAAmB,CADnB,YAAa,CAEb,6BAA8B,CAC9B,wBAEN,CAAI,iFAME,kBAAmB,CAFnB,YAAa,CACb,sBAAuB,CAJvB,oBAAqB,CACrB,eAAkB,CAClB,SAKN,CADM,oFAIE,kBAAmB,CAFnB,YAAa,CADb,UAAW,CAMX,WAAY,CAJZ,sBAAuB,CAEvB,gBAAiB,CAGjB,iBAER,CAAM,8KAOE,QAAS,CALT,aAAc,CAGd,MAAO,CAFP,iBAAkB,CAGlB,OAAQ,CAFR,KAKR,CAAQ,sMACE,SAAU,CACV,WAGV,CAFU,scAEE,mBACA,UAMZ,CAFM,uFAME,kBAAmB,CAJnB,qBAAsB,CACtB,cAAe,CAEf,YAAa,CAEb,sBAAuB,CANvB,WAAY,CAGZ,UAOR,CAHQ,6FACE,eAKV,CAGE,oDACE,oBADJ,CAGI,uDACE,oBADN,CAII,sEACE,YAFN,CAKI,0DACE,qBAAsB,CAKtB,cAAe,CAHf,aAAc,CAEd,WAAY,CAHZ,YAAa,CAEb,iBADN,CAMI,iEACE,qBAAuB,CAKvB,qBAAsB,CADtB,iBAAkB,CAHlB,UAAY,CACZ,WAAY,CACZ,aAAc,CAOd,WAAY,CAFZ,SAAU,CAIV,gBAAiB,CANjB,iBAAkB,CAKlB,iBAAkB,CAJlB,QAAS,CAOT,kBAAmB,CADnB,uBAAyB,CAJzB,UACN,CAOI,8DACE,YAAa,CAGb,wBAAyB,CADzB,uBAAyB,CADzB,WAHN,CAQI,mEACE,iBANN,CASI,0EACE,wBAAyB,CACzB,WAAY,CACZ,gBAAiB,CACjB,QAAS,CACT,kBAAmB,CACnB,aAPN,CAUI,uEAEE,uBAAwB,CADxB,mBAAqB,CAErB,UARN","sources":["webpack:///./src/styles/multistep-survey.scss"],"sourcesContent":["input.invalid {\n  background-color: #ffdddd;\n}\n\n/* Hide all steps by default: */\n.tab {\n  display: none;\n}\n\n.survey_multistep_container {\n  /* Rating Scale Styling */\n\n  .rating_scale_answer_container {\n    .rating_scale_answer_text_container {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      text-transform: uppercase;\n    }\n    .rating_scale_answers {\n      list-style-type: none;\n      margin: 25px 0 0 0;\n      padding: 0;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      li {\n        float: left;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        margin: 0 5px 0 0;\n        //   width: 8%;\n        height: 60px;\n        position: relative;\n      }\n      label,\n      input {\n        display: block;\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n\n        &[type=\"radio\"] {\n          opacity: 0;\n          z-index: 100;\n          &:checked + label,\n          .Checked + label {\n            background: rgb(66, 66, 66);\n            color: white;\n          }\n        }\n      }\n      label {\n        padding: 5px;\n        border: 1px solid #ccc;\n        cursor: pointer;\n        z-index: 90;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        &:hover {\n          background: #ddd;\n        }\n      }\n    }\n  }\n\n  /* Radio Image Question*/\n\n  .image_question_answers {\n    list-style-type: none;\n\n    li {\n      display: inline-block;\n    }\n\n    input[type=\"radio\"] {\n      display: none;\n    }\n\n    label {\n      border: 1px solid #fff;\n      padding: 10px;\n      display: block;\n      position: relative;\n      margin: 10px;\n      cursor: pointer;\n    }\n\n    label:before {\n      background-color: white;\n      color: white;\n      content: \" \";\n      display: block;\n      border-radius: 50%;\n      border: 2px solid #fff;\n      position: absolute;\n      top: -5px;\n      left: -5px;\n      width: 34px;\n      height: 34px;\n      text-align: center;\n      line-height: 28px;\n      transition-duration: 0.4s;\n      transform: scale(0);\n    }\n\n    label img {\n      height: 100px;\n      width: 100px;\n      transition-duration: 0.2s;\n      transform-origin: 50% 50%;\n    }\n\n    :checked + label {\n      border-color: #ddd;\n    }\n\n    :checked + label:before {\n      background-color: #006dff;\n      content: \"✓\";\n      font-size: 1.3rem;\n      top: -7px;\n      transform: scale(1);\n      z-index: 10000;\n    }\n\n    :checked + label img {\n      transform: scale(0.9);\n      box-shadow: 0 0 5px #333;\n      z-index: -1;\n    }\n  }\n}\n"],"names":[],"sourceRoot":""}