{"version":3,"sources":["s-forms.css","media.css"],"names":[],"mappings":"AAAA,gBACE,eACF,CAEA,6BACE,eACF,CAEA,qBAEE,wBAAyB,CAEzB,wBAAoC,CAApC,+BAAoC,CAEpC,0BAA2B,CAD3B,2BAA4B,CAJ5B,UAAY,CAMZ,sBACF,CAEA,uBACE,iBACF,CAEA,uBAQE,kBAAmB,CALnB,YAAc,CAFd,YAAa,CAIb,cAAe,CACf,eAAiB,CAGjB,sBAAuB,CACvB,aAAc,CAHd,mBAAoB,CALpB,iBAAkB,CAElB,UAOF,CAEA,+BACE,YACF,CAEA,+BACE,aACF,CAEA,iCACE,aACF,CAEA,gBACE,8BAAgC,CAChC,oDACF,CAEA,kBACE,8BAAgC,CAChC,oDACF,CAEA,yBAEE,wBAAyB,CACzB,6BAA8B,CAC9B,8BAA+B,CAC/B,qBAAsB,CAJtB,YAKF,CAEA,iCACE,eACF,CAEA,mDACE,iBACF,CAEA,kDAEE,eAAgB,CADhB,kBAEF,CAEA,EACE,oBACF,CAEA,gBAEE,yBACF,CAEA,yCAEE,eAAgB,CAChB,eAAgB,CAFhB,UAGF,CAEA,iBACE,iBAAkB,CAClB,UACF,CAEA,IACE,iBACF,CAEA,kCAEE,cACF,CAEA,+FAME,WAAY,CACZ,oBACF,CAEA,gGAME,SACF,CAEA,2FAGE,SACF,CAEA,oCAGE,qBAAuB,CADvB,kBAEF,CAEA,WACE,YAAa,CACb,cAAe,CACf,eAAiB,CAKjB,cAAe,CAJf,4JAKF,CAEA,iBACE,YAAa,CACb,cAAe,CACf,eAAiB,CAKjB,4CAA8C,CAH9C,mIAE+C,CAH/C,qBAKF,CAEA,gBACE,eAAiB,CAEjB,kBAAoB,CADpB,iBAEF,CAEA,iBACE,oBACF,CAEA,iBAEE,cAAgB,CADhB,kBAEF,CAEA,YACE,eAAgB,CAChB,kBACF,CAEA,eACE,kBACF,CAEA,gBACE,cACF,CAEA,iBACE,gBACF,CAEA,0BACE,aACF,CAEA,oCACE,YACF,CAEA,aACE,oBACF,CAEA,qBACE,kBACF,CAEA,wBACE,eACF,CAEA,qBACE,kCACF,CAEA,qBACE,oCACF,CAEA,qBACE,oCACF,CAEA,qBACE,mCACF,CAEA,qBACE,oCACF,CAEA,QAGE,kBAAmB,CAFnB,YAAa,CACb,iBAEF,CAEA,wBACE,WAAY,CACZ,kBACF,CAEA,aACE,eACF,CAEA,yBACE,gBACF,CAEA,qBACE,kCACF,CAEA,gCACE,wBACF,CAEA,iBAEE,kBAAmB,CADnB,YAEF,CAEA,oBACE,QACF,CAEA,iBACE,YAAa,CAEb,QAAS,CADT,cAEF,CAEA,gBACE,oBACF,CAEA,yBACE,eACF,CAMA,gEACE,qBACF,CAEA,4BACE,6CACF,CAEA,uBACE,0CACF,CAEA,mCACE,iDACF,CAEA,gCAIE,wBAAyB,CADzB,wBAAyB,CAIzB,eAAgB,CAFhB,UAAc,CAJd,cAAe,CAKf,SAAU,CAJV,UAMF,CAEA,oBACE,cAAe,CACf,WAAY,CAEZ,gBAAiB,CADjB,UAEF,CAEA,cACE,YAAa,CACb,UACF,CAEA,uBAEE,iBAAkB,CADlB,WAEF,CAEA,sBACE,eACF,CAEA,yBAIE,kBAAmB,CAEnB,UAAW,CAJX,YAAa,CAKb,WAAY,CAJZ,sBAAuB,CAMvB,SAAU,CARV,iBAAkB,CAIlB,UAAW,CAGX,UAEF,CAEA,iBAEE,aAAe,CADf,eAEF,CAEA,gBAGE,kBAAmB,CAFnB,YAAa,CACb,qBAAsB,CAEtB,sBACF,CAEA,iCACE,eACF,CAEA,gCACE,oBACF,CAEA,oBAEE,gBAAiB,CADjB,sBAEF,CAEA,mBACE,aAAc,CACd,iBACF,CAEA,eAEE,WAAY,CAEZ,kBAAoB,CAHpB,iBAAkB,CAElB,SAEF,CAEA,iBACE,WAEF,CAEA,uFAHE,mBAMF,CAEA,0DAEE,mBACF,CAEA,sBAEE,WAAY,CACZ,eAAgB,CAFhB,aAGF,CAEA,YACE,wBACF,CAEA,kBAEE,oBAAqB,CADrB,2CAEF,CAEA,sBAEE,WAAY,CACZ,eAAgB,CAFhB,aAGF,CAEA,+BACE,GACE,YAAa,CACb,SACF,CAEA,GAGE,qBAAwB,CAFxB,aAAc,CACd,SAEF,CAEA,IACE,aAAc,CACd,SACF,CAEA,IACE,aAAc,CACd,SACF,CAEA,GAGE,4BAA6B,CAF7B,aAAc,CACd,SAEF,CACF,CAEA,sCACE,GACE,YAAa,CACb,SACF,CAEA,GAGE,qBAAwB,CAFxB,aAAc,CACd,SAEF,CAEA,IACE,aAAc,CACd,SACF,CAEA,IACE,aAAc,CACd,SACF,CAEA,GAGE,wBAAyB,CAFzB,aAAc,CACd,SAEF,CACF,CAEA,mCACE,GACE,YAAa,CACb,SACF,CAEA,GACE,aAAc,CACd,SACF,CAEA,IACE,aAAc,CACd,SACF,CAEA,IACE,aAAc,CACd,SACF,CAEA,GAGE,4BAA6B,CAF7B,aAAc,CACd,SAEF,CACF,CCnfA,iBAOE,0DAA6D,CAE7D,iBAAkB,CANlB,WAAY,CAEZ,gBAAiB,CADjB,eAAgB,CAMhB,eAAgB,CAThB,iBAAkB,CAClB,UASF,CAEA,4BAKE,eAAgB,CADhB,YAAa,CAFb,eAAgB,CADhB,cAAe,CAEf,WAGF,CAKA,oBAIE,WAAY,CAFZ,OAAQ,CAGR,mBAAoB,CAJpB,iBAAkB,CAElB,UAAW,CAGX,SACF,CAEA,4BACE,GACE,SAAU,CACV,oBACF,CACA,IACE,SAAU,CACV,qBACF,CACA,IACE,UAAY,CACZ,kBACF,CACA,GACE,SAAU,CACV,kBACF,CACF,CAEA,6BACE,gDACF,CAKA,yFAQE,0BAA2B,CAF3B,aAAc,CADd,WAAY,CAIZ,oBAAqB,CAFrB,qBAAmB,CAAnB,kBAAmB,CAHnB,UAMF,CAMA,uBAOE,kBAAmB,CAHnB,gBAAmB,CAEnB,YAAa,CAEb,sBACF,CAEA,4CARE,WAAY,CAFZ,iBAAkB,CAClB,UAaF,CAEA,yBAEE,WAAY,CADZ,UAEF,CAKA,yBAME,kBAAmB,CAMnB,yBAA8B,CAE9B,WAAY,CACZ,iBAAkB,CAZlB,WAAY,CAUZ,UAAY,CAIZ,cAAe,CAZf,YAAa,CAEb,sBAAuB,CAGvB,eAAgB,CADhB,cAAe,CASf,SAAU,CAjBV,iBAAkB,CAClB,UAAW,CAkBX,mEAAyE,CAEzE,UACF,CAEA,gHAEE,SACF,CAEA,+BACE,yBAA8B,CAC9B,qBACF,CAEA,gCACE,oBACF,CAEA,+BACE,oCAA2C,CAC3C,kBACF,CAKA,eAGE,WAAY,CAFZ,iBAAkB,CAClB,UAEF,CAKA,wBAGE,iBAAoB,CAFpB,iBAAkB,CAClB,UAEF,CAEA,sBAGE,WAAY,CAFZ,iBAAkB,CAClB,UAEF,CAEA,6BAGE,WAAY,CACZ,aAAc,CAFd,WAAY,CADZ,UAIF","file":"s-forms.css","sourcesContent":[".checkbox label {\n  font-weight: bold;\n}\n\n.panel-title .checkbox label {\n  font-weight: normal;\n}\n\n.answerable-question {\n  color: black;\n  background-color: #e6f9fb;\n  border: 1px solid #dfdfdf;\n  border-bottom: 1px solid transparent;\n  border-top-right-radius: 3px;\n  border-top-left-radius: 3px;\n  padding: 0.75rem 1.25rem;\n}\n\n.select-answer-wrapper {\n  position: relative;\n}\n\n.select-feedback-badge {\n  display: none;\n  position: absolute;\n  bottom: 0.6rem;\n  right: 1rem;\n  font-size: 1rem;\n  font-weight: bold;\n  pointer-events: none;\n  align-items: center;\n  justify-content: center;\n  line-height: 1;\n}\n\n.select-feedback-badge.visible {\n  display: flex;\n}\n\n.select-feedback-badge.correct {\n  color: #155724;\n}\n\n.select-feedback-badge.incorrect {\n  color: #721c24;\n}\n\n.select-correct {\n  border-color: #c3e6cb !important;\n  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25) !important;\n}\n\n.select-incorrect {\n  border-color: #f5c6cb !important;\n  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;\n}\n\n.answerable-subquestions {\n  padding: 1rem;\n  border: 1px solid #dfdfdf;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  margin-bottom: 1.11rem;\n}\n\n.answerable-question .form-group {\n  margin-bottom: 0;\n}\n\n.answerable-question .form-group .form-check-input {\n  margin-top: 0.37rem;\n}\n\n.answerable-section .form-group .form-check-label {\n  margin-left: 0.11rem;\n  font-weight: 500;\n}\n\na {\n  text-decoration: none;\n}\n\na:hover,\na:focus {\n  text-decoration: underline;\n}\n\n.answerable-section .card-header .col-10 {\n  width: auto;\n  flex-basis: auto;\n  padding-right: 0;\n}\n\n.overlay-comment {\n  position: absolute;\n  z-index: 10;\n}\n\nsvg {\n  fill: currentColor;\n}\n\n.question-comment,\n.comment-delete {\n  cursor: pointer;\n}\n\n.caret-square-up,\n.caret-square-down,\n.question-circle,\n.question-comment,\n.info-circle,\n.hint-icon {\n  height: 1rem;\n  margin-bottom: 0.15rem;\n}\n\n.question-circle,\n.question-comment,\n.external-link-icon,\n.close-icon,\n.recycle-bin-icon,\n.hint-icon {\n  fill: grey;\n}\n\n.text-white .question-circle,\n.text-white .question-comment,\n.text-white .external-link-icon {\n  fill: white;\n}\n\n.caret-square-up,\n.caret-square-down {\n  margin-right: 0.2rem;\n  margin-left: -0.3125rem;\n}\n\n.hint-icon {\n  fill: #8c8c8c;\n  stroke: #6e6e6e;\n  stroke-width: 0.6;\n  transition: fill 0.3s cubic-bezier(0.4, 0, 0.2, 1),\n    stroke 0.3s cubic-bezier(0.4, 0, 0.2, 1),\n    transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1),\n    filter 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  cursor: pointer;\n}\n\n.hint-icon:hover {\n  fill: #f5c84c;\n  stroke: #e6a817;\n  stroke-width: 0.8;\n  transform: scale(1.15);\n  filter: drop-shadow(0 0 3px rgba(245, 200, 76, 0.6))\n    drop-shadow(0 0 8px rgba(245, 180, 40, 0.35))\n    drop-shadow(0 0 16px rgba(245, 160, 20, 0.2));\n  animation: bulb-flicker 0.3s ease-out forwards;\n}\n\n.has-unit-label {\n  font-weight: bold;\n  margin-top: 0.75rem;\n  margin-left: 0.75rem;\n}\n\n.tooltip-content {\n  white-space: pre-wrap;\n}\n\n.collapse-toggle {\n  margin-right: 0.3rem;\n  line-height: 0.9;\n}\n\n.form-label {\n  font-weight: 500;\n  white-space: nowrap;\n}\n\ninput:disabled {\n  cursor: not-allowed;\n}\n\n.cursor-pointer {\n  cursor: pointer;\n}\n\n.accordion > .card {\n  overflow: visible;\n}\n\n.react-datepicker-wrapper {\n  display: block;\n}\n\n.react-datepicker__navigation:focus {\n  outline: none;\n}\n\n.wizard-step {\n  min-height: 40.625rem;\n}\n\n.wizard-step-content {\n  min-height: 37.5rem;\n}\n\n.list-group-item.active {\n  font-weight: 500;\n}\n\n.question-category-1 {\n  background-color: rgba(8, 255, 0, 0.05);\n}\n\n.question-category-2 {\n  background-color: rgba(230, 127, 0, 0.05);\n}\n\n.question-category-3 {\n  background-color: rgba(222, 0, 230, 0.05);\n}\n\n.question-category-4 {\n  background-color: rgba(0, 84, 230, 0.05);\n}\n\n.question-category-5 {\n  background-color: rgba(0, 230, 222, 0.05);\n}\n\n.answer {\n  display: flex;\n  position: relative;\n  align-items: center;\n}\n\n.answer > .answer-content {\n  flex-grow: 1;\n  max-width: 31.25rem;\n}\n\n.card-header {\n  min-height: 3rem;\n}\n\n.card-header:first-child {\n  line-height: 24px;\n}\n\n.card-header.bg-info {\n  background-color: #e6f9fb !important;\n}\n\n.card-header.section-background {\n  background-color: #e6f9fb;\n}\n\n.question-header {\n  display: flex;\n  align-items: center;\n}\n\n.question-header h6 {\n  margin: 0;\n}\n\n.icon-list-items {\n  display: flex;\n  padding-left: 0;\n  margin: 0;\n}\n\n.icon-list-item {\n  list-style-type: none;\n}\n\n.card-header .form-group {\n  margin-bottom: 0;\n}\n\n.accordion-button::after {\n  background-image: initial;\n}\n\n.accordion-button:not(.collapsed)::after {\n  background-image: initial;\n}\n\n.emphasise-on-relevant-icon {\n  animation: emphasiseOnRelevantIcon 0.5s ease-in;\n}\n\n.emphasise-on-relevant {\n  animation: emphasiseOnRelevant 1.2s ease-in;\n}\n\n.card-header.emphasise-on-relevant {\n  animation: emphasiseOnRelevantSection 1.2s ease-in;\n}\n\n.comment-tooltip > .tooltip-inner {\n  max-width: none;\n  width: 30vw;\n  border: solid 2px #afafaf;\n  background-color: #cbeef6;\n  color: #000000;\n  padding: 0;\n  border-radius: 0;\n}\n\n.close-comment-icon {\n  cursor: pointer;\n  height: 24px;\n  width: 24px;\n  margin-left: auto;\n}\n\n#comment-form {\n  display: flex;\n  width: 100%;\n}\n\n#comment-form textarea {\n  resize: none;\n  overflow-y: hidden;\n}\n\n.comment-form-control {\n  border-radius: 0;\n}\n\n.btn.comment-form-button {\n  position: absolute;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  right: 13px;\n  bottom: 1px;\n  height: 25px;\n  width: 25px;\n  padding: 0;\n}\n\n.comment-content {\n  text-align: left;\n  padding: 0.5rem;\n}\n\n.comment-delete {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.comment-content .comment-author {\n  font-weight: bold;\n}\n\n.comment-content .comment-value {\n  white-space: pre-line;\n}\n\n.comment-list-items {\n  overflow: hidden scroll;\n  max-height: 25rem;\n}\n\n.comment-timestamp {\n  color: #696969;\n  font-style: italic;\n}\n\n.comment-badge {\n  position: relative;\n  bottom: 13px;\n  right: 7px;\n  font-size: 0.5625rem;\n}\n\n.show-irrelevant {\n  opacity: 50%;\n  pointer-events: none;\n}\n\n.show-irrelevant .form-check-input,\n.show-irrelevant .form-check-label {\n  pointer-events: none;\n}\n\n.show-irrelevant .card-header,\n.show-irrelevant.wizard-nav {\n  pointer-events: auto;\n}\n\n.is-invalid.form-text {\n  color: #dc3545;\n  border: none;\n  box-shadow: none;\n}\n\n.is-warning {\n  border: 1px solid #dc9135;\n}\n\n.is-warning:focus {\n  box-shadow: 0 0 0 0.2rem rgba(203, 127, 16, 0.25);\n  border-color: #dc9135;\n}\n\n.is-warning.form-text {\n  color: #dc9135;\n  border: none;\n  box-shadow: none;\n}\n\n@keyframes emphasiseOnRelevant {\n  0% {\n    display: none;\n    opacity: 0;\n  }\n\n  1% {\n    display: block;\n    opacity: 0;\n    background-color: yellow;\n  }\n\n  25% {\n    display: block;\n    opacity: 0;\n  }\n\n  75% {\n    display: block;\n    opacity: 1;\n  }\n\n  100% {\n    display: block;\n    opacity: 1;\n    background-color: transparent;\n  }\n}\n\n@keyframes emphasiseOnRelevantSection {\n  0% {\n    display: none;\n    opacity: 0;\n  }\n\n  1% {\n    display: block;\n    opacity: 0;\n    background-color: yellow;\n  }\n\n  25% {\n    display: block;\n    opacity: 0;\n  }\n\n  75% {\n    display: block;\n    opacity: 1;\n  }\n\n  100% {\n    display: block;\n    opacity: 1;\n    background-color: #e6f9fb;\n  }\n}\n\n@keyframes emphasiseOnRelevantIcon {\n  0% {\n    display: none;\n    opacity: 0;\n  }\n\n  1% {\n    display: block;\n    opacity: 0;\n  }\n\n  25% {\n    display: block;\n    opacity: 0;\n  }\n\n  75% {\n    display: block;\n    opacity: 1;\n  }\n\n  100% {\n    display: block;\n    opacity: 1;\n    background-color: transparent;\n  }\n}\n","/* ============================= */\n/* MEDIA CONTAINER\n/* ============================= */\n.media-container {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  max-width: 640px;\n  max-height: 480px;\n\n  background: linear-gradient(180deg, #3a3a3a 40%, #1c1c1c 70%);\n\n  border-radius: 5px;\n  overflow: hidden;\n}\n\n.media-container.fullscreen {\n  max-width: 100%;\n  max-height: 100%;\n  width: 100vw;\n  height: 100vh;\n  border-radius: 0;\n}\n\n/* ============================= */\n/* ANNOTATION OVERLAY\n/* ============================= */\n.annotation-overlay {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n  z-index: 5;\n}\n\n@keyframes annotation-pulse {\n  0% {\n    opacity: 0;\n    transform: scale(0.97);\n  }\n  40% {\n    opacity: 1;\n    transform: scale(1.02);\n  }\n  70% {\n    opacity: 0.8;\n    transform: scale(1);\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n.annotation-overlay-revealed {\n  animation: annotation-pulse 0.7s ease-out forwards;\n}\n\n/* ============================= */\n/* MEDIA ELEMENTS\n/* ============================= */\n.media-container video,\n.media-container img,\n.media-container iframe,\n.video-wrapper video {\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: contain;\n  backface-visibility: hidden;\n  image-rendering: auto;\n}\n\n/* ============================= */\n/* IMAGE VIEW\n/* ============================= */\n\n.media-image-container {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  aspect-ratio: 4 / 3;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.media-image-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n}\n\n.media-image-wrapper img {\n  width: 100%;\n  height: 100%;\n}\n\n/* ============================= */\n/* FULLSCREEN BUTTON\n/* ============================= */\n.media-fullscreen-button {\n  position: absolute;\n  right: 12px;\n  bottom: 12px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  min-width: 36px;\n  min-height: 36px;\n\n  background: rgba(0, 0, 0, 0.6);\n  color: white;\n  border: none;\n  border-radius: 6px;\n\n  cursor: pointer;\n  opacity: 0;\n\n  transition: opacity 0.2s ease, background 0.2s ease, transform 0.15s ease;\n\n  z-index: 10;\n}\n\n.media-image-container:hover .media-fullscreen-button,\n.media-modal-image-wrapper:hover .media-fullscreen-button {\n  opacity: 1;\n}\n\n.media-fullscreen-button:hover {\n  background: rgba(0, 0, 0, 0.8);\n  transform: scale(1.05);\n}\n\n.media-fullscreen-button:active {\n  transform: scale(0.95);\n}\n\n.media-fullscreen-button:focus {\n  outline: 2px solid rgba(255, 255, 255, 0.8);\n  outline-offset: 2px;\n}\n\n/* ============================= */\n/* VIDEO                         */\n/* ============================= */\n.video-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n}\n\n/* ============================= */\n/* IFRAME VIEW                   */\n/* ============================= */\n.media-iframe-container {\n  position: relative;\n  width: 100%;\n  aspect-ratio: 16 / 9;\n}\n\n.media-iframe-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n}\n\n.media-iframe-wrapper iframe {\n  width: 100%;\n  height: 100%;\n  border: none;\n  display: block;\n}\n"]}