@roqua/quby-frontend 0.10.16 → 0.10.18

package/dist/quby-frontend.umd.js

@@ -22,7 +22,10 @@ var __privateAdd = (obj, member, value) => {
   member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 };
 
-  function _interopNamespaceDefault(e2) {
+  const _interopDefault = (e2) => e2 && e2.__esModule ? e2 : { default: e2 };
+  function _interopNamespace(e2) {
+    if (e2 && e2.__esModule)
+      return e2;
     const n2 = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
     if (e2) {
       for (const k2 in e2) {
@@ -38,7 +41,8 @@ var __privateAdd = (obj, member, value) => {
     n2.default = e2;
     return Object.freeze(n2);
   }
-  const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React$1);
+  const React__namespace = /* @__PURE__ */ _interopNamespace(React$1);
+  const root__default = /* @__PURE__ */ _interopDefault(root);
   const consoleLogger = {
     type: "logger",
     log(args) {
@@ -13339,7 +13343,7 @@ var __privateAdd = (obj, member, value) => {
     newLayout: true
   };
   const defaultSetQuestionRef = (_key, _ref) => null;
-  const QubyContext = React$1.createContext({
+  const QubyContext = React__namespace.default.createContext({
     questionnaire: defaultQuestionnaire,
     response: defaultResponse,
     setQuestionRef: defaultSetQuestionRef,
@@ -13536,7 +13540,7 @@ var __privateAdd = (obj, member, value) => {
     }
   }
   function useMightBecomeValid(value, handleChange) {
-    const [localValue, setLocalValue] = React$1.useState(value);
+    const [localValue, setLocalValue] = React__namespace.default.useState(value);
     return {
       onChange: (event) => {
         const result = handleChange(event.target.value);
@@ -13578,7 +13582,7 @@ var __privateAdd = (obj, member, value) => {
         }
       }
     };
-    React$1.useEffect(() => {
+    React__namespace.default.useEffect(() => {
       document.addEventListener("keydown", handleKeyDown);
       return () => document.removeEventListener("keydown", handleKeyDown);
     });
@@ -13622,11 +13626,11 @@ var __privateAdd = (obj, member, value) => {
     ] }) });
   };
   const HtmlItem = ({ item }) => {
-    const interpolateCurlies = React$1.useContext(InterpolateCurliesContext);
+    const interpolateCurlies = React__namespace.default.useContext(InterpolateCurliesContext);
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "item", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "prose text", dangerouslySetInnerHTML: { __html: interpolateCurlies(item.html) } }) });
   };
   const MainLabel = ({ question }) => {
-    const interpolateCurlies = React$1.useContext(InterpolateCurliesContext);
+    const interpolateCurlies = React__namespace.default.useContext(InterpolateCurliesContext);
     if (!question.title)
       return null;
     const titleText = interpolateCurlies(question.title);
@@ -13635,7 +13639,7 @@ var __privateAdd = (obj, member, value) => {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${mb} main`, children: /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: labelFor, dangerouslySetInnerHTML: { __html: titleText } }) });
   };
   const QuestionDescription = (props) => {
-    const interpolateCurlies = React$1.useContext(InterpolateCurliesContext);
+    const interpolateCurlies = React__namespace.default.useContext(InterpolateCurliesContext);
     if (!props.question.description)
       return null;
     const description = interpolateCurlies(props.question.description);
@@ -13662,7 +13666,7 @@ var __privateAdd = (obj, member, value) => {
   }
   const QuestionWrapper = (props) => {
     const { question, fieldState, setQuestionRef } = props;
-    const questionRef = React$1.useRef(null);
+    const questionRef = React__namespace.default.useRef(null);
     setQuestionRef(question.key, questionRef);
     const className = classNames("item", "question", question.type, question.presentation, question.questionGroup, question.as, {
       errors: fieldState.showErrors,
@@ -13678,7 +13682,7 @@ var __privateAdd = (obj, member, value) => {
     ] });
   };
   const ContextDescriptionItem = ({ html }) => {
-    const interpolateCurlies = React$1.useContext(InterpolateCurliesContext);
+    const interpolateCurlies = React__namespace.default.useContext(InterpolateCurliesContext);
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "context-description prose", dangerouslySetInnerHTML: { __html: interpolateCurlies(html) } });
   };
   const StringQuestion = ({ question, fieldState, setQuestionRef }) => {
@@ -13775,7 +13779,7 @@ var __privateAdd = (obj, member, value) => {
     ] });
   };
   const ShowDescription$1 = ({ option }) => {
-    const interpolateCurlies = React$1.useContext(InterpolateCurliesContext);
+    const interpolateCurlies = React__namespace.default.useContext(InterpolateCurliesContext);
     const description = option.label || option.description;
     if (!description)
       return null;
@@ -13858,7 +13862,7 @@ var __privateAdd = (obj, member, value) => {
     ] });
   };
   const ShowDescription = ({ option }) => {
-    const interpolateCurlies = React$1.useContext(InterpolateCurliesContext);
+    const interpolateCurlies = React__namespace.default.useContext(InterpolateCurliesContext);
     if (!option.label && !option.description)
       return null;
     const label = option.label || option.description;
@@ -14066,16 +14070,15 @@ var __privateAdd = (obj, member, value) => {
   var Range$1 = {};
   var utils = {};
   var types = {};
-  (function(exports3) {
-    Object.defineProperty(exports3, "__esModule", { value: true });
-    exports3.Direction = void 0;
-    (function(Direction) {
-      Direction["Right"] = "to right";
-      Direction["Left"] = "to left";
-      Direction["Down"] = "to bottom";
-      Direction["Up"] = "to top";
-    })(exports3.Direction || (exports3.Direction = {}));
-  })(types);
+  Object.defineProperty(types, "__esModule", { value: true });
+  types.Direction = void 0;
+  var Direction;
+  (function(Direction2) {
+    Direction2["Right"] = "to right";
+    Direction2["Left"] = "to left";
+    Direction2["Down"] = "to bottom";
+    Direction2["Up"] = "to top";
+  })(Direction || (types.Direction = Direction = {}));
   (function(exports3) {
     var __spreadArray2 = commonjsGlobal && commonjsGlobal.__spreadArray || function(to, from, pack) {
       if (pack || arguments.length === 2)
@@ -14089,8 +14092,8 @@ var __privateAdd = (obj, member, value) => {
       return to.concat(ar || Array.prototype.slice.call(from));
     };
     Object.defineProperty(exports3, "__esModule", { value: true });
-    exports3.useThumbOverlap = exports3.assertUnreachable = exports3.voidFn = exports3.getTrackBackground = exports3.replaceAt = exports3.schd = exports3.translate = exports3.getClosestThumbIndex = exports3.translateThumbs = exports3.getPaddingAndBorder = exports3.getMargin = exports3.checkInitialOverlap = exports3.checkValuesAgainstBoundaries = exports3.checkBoundaries = exports3.isVertical = exports3.relativeValue = exports3.normalizeValue = exports3.isStepDivisible = exports3.isTouchEvent = exports3.getStepDecimals = void 0;
-    var react_1 = React$1;
+    exports3.isIOS = exports3.useThumbOverlap = exports3.assertUnreachable = exports3.voidFn = exports3.getTrackBackground = exports3.replaceAt = exports3.schd = exports3.translate = exports3.getClosestThumbIndex = exports3.translateThumbs = exports3.getPaddingAndBorder = exports3.getMargin = exports3.checkInitialOverlap = exports3.checkValuesAgainstBoundaries = exports3.checkBoundaries = exports3.isVertical = exports3.relativeValue = exports3.normalizeValue = exports3.isStepDivisible = exports3.isTouchEvent = exports3.getStepDecimals = void 0;
+    var react_1 = React__namespace.default;
     var types_12 = types;
     var getStepDecimals = function(step) {
       var decimals = step.toString().split(".")[1];
@@ -14369,6 +14372,20 @@ var __privateAdd = (obj, member, value) => {
       var _a = thumbEl.getBoundingClientRect(), left = _a.left, top = _a.top, width = _a.width, height = _a.height;
       return isVertical(direction) ? Math.abs(clientY - (top + height / 2)) : Math.abs(clientX - (left + width / 2));
     }
+    var isIOS = function() {
+      var _a;
+      var platform = ((_a = navigator.userAgentData) === null || _a === void 0 ? void 0 : _a.platform) || navigator.platform;
+      return [
+        "iPad Simulator",
+        "iPhone Simulator",
+        "iPod Simulator",
+        "iPad",
+        "iPhone",
+        "iPod"
+      ].includes(platform) || // iPad on iOS 13 detection
+      navigator.userAgent.includes("Mac") && "ontouchend" in document;
+    };
+    exports3.isIOS = isIOS;
   })(utils);
   var __extends = commonjsGlobal && commonjsGlobal.__extends || function() {
     var extendStatics = function(d2, b2) {
@@ -14435,7 +14452,7 @@ var __privateAdd = (obj, member, value) => {
     return to.concat(ar || Array.prototype.slice.call(from));
   };
   Object.defineProperty(Range$1, "__esModule", { value: true });
-  var React = __importStar(React$1);
+  var React = __importStar(React__namespace.default);
   var utils_1 = utils;
   var types_1 = types;
   var INCREASE_KEYS = ["ArrowRight", "ArrowUp", "k", "PageUp"];
@@ -14460,6 +14477,10 @@ var __privateAdd = (obj, member, value) => {
         _this.getOffsets = function() {
           var _a = _this.props, direction = _a.direction, values = _a.values, min = _a.min, max = _a.max;
           var trackElement = _this.trackRef.current;
+          if (!trackElement) {
+            console.warn("No track element found.");
+            return [];
+          }
           var trackRect = trackElement.getBoundingClientRect();
           var trackPadding = (0, utils_1.getPaddingAndBorder)(trackElement);
           return _this.getThumbs().map(function(thumb, index) {
@@ -14523,7 +14544,7 @@ var __privateAdd = (obj, member, value) => {
         };
         _this.onMouseDownTrack = function(e2) {
           var _a;
-          if (e2.button !== 0)
+          if (e2.button !== 0 || (0, utils_1.isIOS)())
             return;
           e2.persist();
           e2.preventDefault();
@@ -14869,7 +14890,7 @@ var __privateAdd = (obj, member, value) => {
       };
       Range2.prototype.render = function() {
         var _this = this;
-        var _a = this.props, renderTrack = _a.renderTrack, renderThumb2 = _a.renderThumb, _b = _a.renderMark, renderMark2 = _b === void 0 ? function() {
+        var _a = this.props, label = _a.label, labelledBy = _a.labelledBy, renderTrack = _a.renderTrack, renderThumb2 = _a.renderThumb, _b = _a.renderMark, renderMark2 = _b === void 0 ? function() {
           return null;
         } : _b, values = _a.values, min = _a.min, max = _a.max, allowOverlap = _a.allowOverlap, disabled = _a.disabled;
         var _c = this.state, draggedThumbIndex = _c.draggedThumbIndex, thumbZIndexes = _c.thumbZIndexes, markOffsets = _c.markOffsets;
@@ -14928,6 +14949,8 @@ var __privateAdd = (obj, member, value) => {
                 "aria-valuenow": value,
                 draggable: false,
                 ref: _this.thumbRefs[index],
+                "aria-label": label,
+                "aria-labelledby": labelledBy,
                 role: "slider",
                 onKeyDown: disabled ? utils_1.voidFn : _this.onKeyDown,
                 onKeyUp: disabled ? utils_1.voidFn : _this.onKeyUp
@@ -14937,6 +14960,8 @@ var __privateAdd = (obj, member, value) => {
         });
       };
       Range2.defaultProps = {
+        label: "Accessibility label",
+        labelledBy: null,
         step: 1,
         direction: types_1.Direction.Right,
         rtl: false,
@@ -14986,7 +15011,7 @@ var __privateAdd = (obj, member, value) => {
     const handleChange = (newValues) => {
       fieldState.setValue(newValues[0]);
     };
-    const parentRef = React$1.useRef(null);
+    const parentRef = React__namespace.default.useRef(null);
     const labelPositioning = useLabelPositioning(question.labels, parentRef);
     const blank = fieldState.value == null;
     const value = fieldState.value ?? question.defaultPosition;
@@ -15021,12 +15046,13 @@ var __privateAdd = (obj, member, value) => {
   };
   const renderThumb$1 = ({ props, value, isDragged, blank, showTooltip, startThumbHidden, isActiveQuestion, onFocus }) => {
     if (startThumbHidden && blank) {
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props });
+      return /* @__PURE__ */ React$1.createElement("div", { ...props, key: props.key });
     }
-    return /* @__PURE__ */ jsxRuntime.jsxs(
+    return /* @__PURE__ */ React$1.createElement(
       "div",
       {
         ...props,
+        key: props.key,
         style: {
           ...props.style,
           ...baseThumbStyles$1,
@@ -15034,27 +15060,26 @@ var __privateAdd = (obj, member, value) => {
           ...isActiveQuestion && activeThumbStyles,
           ...blank && invalidThumbStyles$1
         },
-        onFocus,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
-            margin: "6px auto",
-            width: "6px",
-            height: "14px",
-            border: "1px solid oklch(var(--foreground))",
-            borderWidth: "0 1px 0 1px"
-          } }),
-          showTooltip && isDragged && /* @__PURE__ */ jsxRuntime.jsx("div", { style: labelStyles$1, children: value })
-        ]
-      }
+        onFocus
+      },
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
+        margin: "6px auto",
+        width: "6px",
+        height: "14px",
+        border: "1px solid oklch(var(--foreground))",
+        borderWidth: "0 1px 0 1px"
+      } }),
+      showTooltip && isDragged && /* @__PURE__ */ jsxRuntime.jsx("div", { style: labelStyles$1, children: value })
     );
   };
   const renderMark$1 = (props, label, { info, setRef }) => {
     const top = LABEL_MIN_ARROW_HEIGHT + (info.tops[label.idx] || 0);
     const labelBorderRadius = label.first ? "0 4px 4px" : label.last ? "4px 0 4px 4px" : "4px";
-    return /* @__PURE__ */ jsxRuntime.jsxs(
+    return /* @__PURE__ */ React$1.createElement(
       "div",
       {
         ...props,
+        key: props.key,
         style: {
           ...props.style,
           top: TRACK_HEIGHT - TRACK_BORDER,
@@ -15062,35 +15087,33 @@ var __privateAdd = (obj, member, value) => {
           // set by react-range
           width: 0
           // important so react-range does not add negative margins to center. 
-        },
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              ref: (node) => {
-                if (node) {
-                  setRef(label.idx, node);
-                }
-              },
-              style: {
-                position: "absolute",
-                top,
-                left: -TRACK_BORDER,
-                width: "max-content",
-                maxWidth: info.maxWidths[label.idx],
-                backgroundColor: "oklch(var(--slider-track))",
-                borderRadius: labelBorderRadius,
-                border: `${LABEL_BORDER}px solid oklch(var(--foreground))`,
-                padding: "0 4px",
-                textAlign: label.first ? "left" : label.last ? "right" : "center",
-                transform: label.first ? void 0 : label.last ? "translateX(-100%)" : "translateX(-50%)"
-              },
-              dangerouslySetInnerHTML: { __html: label.text }
+        }
+      },
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          ref: (node) => {
+            if (node) {
+              setRef(label.idx, node);
             }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(LabelArrow, { label, top })
-        ]
-      }
+          },
+          style: {
+            position: "absolute",
+            top,
+            left: -TRACK_BORDER,
+            width: "max-content",
+            maxWidth: info.maxWidths[label.idx],
+            backgroundColor: "oklch(var(--slider-track))",
+            borderRadius: labelBorderRadius,
+            border: `${LABEL_BORDER}px solid oklch(var(--foreground))`,
+            padding: "0 4px",
+            textAlign: label.first ? "left" : label.last ? "right" : "center",
+            transform: label.first ? void 0 : label.last ? "translateX(-100%)" : "translateX(-50%)"
+          },
+          dangerouslySetInnerHTML: { __html: label.text }
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(LabelArrow, { label, top })
     );
   };
   const LabelArrow = ({ top, label }) => {
@@ -15151,14 +15174,14 @@ var __privateAdd = (obj, member, value) => {
     padding: "0 4px"
   };
   const useLabelPositioning = (labels, parentRef) => {
-    const labelRefs = React$1.useRef([]);
-    const [info, setInfo] = React$1.useState({ maxWidths: [], rowHeights: [], tops: [], twoRows: false });
-    const [step, setStep] = React$1.useState("getRefs");
+    const labelRefs = React__namespace.default.useRef([]);
+    const [info, setInfo] = React__namespace.default.useState({ maxWidths: [], rowHeights: [], tops: [], twoRows: false });
+    const [step, setStep] = React__namespace.default.useState("getRefs");
     let height = LABEL_MIN_ARROW_HEIGHT + info.rowHeights[0] || 18;
     if (info.rowHeights.length == 2) {
       height += LABEL_ROW_SPACING + info.rowHeights[1];
     }
-    React$1.useLayoutEffect(() => {
+    React__namespace.default.useLayoutEffect(() => {
       if (step === "resize") {
         setInfo({ ...info, twoRows: false, maxWidths: Array(labelRefs.current.length).fill(999) });
         setStep("setWidths");
@@ -15170,7 +15193,7 @@ var __privateAdd = (obj, member, value) => {
         setStep("done");
       }
     }, [step, labels, parentRef, info]);
-    React$1.useLayoutEffect(() => {
+    React__namespace.default.useLayoutEffect(() => {
       if (step !== "done")
         return;
       const oldRef = parentRef.current;
@@ -15425,7 +15448,7 @@ var __privateAdd = (obj, member, value) => {
     ] });
   };
   const Option$1 = ({ question, option, fieldState }) => {
-    const interpolateCurlies = React$1.useContext(InterpolateCurliesContext);
+    const interpolateCurlies = React__namespace.default.useContext(InterpolateCurliesContext);
     const value = fieldState.value || /* @__PURE__ */ new Set();
     const checked = value.has(option.key) || false;
     if (option.hidden && !checked)
@@ -18405,7 +18428,7 @@ var __privateAdd = (obj, member, value) => {
       /* @__PURE__ */ jsxRuntime.jsx(MainLabel, { question }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "description-and-fields", children: [
         /* @__PURE__ */ jsxRuntime.jsx(QuestionDescription, { question }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fields", id: htmlId(question), children: question.units.map((unit) => /* @__PURE__ */ jsxRuntime.jsxs(React$1.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fields", id: htmlId(question), children: question.units.map((unit) => /* @__PURE__ */ jsxRuntime.jsxs(React__namespace.default.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             "input",
             {
@@ -18446,7 +18469,7 @@ var __privateAdd = (obj, member, value) => {
     return `answer_${question.key}_input`;
   }
   const QuestionItem = ({ fieldKey }) => {
-    const { questionnaire, response, setQuestionRef, displayOptions } = React$1.useContext(QubyContext);
+    const { questionnaire, response, setQuestionRef, displayOptions } = React__namespace.default.useContext(QubyContext);
     const question = questionnaire.getField(fieldKey);
     switch (question.as) {
       case "string": {
@@ -18697,15 +18720,15 @@ var __privateAdd = (obj, member, value) => {
     return result;
   }
   const InfoItem = ({ item }) => {
-    const [open, setOpen] = React$1.useState(item.startOpen);
-    const [opening, setOpening] = React$1.useState(false);
+    const [open, setOpen] = React__namespace.default.useState(item.startOpen);
+    const [opening, setOpening] = React__namespace.default.useState(false);
     const { ref, inView } = useInView({
       initialInView: true,
       // prevents showing margin animation when it starts visible.
       fallbackInView: false
       // act as stuck when not supported, instead of raising an error.
     });
-    const { response } = React$1.useContext(QubyContext);
+    const { response } = React__namespace.default.useContext(QubyContext);
     const iconClick = (e2) => {
       if ("key" in e2 && e2.key !== "Enter")
         return;
@@ -18784,8 +18807,8 @@ var __privateAdd = (obj, member, value) => {
   };
   const buttonsClassName = "buttons bg-slate-100 dark:bg-slate-700 p-panel-padding";
   const Paginator = (props) => {
-    const [activeIndex, setActiveIndex] = React$1.useState(props.panelLogic.firstPanelIndexToActivate());
-    const topRef = React$1.useRef(null);
+    const [activeIndex, setActiveIndex] = React__namespace.default.useState(props.panelLogic.firstPanelIndexToActivate());
+    const topRef = React__namespace.default.useRef(null);
     const prevIndex = props.panelLogic.previousPanelIndexToActivate(activeIndex);
     const nextIndex = props.panelLogic.nextPanelIndexToActivate(activeIndex);
     const navigate = {
@@ -18815,9 +18838,9 @@ var __privateAdd = (obj, member, value) => {
         ] });
       }
       case "single_page": {
-        return /* @__PURE__ */ jsxRuntime.jsxs(React$1.Fragment, { children: [
+        return /* @__PURE__ */ jsxRuntime.jsxs(React__namespace.default.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { ref: topRef, tabIndex: -1 }),
-          props.panelLogic.panels.map((panel, index) => !props.panelLogic.allQuestionsHidden(index) && /* @__PURE__ */ jsxRuntime.jsxs(React$1.Fragment, { children: [
+          props.panelLogic.panels.map((panel, index) => !props.panelLogic.allQuestionsHidden(index) && /* @__PURE__ */ jsxRuntime.jsxs(React__namespace.default.Fragment, { children: [
             /* @__PURE__ */ jsxRuntime.jsxs("fieldset", { className: "panel", children: [
               /* @__PURE__ */ jsxRuntime.jsx(PanelContent, { panel }),
               props.panelLogic.isLastPanel(index) ? /* @__PURE__ */ jsxRuntime.jsx(Buttons, { firstPanel: false, lastPanel: true, navigate }) : null
@@ -18864,11 +18887,11 @@ var __privateAdd = (obj, member, value) => {
   const Hotkeys = () => {
     return null;
   };
-  const InterpolateCurliesContext = React$1.createContext((str) => str);
+  const InterpolateCurliesContext = React__namespace.default.createContext((str) => str);
   const AnswerPage = ({ questionnaire, response, displayOptions, allowSkipValidation, onSave, onAbort, onPreviousQuestionnaire }) => {
     useRerenderOnResponseChange(response);
     const [nextSavePressWillOnlyRunMinimalValidations, setNextSavePressWillOnlyRunMinimalValidations] = useNextSavePressWillOnlyRunMinimalValidations(response);
-    const qubyRef = React$1.useRef(null);
+    const qubyRef = React__namespace.default.useRef(null);
     useQuestionShortkeys(response, questionnaire, qubyRef);
     const displayMode = displayOptions.displayMode;
     const questionRefs = /* @__PURE__ */ new Map();
@@ -18938,16 +18961,16 @@ var __privateAdd = (obj, member, value) => {
     ] }) }) });
   };
   const useRerenderOnResponseChange = (response) => {
-    const [_2, setCounter] = React$1.useState(0);
-    React$1.useEffect(() => {
+    const [_2, setCounter] = React__namespace.default.useState(0);
+    React__namespace.default.useEffect(() => {
       const handleChange = (_response) => setCounter((number) => number + 1);
       response.onChange(handleChange);
       return () => response.offChange(handleChange);
     });
   };
   const useNextSavePressWillOnlyRunMinimalValidations = (response) => {
-    const [nextSavePressWillOnlyRunMinimalValidations, setNextSavePressWillOnlyRunMinimalValidations] = React$1.useState(false);
-    React$1.useEffect(() => {
+    const [nextSavePressWillOnlyRunMinimalValidations, setNextSavePressWillOnlyRunMinimalValidations] = React__namespace.default.useState(false);
+    React__namespace.default.useEffect(() => {
       const handleChange = (_response, type) => {
         if (nextSavePressWillOnlyRunMinimalValidations && type === "valueChanged")
           setNextSavePressWillOnlyRunMinimalValidations(false);
@@ -18967,15 +18990,15 @@ var __privateAdd = (obj, member, value) => {
       firstInput.focus();
     }
   };
-  const styles = '/*\n! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com\n*//*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: #e5e7eb; /* 2 */\n}\n\n::before,\n::after {\n  --tw-content: \'\';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user\'s configured `sans` font-family by default.\n5. Use the user\'s configured `sans` font-feature-settings by default.\n6. Use the user\'s configured `sans` font-variation-settings by default.\n*/\n\nhtml {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  -o-tab-size: 4;\n     tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n1. Use the user\'s configured `mono` font family by default.\n2. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\n[type=\'button\'],\n[type=\'reset\'],\n[type=\'submit\'] {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n  outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type=\'search\'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n/*\nReset default styling for dialogs.\n*/\ndialog {\n  padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n  resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user\'s configured gray 400 color.\n*/\n\ninput::-moz-placeholder, textarea::-moz-placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role="button"] {\n  cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don\'t get the pointer cursor.\n*/\n:disabled {\n  cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/* Make elements with the HTML hidden attribute stay hidden by default */\n[hidden] {\n  display: none;\n}\n  em {\n    font-style: italic;\n    font-weight: 500;\n  }\n\n  strong {\n    font-weight: bolder;\n  }\n    strong em {\n      font-weight: inherit;\n    }\n\n  em.clean {\n    font-style: inherit;\n  }\n\n  strong.clean { \n    font-weight: inherit;\n  }\n\n  .underline { /* mostly for <strong class="clean underline"> */\n    text-decoration: underline;\n  }\n\n  /* de-emphasize the text */\n  .de-em {\n  font-weight: 300;\n}\n  .de-em em {\n  font-weight: 400;\n}\n  .de-em strong {\n  font-weight: 600;\n}\n\n  a {\n    color: oklch(var(--primary));\n    text-decoration: underline;\n  }\n\n  .serif {\n    font-family: Georgia, serif;\n  }\n\n  small {\n    font-size: 0.8rem;\n  }\n    .text-center img, .text-center svg, .text-center input[type="radio"] { /* These are made display block by tailwind, but we want to center when scaled */\n      margin-left: auto;\n      margin-right: auto;\n    }\n\n  h1, h2, h3, h4, .h1, .h2, .h3, .h4 {\n  font-weight: 700;\n}\n\n  h1 em, h2 em, h3 em, h4 em, .h1 em, .h2 em, .h3 em, .h4 em {\n      font-weight: inherit;\n    }\n\n  h1 strong, h2 strong, h3 strong, h4 strong, .h1 strong, .h2 strong, .h3 strong, .h4 strong {\n  font-weight: 900;\n}\n\n  h1, h2, h3, h4, .h1, .h2, .h3, .h4 {\n    margin: 1.5rem 0 1rem;\n  }\n\n  h1, .h1 {\n    font-size: 1.75rem;\n    margin: 1.5rem 0 2rem;\n  }\n\n  h2, .h2 {\n    font-size: 1.5rem;\n  }\n\n  h3, .h3 {\n    font-size: 1.25rem;\n  }\n\n  h4, .h4 {\n    font-size: 1rem;\n  }\n  :host {\n    --page: 1 0 0;\n    --background: 1 0 0;\n    --foreground: .21 .04 266; /* text color */\n    --foreground-80: .38 .04 266;\n    --foreground-60: .55 .04 266;\n    --muted: var(--foreground-60); /* text color muted */\n    --super-muted: .95 .04 266;\n    --primary: .454 .135 254;\n    --primary-muted: .5 .135 254;\n    --primary-hover: 0.5 0.16 254;\n    --primary-inv: var(--background);\n    --error-bar: .64 .24 27;\n    --error-background: var(--error-bar) / .4;\n    --slider-track: .91 0 0;\n    --info-block-bg: .87 .055 223;\n    --info-block-fg: var(--foreground);\n\n    --panel-padding: 1rem;\n    --default-radius: 0.25rem;\n    --checkradio-size: 1rem;\n    --checkradio-padding: 0.75rem;\n    --question-padding: 2rem;\n    --question-bar-padding: 8px;\n    --question-bar-width: 4px;\n    --list-indent: 1.5rem;\n\n    /* To change in questionnaires */\n    --option-gap-y: 0; /* vertical gap between options, 1, 2, 3, 4 */\n    --question-mb-factor: 1; /* vertical gap to the next question, 0, 0.5, 1, 1.5, 2 */\n    --max-page-width: 75rem;\n  }\n\n  @media(min-width: 800px) {\n    :host {\n      --panel-padding: 2rem;\n      --question-bar-padding: 10px;\n    }\n  }\n\n  .dark {\n    --page: .186 .031 272;\n    --background: 0 0 0;\n    --foreground: 1 0 0;\n    --foreground-80: .8 0 0;\n    --foreground-60: .6 0 0;\n    --foreground-40: .4 0 0;\n    --muted: var(--foreground-60);\n    --super-muted: .3 0 0;\n    --primary: .68 .16 254;\n    --primary-hover: 0.5 0.16 254;\n    --primary-muted: .3 .135 254;\n    --primary-inv: var(--foreground);\n    --slider-track: .23 0 197;\n    --info-block-bg: .4342 .052 233;\n    --info-block-fg: var(--foreground);\n  }\n\n  :host {\n    all: initial;\n    display: block;\n    position: relative; /* fix absolute children when quby lives in a scrolling container */\n    /* Copied from tailwind html css. */\n    line-height: 1.5; /* 1 */\n    -webkit-text-size-adjust: 100%; /* 2 */\n    -moz-tab-size: 4;\n      -o-tab-size: 4;\n         tab-size: 4; /* 3 */\n    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */\n    font-feature-settings: normal; /* 5 */\n    font-variation-settings: normal; /* 6 */\n\n    /* Made normal font thinner (300) in tailwind.conf */\n\n    font-weight: 400;\n  }\n\n  input {\n    border: 1px solid oklch(var(--foreground));\n    border-radius: var(--default-radius);\n  }\n    input:focus {\n      box-shadow: 0 0 0 6px oklch(var(--primary) / .2);\n      outline: 3px solid transparent; /* replace shadow when forced colors */\n      border-color: oklch(var(--primary));\n    }\n    input:disabled {\n      color: oklch(var(--foreground-60));\n      border-color: oklch(var(--foreground-60));\n      cursor: not-allowed;\n    }\n\n  input:not([type=checkbox]):not([type=radio]), textarea, select {\n    padding: .4rem;\n    background-color: oklch(var(--background));\n    color: var(--foreground);\n    caret-color: oklch(var(--primary));\n  }\n\n  input[type=checkbox], input[type=radio] {\n    --check-color: var(--foreground); /* when active changes to primary */\n    -webkit-appearance: none;\n       -moz-appearance: none;\n            appearance: none;\n    display: grid; /* easiest way to perfectly center the ::before */\n    place-content: center;\n    width: var(--checkradio-size);\n    height: var(--checkradio-size);\n    margin: .25rem 0;\n  } /* center vertically, (line-height-height)/2 */\n    input[type=checkbox]::before, input[type=radio]::before {\n      content: "";\n      width: 0.65rem;\n      height: 0.65rem;\n      transform: scale(0); /* hide when not checked */\n      transition: 125ms transform ease-in-out;\n      box-shadow: inset 1em 1em oklch(var(--check-color)); /* bg instead of bgcolor to enable printing */\n      background-color: CanvasText; /* replace shadow when forced colors */\n    }\n    input[type=checkbox]:checked::before, input[type=radio]:checked::before {\n      transform: scale(1);\n    }\n\n  input[type=checkbox] {\n    border-radius: var(--default-radius);\n  }\n    input[type=checkbox]::before {\n      clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); /* checkmark */\n    } \n  input[type=radio] {\n    border-radius: 50%;\n  }\n    input[type=radio]::before {\n      border-radius: 50%;\n    }\n  .active input[type=checkbox]:not(:disabled), .active input[type=radio]:not(:disabled) {\n    --check-color: var(--primary);\n  }\n\n*, ::before, ::after {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n}\n\n::backdrop {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n}\n.progress-bar {\n    margin: var(--panel-padding);\n  }\n.progress-bar .progress-wrapper .progress-slider {\n    background-position: 0 4px;\n    display: inline-block;\n    height: 12px;\n    border: 1px solid #ccc;\n    border-radius: 6px;\n    padding: 1px;\n  }\n.panel .progress-bar .progress-wrapper {\n    text-align: center;\n  }\n.progress-bar .progress-stop {\n    height: 8px;\n    line-height: 8px;\n    width: 6px;\n    background: none;\n    font-size: 6px;\n    text-indent: -1234em;\n    display: block;\n    float: left;\n  }\n.progress-bar .progress-stop.first-child {\n    width: 8px;\n    border-radius: 5px 0 0 5px;\n  }\n.progress-bar .progress-stop.last-child {\n    width: 8px;\n    border-radius: 0 5px 5px 0;\n  }\n.progress-bar .progress-stop.active {\n    background: oklch(var(--muted));\n  }\n.progress-bar .progress-stop.current {\n    border-radius: 0 5px 5px 0;\n  }\n.progress-bar .progress-stop.current.first-child {\n    border-radius: 5px;\n  }\n.progress-bar .progress-details {\n    color: has(var(--muted));\n    font-size: 9px;\n  }\n.prose p {\n      margin: 0 0 1rem 0;\n    }\n/* for things like description we want less, so the parent will determine the outer margin. */\n/* if only margin-trim was more widely supported */\n.prose > *:first-child {\n      margin-top: 0;\n    }\n.prose > *:last-child {\n      margin-bottom: 0;\n    }\n.prose ul {\n      list-style-type: disc;\n      margin: 0 0 1rem var(--list-indent);\n    }\n.prose ol {\n      list-style-type: lower-alpha;\n      margin: 0 0 1rem var(--list-indent);\n    }\n.prose ol.list-decimal {\n        list-style-type: decimal;\n      }\n.prose li {\n      padding-left: 0.5rem;\n    }\n.prose hr {\n      margin: var(--question-padding) 1rem;\n      border: none;\n      height: 0.125rem;\n      background-color: oklch(var(--muted));\n    }\n.prose hr.compact {\n      margin: 1rem;\n    }\nblockquote {\n    margin: 1em 2em;\n  }\nblockquote >* {\n        font-style: italic;\n    }\nblockquote >p::before,\n    blockquote >p:last-child::after,\n    blockquote >ul::before,\n    blockquote >ul:last-child > li:last-child::after {\n        content: "“";\n        font-family: Georgia;\n        font-size: 2.5rem;\n        margin: -.8rem 0 0 -1.4rem;\n        position: absolute;\n        color: #666;\n    }\nblockquote >ul::before {\n      margin-left: calc(-1.1rem - var(--list-indent));\n    }\nblockquote >p:last-child::after,\n    blockquote >ul:last-child > li:last-child::after {\n        content: "”";\n        margin: 0 0 0 -.1rem\n    }\nblockquote.blue-quotes p::before,\n    blockquote.blue-quotes p:last-child::after {\n        color: #298ED5;\n    }\n.visible {\n  visibility: visible;\n}\n.absolute {\n  position: absolute;\n}\n.sticky {\n  position: sticky;\n}\n.order-last {\n  order: 9999;\n}\n.float-right {\n  float: right;\n}\n.m-panel-padding {\n  margin: var(--panel-padding);\n}\n.mx-1 {\n  margin-left: 0.25rem;\n  margin-right: 0.25rem;\n}\n.my-1 {\n  margin-top: 0.25rem;\n  margin-bottom: 0.25rem;\n}\n.mb-1 {\n  margin-bottom: 0.25rem;\n}\n.mb-2 {\n  margin-bottom: 0.5rem;\n}\n.mr-1 {\n  margin-right: 0.25rem;\n}\n.mt-1 {\n  margin-top: 0.25rem;\n}\n.mt-3 {\n  margin-top: 0.75rem;\n}\n.block {\n  display: block;\n}\n.inline {\n  display: inline;\n}\n.flex {\n  display: flex;\n}\n.table {\n  display: table;\n}\n.hidden {\n  display: none;\n}\n.w-1\\/2 {\n  width: 50%;\n}\n.w-1\\/3 {\n  width: 33.333333%;\n}\n.w-1\\/4 {\n  width: 25%;\n}\n.w-1\\/5 {\n  width: 20%;\n}\n.w-1\\/6 {\n  width: 16.666667%;\n}\n.w-2\\/3 {\n  width: 66.666667%;\n}\n.w-2\\/5 {\n  width: 40%;\n}\n.w-3\\/4 {\n  width: 75%;\n}\n.w-3\\/5 {\n  width: 60%;\n}\n.w-4\\/5 {\n  width: 80%;\n}\n.w-5\\/6 {\n  width: 83.333333%;\n}\n.w-full {\n  width: 100%;\n}\n.transform {\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.resize {\n  resize: both;\n}\n.list-decimal {\n  list-style-type: decimal;\n}\n.justify-between {\n  justify-content: space-between;\n}\n.rounded {\n  border-radius: 0.25rem;\n}\n.border {\n  border-width: 1px;\n}\n.border-2 {\n  border-width: 2px;\n}\n.border-warning {\n  --tw-border-opacity: 1;\n  border-color: rgb(255 165 0 / var(--tw-border-opacity));\n}\n.bg-slate-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(241 245 249 / var(--tw-bg-opacity));\n}\n.p-panel-padding {\n  padding: var(--panel-padding);\n}\n.text-center {\n  text-align: center;\n}\n.align-top {\n  vertical-align: top;\n}\n.text-lg {\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n}\n.font-light {\n  font-weight: 300;\n}\n.font-medium {\n  font-weight: 500;\n}\n.underline {\n  text-decoration-line: underline;\n}\n.filter {\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n:host > div {\n  background-color: oklch(var(--page));\n  color: oklch(var(--foreground));\n  min-height: 100cqh;\n}\n:host > div > * {\n  max-width: var(--max-page-width);\n  margin: 0 auto;\n}\n.panel + .panel {\n  margin-top: 5rem;\n}\n.option .labelwrapper p {\n  display: inline; /* temp fix, should be stripped by quby-compiler */\n}\n.item.question {\n  box-shadow: calc(-1 * var(--question-bar-padding)) 0 0 0 oklch(var(--page)), calc(0px - var(--question-bar-width) - var(--question-bar-padding)) 0px 0px 0px oklch(var(--super-muted));\n}\n.item.active, .item:has(.active) {\n  box-shadow: calc(-1 * var(--question-bar-padding)) 0 0 0 oklch(var(--page)), calc(0px - var(--question-bar-width) - var(--question-bar-padding)) 0px 0px 0px oklch(var(--primary));\n}\n.item.errors {\n  box-shadow: calc(-1 * var(--question-bar-padding)) 0 0 0 oklch(var(--page)), calc(0px - var(--question-bar-width) - var(--question-bar-padding)) 0px 0px 0px oklch(var(--error-background));\n}\n.item.errors.active {\n  box-shadow: calc(-1 * var(--question-bar-padding)) 0 0 0 oklch(var(--page)), calc(0px - var(--question-bar-width) - var(--question-bar-padding)) 0px 0px 0px oklch(var(--error-bar));\n}\n.item .main {\n  font-weight: 700;\n}\n.item .main em {\n      font-weight: inherit;\n    }\n.item .main strong {\n  font-weight: 900;\n}\n.item .inner-title {\n    margin: 1rem 0 0.5rem;\n    font-weight: 600;\n  }\n.item .inner-title em {\n  font-weight: 700;\n}\n.item .inner-title strong {\n  font-weight: 800;\n}\n.item .description-and-fields > .description {\n  font-weight: 300;\n}\n.item .description-and-fields > .description em {\n  font-weight: 400;\n}\n.item .description-and-fields > .description strong {\n  font-weight: 600;\n}\n.item .description-and-fields > .description {\n  margin-bottom: 0.5rem;\n}\n.item .description-and-fields > .description .instruction {\n  font-weight: 400;\n}\n.item .description-and-fields > .description .example {}\n.item .description-and-fields > .description .explanation {}\nbutton {\n  border-radius: 0.375rem;\n  padding-left: 1rem;\n  padding-right: 1rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  font-weight: 600;\n}\nbutton:focus-visible {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\nbutton.secondary {\n  border-width: 2px;\n  border-color: oklch(var(--primary));\n  background-color: oklch(var(--background));\n  color: oklch(var(--primary));\n}\nbutton.secondary:hover {\n      border-color: oklch(var(--primary-hover));\n      color: oklch(var(--primary-hover));\n    }\nbutton.primary {\n  background-color: oklch(var(--primary));\n  color: oklch(var(--background));\n}\nbutton.primary:hover {\n      background-color: oklch(var(--primary-hover));\n    }\n.info-item {\n  --icon-size: 20px;\n  --icon-margin: 8px;\n}\n.info-item .info-html {\n  padding: 0.5rem;\n    margin-bottom: var(--question-padding);\n    background-color: oklch(var(--info-block-bg));\n    color: oklch(var(--info-block-fg));\n    z-index: 1; /* prevent showing under slider */\n    padding-right: calc(var(--icon-size) + 2 * var(--icon-margin));\n}\n.info-item .info-html.open { /* opened by clicking icon */\n      position: sticky;\n      top: 0;\n    }\n.info-item .info-html>div { /* actual content, extra div needed to animate scale. */\n      transform-origin: center top;\n      transition: inherit;\n    }\n.info-item .info-html.opening {\n      height: 0;\n      margin-bottom: 0;\n    }\n.info-item .info-html.opening>div { \n        transform: scale(1, 0); /* animating scale, since we can\'t both hide content and have the icon float */\n      }\n.info-item .info-html {\n    transition: all 0.3s linear;\n    interpolate-size: allow-keywords;\n}\n.info-item .info-icon {\n    position: relative; /* with z-index to make it appear above the info-html */\n    z-index: 2;\n    float: right;\n    top: 0;\n    background-color: oklch(var(--info-block-bg));\n    transition: margin 0.5s;\n  }\n.info-item .info-icon.stuck {\n      position: sticky;\n      margin-right: calc(-1 * var(--panel-padding));\n    }\n.info-item .info-icon:hover {\n      cursor: pointer;\n    }\n.info-item .info-icon svg {\n      width: var(--icon-size);\n      height: var(--icon-size);\n      margin: var(--icon-margin);\n    }\n.item.radio .option, .item.check_box .option {\n  display: flex;\n  flex-wrap: wrap;\n}\n.item.radio .option .radiocheckwrapper, .item.check_box .option .radiocheckwrapper {\n    flex: 0 0 var(--checkradio-size);\n  }\n.item.radio .option .value, .item.check_box .option .value {\n    flex: 0 0 2rem;\n    text-align: right;\n  }\n.item.radio .option .labelwrapper, .item.check_box .option .labelwrapper {\n    flex: 1 1 0;\n    padding-left: var(--checkradio-padding);\n  }\n.item.radio .option .subquestions, .item.check_box .option .subquestions {\n    width: 100%; /* forces it to the next lines */\n  }\n.item.radio .option + .option, .item.check_box .option + .option {\n    margin-top: calc(var(--option-gap-y) * 0.25rem);\n  }\n.subquestions {\n  margin-left: calc(var(--question-bar-padding) + var(--checkradio-size)/2 + 2px); /* align active bar under checkbox/radio */\n}\n/* context-description doesn\'t live under question, so doesn\'t react to a single question override. */\n.item, .context-description {\n  position: relative;\n  margin-bottom: calc(var(--question-padding) * var(--question-mb-factor));\n}\n.item:has(+.indent.question) {\n  margin-bottom: 0;\n  padding-bottom: calc(var(--question-padding) * var(--question-mb-factor) / 2);\n}\n.question.indent {\n  padding-left: calc(var(--checkradio-size) + var(--checkradio-padding));\n}\n/* align with option text, it\'s often below selects and a fine padding for other types */\n.question.indent::before {\n    content: "";\n    position: absolute;\n    top: 10px;\n    left: 0;\n    margin-left: calc(0px - var(--question-bar-padding));\n    width: calc(var(--checkradio-size) + var(--question-bar-padding));\n    height: var(--question-bar-width);\n    background-color: oklch(var(--super-muted));\n  }\n.question.indent.active::before {\n    background-color: oklch(var(--primary));\n  }\n.subquestions .item {\n  margin-bottom: 0;\n}\n/* Distance from inputs feel than from text, since they don\'t have extra line-height padding.\n  * So we add a bit of padding, but not for radio/checkbox, \n  *   since they do have line-height from the labels.\n  *   but also because it would prevent margin-collapsing when they have subquestions.\n  * Let\'s hope someday text-box-trim will make this obsolete. */\n.item:not(.radio):not(.check_box) .description-and-fields {\n  padding-bottom: 0.5em;\n}\n.item.errors .error {\n  background: oklch(var(--error-background));\n  outline: 1px solid oklch(var(--error-bar));\n  border-radius: var(--default-radius);\n  margin: 0.25rem;\n  padding: 0.25rem;\n}\nfooter {\n  font-weight: 300;\n}\nfooter em {\n  font-weight: 400;\n}\nfooter strong {\n  font-weight: 600;\n}\nfooter {\n  font-size: .875rem;\n  padding: var(--panel-padding);\n  color: oklch(var(--foreground-80));\n}\n:is(.dark .dark\\:bg-slate-700) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(51 65 85 / var(--tw-bg-opacity));\n}\n';
+  const styles = '/*\n! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com\n*//*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: #e5e7eb; /* 2 */\n}\n\n::before,\n::after {\n  --tw-content: \'\';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user\'s configured `sans` font-family by default.\n5. Use the user\'s configured `sans` font-feature-settings by default.\n6. Use the user\'s configured `sans` font-variation-settings by default.\n*/\n\nhtml {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  -o-tab-size: 4;\n     tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n1. Use the user\'s configured `mono` font family by default.\n2. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\n[type=\'button\'],\n[type=\'reset\'],\n[type=\'submit\'] {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n  outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type=\'search\'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n/*\nReset default styling for dialogs.\n*/\ndialog {\n  padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n  resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user\'s configured gray 400 color.\n*/\n\ninput::-moz-placeholder, textarea::-moz-placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role="button"] {\n  cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don\'t get the pointer cursor.\n*/\n:disabled {\n  cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/* Make elements with the HTML hidden attribute stay hidden by default */\n[hidden] {\n  display: none;\n}\n  em {\n    font-style: italic;\n    font-weight: 500;\n  }\n\n  strong {\n    font-weight: bolder;\n  }\n    strong em {\n      font-weight: inherit;\n    }\n\n  em.clean {\n    font-style: inherit;\n  }\n\n  strong.clean { \n    font-weight: inherit;\n  }\n\n  .underline { /* mostly for <strong class="clean underline"> */\n    text-decoration: underline;\n  }\n\n  /* de-emphasize the text */\n  .de-em {\n  font-weight: 300;\n}\n  .de-em em {\n  font-weight: 400;\n}\n  .de-em strong {\n  font-weight: 600;\n}\n\n  a {\n    color: oklch(var(--primary));\n    text-decoration: underline;\n  }\n\n  .serif {\n    font-family: Georgia, serif;\n  }\n\n  small {\n    font-size: 0.8rem;\n  }\n    .text-center img, .text-center svg, .text-center input[type="radio"] { /* These are made display block by tailwind, but we want to center when scaled */\n      margin-left: auto;\n      margin-right: auto;\n    }\n\n  h1, h2, h3, h4, .h1, .h2, .h3, .h4 {\n  font-weight: 700;\n}\n\n  h1 em, h2 em, h3 em, h4 em, .h1 em, .h2 em, .h3 em, .h4 em {\n      font-weight: inherit;\n    }\n\n  h1 strong, h2 strong, h3 strong, h4 strong, .h1 strong, .h2 strong, .h3 strong, .h4 strong {\n  font-weight: 900;\n}\n\n  h1, h2, h3, h4, .h1, .h2, .h3, .h4 {\n    margin: 1.5rem 0 1rem;\n  }\n\n  h1, .h1 {\n    font-size: 1.75rem;\n    margin: 1.5rem 0 2rem;\n  }\n\n  h2, .h2 {\n    font-size: 1.5rem;\n  }\n\n  h3, .h3 {\n    font-size: 1.25rem;\n  }\n\n  h4, .h4 {\n    font-size: 1rem;\n  }\n  :host {\n    --page: 1 0 0;\n    --background: 1 0 0;\n    --foreground: .21 .04 266; /* text color */\n    --foreground-80: .38 .04 266;\n    --foreground-60: .55 .04 266;\n    --muted: var(--foreground-60); /* text color muted */\n    --super-muted: .95 .04 266;\n    --primary: .454 .135 254;\n    --primary-muted: .5 .135 254;\n    --primary-hover: 0.5 0.16 254;\n    --primary-inv: var(--background);\n    --error-bar: .64 .24 27;\n    --error-background: var(--error-bar) / .4;\n    --slider-track: .91 0 0;\n    --info-block-bg: .87 .055 223;\n    --info-block-fg: var(--foreground);\n\n    --panel-padding: 1rem;\n    --default-radius: 0.25rem;\n    --checkradio-size: 1rem;\n    --checkradio-padding: 0.75rem;\n    --question-padding: 2rem;\n    --question-bar-padding: 8px;\n    --question-bar-width: 4px;\n    --list-indent: 1.5rem;\n\n    /* To change in questionnaires */\n    --option-gap-y: 0; /* vertical gap between options, 1, 2, 3, 4 */\n    --question-mb-factor: 1; /* vertical gap to the next question, 0, 0.5, 1, 1.5, 2 */\n    --max-page-width: 75rem;\n  }\n\n  @media(min-width: 800px) {\n    :host {\n      --panel-padding: 2rem;\n      --question-bar-padding: 10px;\n    }\n  }\n\n  .dark {\n    --page: .186 .031 272;\n    --background: 0 0 0;\n    --foreground: 1 0 0;\n    --foreground-80: .8 0 0;\n    --foreground-60: .6 0 0;\n    --foreground-40: .4 0 0;\n    --muted: var(--foreground-60);\n    --super-muted: .3 0 0;\n    --primary: .68 .16 254;\n    --primary-hover: 0.5 0.16 254;\n    --primary-muted: .3 .135 254;\n    --primary-inv: var(--foreground);\n    --slider-track: .23 0 197;\n    --info-block-bg: .4342 .052 233;\n    --info-block-fg: var(--foreground);\n  }\n\n  :host {\n    all: initial;\n    display: block;\n    position: relative; /* fix absolute children when quby lives in a scrolling container */\n    /* Copied from tailwind html css. */\n    line-height: 1.5; /* 1 */\n    -webkit-text-size-adjust: 100%; /* 2 */\n    -moz-tab-size: 4;\n      -o-tab-size: 4;\n         tab-size: 4; /* 3 */\n    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */\n    font-feature-settings: normal; /* 5 */\n    font-variation-settings: normal; /* 6 */\n\n    /* Made normal font thinner (300) in tailwind.conf */\n\n    font-weight: 400;\n  }\n\n  input, textarea {\n    border: 1px solid oklch(var(--foreground));\n    border-radius: var(--default-radius);\n  }\n    input:focus, textarea:focus {\n      box-shadow: 0 0 0 6px oklch(var(--primary) / .2);\n      outline: 3px solid transparent; /* replace shadow when forced colors */\n      border-color: oklch(var(--primary));\n    }\n    input:disabled, textarea:disabled {\n      color: oklch(var(--foreground-60));\n      border-color: oklch(var(--foreground-60));\n      cursor: not-allowed;\n    }\n\n  input:not([type=checkbox]):not([type=radio]), textarea, select {\n    padding: .4rem;\n    background-color: oklch(var(--background));\n    color: var(--foreground);\n    caret-color: oklch(var(--primary));\n  }\n\n  input[type=checkbox], input[type=radio] {\n    --check-color: var(--foreground); /* when active changes to primary */\n    -webkit-appearance: none;\n       -moz-appearance: none;\n            appearance: none;\n    display: grid; /* easiest way to perfectly center the ::before */\n    place-content: center;\n    width: var(--checkradio-size);\n    height: var(--checkradio-size);\n    margin: .25rem 0;\n  } /* center vertically, (line-height-height)/2 */\n    input[type=checkbox]::before, input[type=radio]::before {\n      content: "";\n      width: 0.65rem;\n      height: 0.65rem;\n      transform: scale(0); /* hide when not checked */\n      transition: 125ms transform ease-in-out;\n      box-shadow: inset 1em 1em oklch(var(--check-color)); /* bg instead of bgcolor to enable printing */\n      background-color: CanvasText; /* replace shadow when forced colors */\n    }\n    input[type=checkbox]:checked::before, input[type=radio]:checked::before {\n      transform: scale(1);\n    }\n\n  input[type=checkbox] {\n    border-radius: var(--default-radius);\n  }\n    input[type=checkbox]::before {\n      clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); /* checkmark */\n    } \n  input[type=radio] {\n    border-radius: 50%;\n  }\n    input[type=radio]::before {\n      border-radius: 50%;\n    }\n  .active input[type=checkbox]:not(:disabled), .active input[type=radio]:not(:disabled) {\n    --check-color: var(--primary);\n  }\n\n*, ::before, ::after {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n}\n\n::backdrop {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n}\n.progress-bar {\n    margin: var(--panel-padding);\n  }\n.progress-bar .progress-wrapper .progress-slider {\n    background-position: 0 4px;\n    display: inline-block;\n    height: 12px;\n    border: 1px solid #ccc;\n    border-radius: 6px;\n    padding: 1px;\n  }\n.panel .progress-bar .progress-wrapper {\n    text-align: center;\n  }\n.progress-bar .progress-stop {\n    height: 8px;\n    line-height: 8px;\n    width: 6px;\n    background: none;\n    font-size: 6px;\n    text-indent: -1234em;\n    display: block;\n    float: left;\n  }\n.progress-bar .progress-stop.first-child {\n    width: 8px;\n    border-radius: 5px 0 0 5px;\n  }\n.progress-bar .progress-stop.last-child {\n    width: 8px;\n    border-radius: 0 5px 5px 0;\n  }\n.progress-bar .progress-stop.active {\n    background: oklch(var(--muted));\n  }\n.progress-bar .progress-stop.current {\n    border-radius: 0 5px 5px 0;\n  }\n.progress-bar .progress-stop.current.first-child {\n    border-radius: 5px;\n  }\n.progress-bar .progress-details {\n    color: has(var(--muted));\n    font-size: 9px;\n  }\n.prose p {\n      margin: 0 0 1rem 0;\n    }\n/* for things like description we want less, so the parent will determine the outer margin. */\n/* if only margin-trim was more widely supported */\n.prose > *:first-child {\n      margin-top: 0;\n    }\n.prose > *:last-child {\n      margin-bottom: 0;\n    }\n.prose ul {\n      list-style-type: disc;\n      margin: 0 0 1rem var(--list-indent);\n    }\n.prose ol {\n      list-style-type: lower-alpha;\n      margin: 0 0 1rem var(--list-indent);\n    }\n.prose ol.list-decimal {\n        list-style-type: decimal;\n      }\n.prose li {\n      padding-left: 0.5rem;\n    }\n.prose hr {\n      margin: var(--question-padding) 1rem;\n      border: none;\n      height: 0.125rem;\n      background-color: oklch(var(--muted));\n    }\n.prose hr.compact {\n      margin: 1rem;\n    }\nblockquote {\n    margin: 1em 2em;\n  }\nblockquote >* {\n        font-style: italic;\n    }\nblockquote >p::before,\n    blockquote >p:last-child::after,\n    blockquote >ul::before,\n    blockquote >ul:last-child > li:last-child::after {\n        content: "“";\n        font-family: Georgia;\n        font-size: 2.5rem;\n        margin: -.8rem 0 0 -1.4rem;\n        position: absolute;\n        color: #666;\n    }\nblockquote >ul::before {\n      margin-left: calc(-1.1rem - var(--list-indent));\n    }\nblockquote >p:last-child::after,\n    blockquote >ul:last-child > li:last-child::after {\n        content: "”";\n        margin: 0 0 0 -.1rem\n    }\nblockquote.blue-quotes p::before,\n    blockquote.blue-quotes p:last-child::after {\n        color: #298ED5;\n    }\n.visible {\n  visibility: visible;\n}\n.absolute {\n  position: absolute;\n}\n.sticky {\n  position: sticky;\n}\n.order-last {\n  order: 9999;\n}\n.float-right {\n  float: right;\n}\n.m-panel-padding {\n  margin: var(--panel-padding);\n}\n.mx-1 {\n  margin-left: 0.25rem;\n  margin-right: 0.25rem;\n}\n.my-1 {\n  margin-top: 0.25rem;\n  margin-bottom: 0.25rem;\n}\n.mb-1 {\n  margin-bottom: 0.25rem;\n}\n.mb-2 {\n  margin-bottom: 0.5rem;\n}\n.mr-1 {\n  margin-right: 0.25rem;\n}\n.mt-1 {\n  margin-top: 0.25rem;\n}\n.mt-3 {\n  margin-top: 0.75rem;\n}\n.block {\n  display: block;\n}\n.inline {\n  display: inline;\n}\n.flex {\n  display: flex;\n}\n.table {\n  display: table;\n}\n.hidden {\n  display: none;\n}\n.w-1\\/2 {\n  width: 50%;\n}\n.w-1\\/3 {\n  width: 33.333333%;\n}\n.w-1\\/4 {\n  width: 25%;\n}\n.w-1\\/5 {\n  width: 20%;\n}\n.w-1\\/6 {\n  width: 16.666667%;\n}\n.w-2\\/3 {\n  width: 66.666667%;\n}\n.w-2\\/5 {\n  width: 40%;\n}\n.w-3\\/4 {\n  width: 75%;\n}\n.w-3\\/5 {\n  width: 60%;\n}\n.w-4\\/5 {\n  width: 80%;\n}\n.w-5\\/6 {\n  width: 83.333333%;\n}\n.w-full {\n  width: 100%;\n}\n.transform {\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.resize {\n  resize: both;\n}\n.list-decimal {\n  list-style-type: decimal;\n}\n.justify-between {\n  justify-content: space-between;\n}\n.rounded {\n  border-radius: 0.25rem;\n}\n.border {\n  border-width: 1px;\n}\n.border-2 {\n  border-width: 2px;\n}\n.border-warning {\n  --tw-border-opacity: 1;\n  border-color: rgb(255 165 0 / var(--tw-border-opacity));\n}\n.bg-slate-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(241 245 249 / var(--tw-bg-opacity));\n}\n.p-panel-padding {\n  padding: var(--panel-padding);\n}\n.text-center {\n  text-align: center;\n}\n.align-top {\n  vertical-align: top;\n}\n.text-lg {\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n}\n.font-light {\n  font-weight: 300;\n}\n.font-medium {\n  font-weight: 500;\n}\n.underline {\n  text-decoration-line: underline;\n}\n.filter {\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n:host > div {\n  background-color: oklch(var(--page));\n  color: oklch(var(--foreground));\n  min-height: 100cqh;\n}\n:host > div > * {\n  max-width: var(--max-page-width);\n  margin: 0 auto;\n}\n.panel + .panel {\n  margin-top: 5rem;\n}\n.option .labelwrapper p {\n  display: inline; /* temp fix, should be stripped by quby-compiler */\n}\n.item.question {\n  box-shadow: calc(-1 * var(--question-bar-padding)) 0 0 0 oklch(var(--page)), calc(0px - var(--question-bar-width) - var(--question-bar-padding)) 0px 0px 0px oklch(var(--super-muted));\n}\n.item.active, .item:has(.active) {\n  box-shadow: calc(-1 * var(--question-bar-padding)) 0 0 0 oklch(var(--page)), calc(0px - var(--question-bar-width) - var(--question-bar-padding)) 0px 0px 0px oklch(var(--primary));\n}\n.item.errors {\n  box-shadow: calc(-1 * var(--question-bar-padding)) 0 0 0 oklch(var(--page)), calc(0px - var(--question-bar-width) - var(--question-bar-padding)) 0px 0px 0px oklch(var(--error-background));\n}\n.item.errors.active {\n  box-shadow: calc(-1 * var(--question-bar-padding)) 0 0 0 oklch(var(--page)), calc(0px - var(--question-bar-width) - var(--question-bar-padding)) 0px 0px 0px oklch(var(--error-bar));\n}\n.item .main {\n  font-weight: 700;\n}\n.item .main em {\n      font-weight: inherit;\n    }\n.item .main strong {\n  font-weight: 900;\n}\n.item .inner-title {\n    margin: 1rem 0 0.5rem;\n    font-weight: 600;\n  }\n.item .inner-title em {\n  font-weight: 700;\n}\n.item .inner-title strong {\n  font-weight: 800;\n}\n.item .description-and-fields > .description {\n  font-weight: 300;\n}\n.item .description-and-fields > .description em {\n  font-weight: 400;\n}\n.item .description-and-fields > .description strong {\n  font-weight: 600;\n}\n.item .description-and-fields > .description {\n  margin-bottom: 0.5rem;\n}\n.item .description-and-fields > .description .instruction {\n  font-weight: 400;\n}\n.item .description-and-fields > .description .example {}\n.item .description-and-fields > .description .explanation {}\nbutton {\n  border-radius: 0.375rem;\n  padding-left: 1rem;\n  padding-right: 1rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  font-weight: 600;\n}\nbutton:focus-visible {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\nbutton.secondary {\n  border-width: 2px;\n  border-color: oklch(var(--primary));\n  background-color: oklch(var(--background));\n  color: oklch(var(--primary));\n}\nbutton.secondary:hover {\n      border-color: oklch(var(--primary-hover));\n      color: oklch(var(--primary-hover));\n    }\nbutton.primary {\n  background-color: oklch(var(--primary));\n  color: oklch(var(--background));\n}\nbutton.primary:hover {\n      background-color: oklch(var(--primary-hover));\n    }\n.info-item {\n  --icon-size: 20px;\n  --icon-margin: 8px;\n}\n.info-item .info-html {\n  padding: 0.5rem;\n    margin-bottom: var(--question-padding);\n    background-color: oklch(var(--info-block-bg));\n    color: oklch(var(--info-block-fg));\n    z-index: 1; /* prevent showing under slider */\n    padding-right: calc(var(--icon-size) + 2 * var(--icon-margin));\n}\n.info-item .info-html.open { /* opened by clicking icon */\n      position: sticky;\n      top: 0;\n    }\n.info-item .info-html>div { /* actual content, extra div needed to animate scale. */\n      transform-origin: center top;\n      transition: inherit;\n    }\n.info-item .info-html.opening {\n      height: 0;\n      margin-bottom: 0;\n    }\n.info-item .info-html.opening>div { \n        transform: scale(1, 0); /* animating scale, since we can\'t both hide content and have the icon float */\n      }\n.info-item .info-html {\n    transition: all 0.3s linear;\n    interpolate-size: allow-keywords;\n}\n.info-item .info-icon {\n    position: relative; /* with z-index to make it appear above the info-html */\n    z-index: 2;\n    float: right;\n    top: 0;\n    background-color: oklch(var(--info-block-bg));\n    transition: margin 0.5s;\n  }\n.info-item .info-icon.stuck {\n      position: sticky;\n      margin-right: calc(-1 * var(--panel-padding));\n    }\n.info-item .info-icon:hover {\n      cursor: pointer;\n    }\n.info-item .info-icon svg {\n      width: var(--icon-size);\n      height: var(--icon-size);\n      margin: var(--icon-margin);\n    }\n.item.radio .option, .item.check_box .option {\n  display: flex;\n  flex-wrap: wrap;\n}\n.item.radio .option .radiocheckwrapper, .item.check_box .option .radiocheckwrapper {\n    flex: 0 0 var(--checkradio-size);\n  }\n.item.radio .option .value, .item.check_box .option .value {\n    flex: 0 0 2rem;\n    text-align: right;\n  }\n.item.radio .option .labelwrapper, .item.check_box .option .labelwrapper {\n    flex: 1 1 0;\n    padding-left: var(--checkradio-padding);\n  }\n.item.radio .option .subquestions, .item.check_box .option .subquestions {\n    width: 100%; /* forces it to the next lines */\n  }\n.item.radio .option + .option, .item.check_box .option + .option {\n    margin-top: calc(var(--option-gap-y) * 0.25rem);\n  }\n.subquestions {\n  margin-left: calc(var(--question-bar-padding) + var(--checkradio-size)/2 + 2px); /* align active bar under checkbox/radio */\n}\n/* context-description doesn\'t live under question, so doesn\'t react to a single question override. */\n.item, .context-description {\n  position: relative;\n  margin-bottom: calc(var(--question-padding) * var(--question-mb-factor));\n}\n.item:has(+.indent.question) {\n  margin-bottom: 0;\n  padding-bottom: calc(var(--question-padding) * var(--question-mb-factor) / 2);\n}\n.question.indent {\n  padding-left: calc(var(--checkradio-size) + var(--checkradio-padding));\n}\n/* align with option text, it\'s often below selects and a fine padding for other types */\n.question.indent::before {\n    content: "";\n    position: absolute;\n    top: 10px;\n    left: 0;\n    margin-left: calc(0px - var(--question-bar-padding));\n    width: calc(var(--checkradio-size) + var(--question-bar-padding));\n    height: var(--question-bar-width);\n    background-color: oklch(var(--super-muted));\n  }\n.question.indent.active::before {\n    background-color: oklch(var(--primary));\n  }\n.subquestions .item {\n  margin-bottom: 0;\n}\n/* Distance from inputs feel than from text, since they don\'t have extra line-height padding.\n  * So we add a bit of padding, but not for radio/checkbox, \n  *   since they do have line-height from the labels.\n  *   but also because it would prevent margin-collapsing when they have subquestions.\n  * Let\'s hope someday text-box-trim will make this obsolete. */\n.item:not(.radio):not(.check_box) .description-and-fields {\n  padding-bottom: 0.5em;\n}\n.item.errors .error {\n  background: oklch(var(--error-background));\n  outline: 1px solid oklch(var(--error-bar));\n  border-radius: var(--default-radius);\n  margin: 0.25rem;\n  padding: 0.25rem;\n}\nfooter {\n  font-weight: 300;\n}\nfooter em {\n  font-weight: 400;\n}\nfooter strong {\n  font-weight: 600;\n}\nfooter {\n  font-size: .875rem;\n  padding: var(--panel-padding);\n  color: oklch(var(--foreground-80));\n}\n:is(.dark .dark\\:bg-slate-700) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(51 65 85 / var(--tw-bg-opacity));\n}\n';
   const oldStyles = ':host {\n  --background: 0 0% 100%;\n}\n\n.item.date_parts .mr-1 {\n  margin-right: 0.125rem;\n}\n.item.date_parts .mb-2 { \n  margin-bottom: 0.25rem;\n}\n\n\n/* line 5, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\nhtml, body, div, span, applet, object, iframe,\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\na, abbr, acronym, address, big, cite, code,\ndel, dfn, em, img, ins, kbd, q, s, samp,\nsmall, strike, strong, sub, sup, tt, var,\nb, u, i, center,\ndl, dt, dd, ol, ul, li,\nfieldset, form, label, legend,\ntable, caption, tbody, tfoot, thead, tr, th, td,\narticle, aside, canvas, details, embed,\nfigure, figcaption, footer, header, hgroup,\nmenu, nav, output, ruby, section, summary,\ntime, mark, audio, video {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font: inherit;\n  font-size: 100%;\n  vertical-align: baseline;\n}\n\n/* line 22, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\nhtml {\n  line-height: 1;\n}\n\n/* line 24, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\nol, ul {\n  list-style: none;\n}\n\n/* line 26, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\ntable {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\n/* line 28, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\ncaption, th, td {\n  text-align: left;\n  font-weight: normal;\n  vertical-align: middle;\n}\n\n/* line 30, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\nq, blockquote {\n  quotes: none;\n}\n/* line 103, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\nq:before, q:after, blockquote:before, blockquote:after {\n  content: "";\n  content: none;\n}\n\n/* line 32, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\na img {\n  border: none;\n}\n\n/* line 116, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\narticle, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {\n  display: block;\n}\n\n/* line 3, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n#modalFrameDialog {\n  padding: 0;\n}\n\n/* line 6, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n#modalFrame {\n  width: 100%;\n  height: 99%;\n}\n\n/* line 11, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n.x_container {\n  display: none;\n}\n\n/* line 15, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\nsup, sub {\n  font-size: 0.8em !important;\n  position: relative;\n  line-height: 0;\n}\n\n/* line 21, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\nsup {\n  top: -0.4em;\n}\n\n/* line 25, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\nsub {\n  bottom: -0.25em;\n}\n\n/* line 29, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\nhtml {\n  overflow-x: hidden;\n}\n\n/* line 33, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\nbody {\n  font-family: Verdana, sans-serif;\n  font-size: 0.8em;\n  line-height: normal;\n  background-color: #eeeeee;\n  max-width: 100%;\n  overflow-x: hidden;\n  position: relative;\n}\n\n/* line 43, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n.panel-action-links {\n  text-align: right;\n  margin-bottom: 1em;\n}\n\n/* line 48, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n.panel-action-link {\n  margin-left: 1em;\n}\n\n/* line 52, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n#mastfoot {\n  margin: 0 auto;\n  max-width: 900px;\n  text-align: right;\n  color: #aaaaaa;\n}\n/* line 58, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n#mastfoot:before {\n  content: "\\2014";\n}\n/* line 62, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n#mastfoot:after {\n  content: "\\2014";\n}\n\n/* line 67, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n#noscript-warning {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  background: yellow;\n  border: 4px solid red;\n  color: red;\n  font-size: 1.5em;\n  text-align: center;\n}\n\n/* line 79, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n.nowrap {\n  white-space: nowrap;\n}\n\n/* line 83, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\nselect {\n  width: 100%;\n}\n\n/* line 87, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\ni {\n  font-style: italic !important;\n}\n\n/* line 91, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\nem {\n  font-weight: bold;\n}\n\n/* line 95, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n#content {\n  margin-bottom: 4em;\n}\n/* line 98, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n#content input[disabled] {\n  background-color: #ddd;\n}\n/* line 102, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n#content .flash {\n  max-width: 59em;\n  _width: 59em;\n  padding-left: 1em;\n  padding-right: 1em;\n  margin-left: auto;\n  margin-right: auto;\n  margin-bottom: 1em;\n}\n/* line 38, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */\n#content .flash:after {\n  content: "";\n  display: table;\n  clear: both;\n}\n/* line 106, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n#content .flash div {\n  padding: 5px;\n  background: #333333;\n  border: 1px solid black;\n}\n/* line 112, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n#content .flash .error {\n  background: #ffbbbb;\n  border: 1px solid #ff3333;\n}\n/* line 116, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n#content .flash .notice {\n  background: #ffffcc;\n  border: 1px solid #ffcc66;\n}\n/* line 120, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n#content .flash .success {\n  background-color: #ccffcc;\n  border: 1px solid #11cc11;\n}\n/* line 126, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n#content #force-submit {\n  background: #ffffcc;\n  border: 1px solid #ffcc66;\n  padding: 3em;\n  font-size: 1.2em;\n  margin-bottom: 5em;\n}\n/* line 133, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n#content #force-submit h1 {\n  font-weight: bold;\n  margin-bottom: 1em;\n}\n/* line 134, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n#content #force-submit p {\n  margin-bottom: 1em;\n}\n/* line 137, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n#content .specifier {\n  margin: 0 !important;\n}\n/* line 139, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n#content .specifier.errors {\n  width: auto !important;\n  float: left;\n}\n\n/* line 148, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n.evenRow {\n  background-color: #eeeeee;\n}\n\n/* line 157, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n.hotkeyDialog p {\n  margin: 1em 0;\n}\n/* line 160, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n.hotkeyDialog td {\n  border: 0px;\n}\n\n/* line 165, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\ntable {\n  width: 100%;\n  border-collapse: collapse;\n  margin-bottom: 1.5em;\n}\n/* line 169, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\ntable thead tr th {\n  background: black;\n  color: white;\n  padding: 5px;\n}\n/* line 175, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\ntable tr.even {\n  background: #e9e9e9;\n}\n/* line 179, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\ntable td {\n  padding: 5px;\n  border: 1px solid #cecece;\n  vertical-align: top;\n}\n\n/* line 186, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n.ui-dialog-buttonpane {\n  overflow: hidden !important;\n}\n\n/* line 190, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\npre {\n  font-family: "Deja Vu Sans Mono", "Courier New", "Courier", monospace;\n}\n\n/* line 194, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n.question {\n  background: #e5e5e5;\n  margin: 2em;\n  padding: 2em;\n}\n\n/* line 202, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\nlabel.placeholder {\n  cursor: text;\n  padding: 4px 4px 4px 4px;\n  color: #999999;\n}\n\n/* line 209, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\ninput::-webkit-input-placeholder, textarea::-webkit-input-placeholder {\n  color: #999999;\n}\n\n/* line 213, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\ninput:placeholder, textarea:placeholder {\n  color: #999999;\n}\n\n/* line 217, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n.focus {\n  background: #cce8ed !important;\n}\n\n/* line 221, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n.print {\n  width: 83.05085%;\n  float: left;\n  margin-right: 1.69492%;\n  display: inline;\n  margin-top: 2em;\n}\n/* line 224, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n.print a {\n  color: blue;\n  text-decoration: underline;\n}\n\n/* line 230, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n.error .stacktrace {\n  color: #777;\n  white-space: pre-line;\n}\n\n/* line 235, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\nhtml.busy, html.busy * {\n  cursor: wait !important;\n}\n\n/* line 4, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.hidden {\n  display: none;\n}\n\n/* line 7, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .noVisibleQuestions, .single-page .noVisibleQuestions {\n  display: none;\n}\n/* line 9, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .hide, .single-page .hide {\n  margin: 0 !important;\n  outline: none !important;\n}\n/* line 14, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .hide > *, .single-page .hide > * {\n  display: none !important;\n}\n/* line 34, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel, .single-page .panel {\n  background: white;\n}\n/* line 6, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .panel, .single-page .panel {\n  max-width: 59em;\n  _width: 59em;\n  padding-left: 1em;\n  padding-right: 1em;\n  margin-left: auto;\n  margin-right: auto;\n  padding-top: 20px;\n}\n/* line 38, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */\n.paged .panel:after, .single-page .panel:after {\n  content: "";\n  display: table;\n  clear: both;\n}\n/* line 40, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\n.paged .panel .table div, .single-page .panel .table div, .paged .panel .table span, .single-page .panel .table span, .paged .panel .table applet, .single-page .panel .table applet, .paged .panel .table object, .single-page .panel .table object, .paged .panel .table iframe, .single-page .panel .table iframe,\n.paged .panel .table h1,\n.single-page .panel .table h1, .paged .panel .table h2, .single-page .panel .table h2, .paged .panel .table h3, .single-page .panel .table h3, .paged .panel .table h4, .single-page .panel .table h4, .paged .panel .table h5, .single-page .panel .table h5, .paged .panel .table h6, .single-page .panel .table h6, .paged .panel .table p, .single-page .panel .table p, .paged .panel .table blockquote, .single-page .panel .table blockquote, .paged .panel .table pre, .single-page .panel .table pre,\n.paged .panel .table a,\n.single-page .panel .table a, .paged .panel .table abbr, .single-page .panel .table abbr, .paged .panel .table acronym, .single-page .panel .table acronym, .paged .panel .table address, .single-page .panel .table address, .paged .panel .table big, .single-page .panel .table big, .paged .panel .table cite, .single-page .panel .table cite, .paged .panel .table code, .single-page .panel .table code,\n.paged .panel .table del,\n.single-page .panel .table del, .paged .panel .table dfn, .single-page .panel .table dfn, .paged .panel .table em, .single-page .panel .table em, .paged .panel .table img, .single-page .panel .table img, .paged .panel .table ins, .single-page .panel .table ins, .paged .panel .table kbd, .single-page .panel .table kbd, .paged .panel .table q, .single-page .panel .table q, .paged .panel .table s, .single-page .panel .table s, .paged .panel .table samp, .single-page .panel .table samp,\n.paged .panel .table small,\n.single-page .panel .table small, .paged .panel .table strike, .single-page .panel .table strike, .paged .panel .table strong, .single-page .panel .table strong, .paged .panel .table sub, .single-page .panel .table sub, .paged .panel .table sup, .single-page .panel .table sup, .paged .panel .table tt, .single-page .panel .table tt, .paged .panel .table var, .single-page .panel .table var,\n.paged .panel .table b,\n.single-page .panel .table b, .paged .panel .table u, .single-page .panel .table u, .paged .panel .table i, .single-page .panel .table i, .paged .panel .table center, .single-page .panel .table center,\n.paged .panel .table dl,\n.single-page .panel .table dl, .paged .panel .table dt, .single-page .panel .table dt, .paged .panel .table dd, .single-page .panel .table dd, .paged .panel .table ol, .single-page .panel .table ol, .paged .panel .table ul, .single-page .panel .table ul, .paged .panel .table li, .single-page .panel .table li,\n.paged .panel .table fieldset,\n.single-page .panel .table fieldset, .paged .panel .table form, .single-page .panel .table form, .paged .panel .table label, .single-page .panel .table label, .paged .panel .table legend, .single-page .panel .table legend,\n.paged .panel .table table,\n.single-page .panel .table table, .paged .panel .table caption, .single-page .panel .table caption, .paged .panel .table tbody, .single-page .panel .table tbody, .paged .panel .table tfoot, .single-page .panel .table tfoot, .paged .panel .table thead, .single-page .panel .table thead, .paged .panel .table tr, .single-page .panel .table tr, .paged .panel .table th, .single-page .panel .table th, .paged .panel .table td, .single-page .panel .table td,\n.paged .panel .table article,\n.single-page .panel .table article, .paged .panel .table aside, .single-page .panel .table aside, .paged .panel .table canvas, .single-page .panel .table canvas, .paged .panel .table details, .single-page .panel .table details, .paged .panel .table embed, .single-page .panel .table embed,\n.paged .panel .table figure,\n.single-page .panel .table figure, .paged .panel .table figcaption, .single-page .panel .table figcaption, .paged .panel .table footer, .single-page .panel .table footer, .paged .panel .table header, .single-page .panel .table header, .paged .panel .table hgroup, .single-page .panel .table hgroup,\n.paged .panel .table menu,\n.single-page .panel .table menu, .paged .panel .table nav, .single-page .panel .table nav, .paged .panel .table output, .single-page .panel .table output, .paged .panel .table ruby, .single-page .panel .table ruby, .paged .panel .table section, .single-page .panel .table section, .paged .panel .table summary, .single-page .panel .table summary,\n.paged .panel .table time,\n.single-page .panel .table time, .paged .panel .table mark, .single-page .panel .table mark, .paged .panel .table audio, .single-page .panel .table audio, .paged .panel .table video, .single-page .panel .table video {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font: inherit;\n  font-size: 100%;\n  vertical-align: baseline;\n}\n/* line 55, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\n.paged .panel .table table, .single-page .panel .table table {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n/* line 57, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\n.paged .panel .table caption, .single-page .panel .table caption, .paged .panel .table th, .single-page .panel .table th, .paged .panel .table td, .single-page .panel .table td {\n  text-align: left;\n  font-weight: normal;\n  vertical-align: middle;\n}\n/* line 59, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\n.paged .panel .table q, .single-page .panel .table q, .paged .panel .table blockquote, .single-page .panel .table blockquote {\n  quotes: none;\n}\n/* line 103, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\n.paged .panel .table q:before, .single-page .panel .table q:before, .paged .panel .table q:after, .single-page .panel .table q:after, .paged .panel .table blockquote:before, .single-page .panel .table blockquote:before, .paged .panel .table blockquote:after, .single-page .panel .table blockquote:after {\n  content: "";\n  content: none;\n}\n/* line 61, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\n.paged .panel .table a img, .single-page .panel .table a img {\n  border: none;\n}\n/* line 4, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table p, .single-page .panel .table p, .paged .panel .table div, .single-page .panel .table div {\n  display: inline;\n}\n/* line 8, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table caption, .single-page .panel .table caption {\n  margin-bottom: 0.5em;\n}\n/* line 12, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table .errors, .single-page .panel .table .errors {\n  outline: 2px solid red !important;\n}\n/* line 16, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table .error, .single-page .panel .table .error {\n  display: inline-block;\n  background: #ffbbbb;\n  outline: 1px solid #ff3333;\n}\n/* line 20, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table .error.hidden, .single-page .panel .table .error.hidden {\n  display: none;\n}\n/* line 27, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table table, .single-page .panel .table table {\n  border-bottom: 1px solid black;\n  border-collapse: collapse;\n  margin: 0;\n}\n/* line 28, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table table *, .single-page .panel .table table * {\n  width: auto;\n}\n/* line 32, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table table .option, .single-page .panel .table table .option {\n  white-space: normal;\n}\n/* line 36, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table table td > div > *, .single-page .panel .table table td > div > * {\n  margin-top: 0.5em;\n  margin-bottom: 0.5em;\n}\n/* line 44, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table table .row, .single-page .panel .table table .row {\n  width: 100%;\n  float: right;\n  margin-right: 0;\n  display: inline;\n  float: none;\n  display: table-row;\n}\n/* line 45, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table table .row td, .single-page .panel .table table .row td, .paged .panel .table table .row th, .single-page .panel .table table .row th {\n  display: table-cell;\n  border: 0;\n  border-bottom: 1px solid #bbb;\n  vertical-align: top;\n  float: none;\n}\n/* line 50, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table table .row td.main, .single-page .panel .table table .row td.main, .paged .panel .table table .row th.main, .single-page .panel .table table .row th.main {\n  vertical-align: middle;\n}\n/* line 55, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table table .row.inner_row td, .single-page .panel .table table .row.inner_row td {\n  border: 0;\n}\n/* line 56, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table table .row:first-child td, .single-page .panel .table table .row:first-child td {\n  border-top: 1px solid #bbb;\n}\n/* line 62, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table table .row input, .single-page .panel .table table .row input {\n  /* These properties get overriden by our table reset, so we have to re-apply them with a more specific selector */\n}\n/* line 63, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table table .row input.float, .single-page .panel .table table .row input.float, .paged .panel .table table .row input.integer, .single-page .panel .table table .row input.integer {\n  width: 54px;\n}\n/* line 67, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table table .row input.string, .single-page .panel .table table .row input.string, .paged .panel .table table .row input.textarea, .single-page .panel .table table .row input.textarea {\n  width: 92%;\n}\n/* line 73, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table table .row input.sized, .single-page .panel .table table .row input.sized {\n  width: auto;\n}\n/* line 76, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table table .row input.fd-form-element-hidden, .single-page .panel .table table .row input.fd-form-element-hidden {\n  display: none;\n}\n/* line 86, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table table .row .unit, .single-page .panel .table table .row .unit {\n  vertical-align: -20%;\n  padding-left: 4px;\n}\n/* line 93, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table .item, .single-page .panel .table .item {\n  float: none;\n  width: auto;\n  margin-right: auto;\n  display: block;\n}\n/* line 96, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table .main, .single-page .panel .table .main {\n  width: 33.33333%;\n  float: none !important;\n  display: table-cell !important;\n}\n/* line 100, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table .main label small, .single-page .panel .table .main label small {\n  font-size: 0.7em;\n}\n/* line 102, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table .description, .single-page .panel .table .description {\n  text-align: right;\n}\n/* line 107, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table .option_sets .option, .single-page .panel .table .option_sets .option {\n  padding-left: 1em;\n  padding-bottom: 0.5em;\n  vertical-align: bottom;\n}\n/* line 113, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table .dark, .single-page .panel .table .dark {\n  background-color: #eee;\n}\n/* line 116, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table .light, .single-page .panel .table .light {\n  background-color: #fff;\n}\n@media (max-width: 420px) {\n  /* line 16, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n  .paged .horizontal.item.scale table, .single-page .horizontal.item.scale table {\n    table-layout: fixed;\n  }\n  /* line 18, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n  .paged .horizontal.item.scale table td.last p, .single-page .horizontal.item.scale table td.last p {\n    position: absolute;\n    right: 20px;\n    max-width: 5rem;\n    text-align: right;\n  }\n}\n/* line 28, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged tr, .single-page tr {\n  border: 1px solid #aaa;\n}\n/* line 32, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .item, .single-page .item {\n  width: 100%;\n  float: right;\n  margin-right: 0;\n  display: inline;\n  margin-bottom: 18px;\n}\n/* line 41, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .item.horizontal.radio .option, .single-page .item.horizontal.radio .option, .paged .item.horizontal.check_box .option, .single-page .item.horizontal.check_box .option,\n.paged .item.vertical.radio .option,\n.single-page .item.vertical.radio .option,\n.paged .item.vertical.check_box .option,\n.single-page .item.vertical.check_box .option {\n  width: 100%;\n  float: right;\n  margin-right: 0;\n  display: inline;\n}\n/* line 43, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .item.horizontal.radio .option .radiocheckwrapper, .single-page .item.horizontal.radio .option .radiocheckwrapper, .paged .item.horizontal.check_box .option .radiocheckwrapper, .single-page .item.horizontal.check_box .option .radiocheckwrapper,\n.paged .item.vertical.radio .option .radiocheckwrapper,\n.single-page .item.vertical.radio .option .radiocheckwrapper,\n.paged .item.vertical.check_box .option .radiocheckwrapper,\n.single-page .item.vertical.check_box .option .radiocheckwrapper {\n  width: 6.77966%;\n  float: left;\n  margin-right: 1.69492%;\n  display: inline;\n}\n/* line 44, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .item.horizontal.radio .option .labelwrapper, .single-page .item.horizontal.radio .option .labelwrapper, .paged .item.horizontal.check_box .option .labelwrapper, .single-page .item.horizontal.check_box .option .labelwrapper,\n.paged .item.vertical.radio .option .labelwrapper,\n.single-page .item.vertical.radio .option .labelwrapper,\n.paged .item.vertical.check_box .option .labelwrapper,\n.single-page .item.vertical.check_box .option .labelwrapper {\n  width: 91.52542%;\n  float: right;\n  margin-right: 0;\n  display: inline;\n}\n/* line 47, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .item.horizontal.radio .option.show_values .value, .single-page .item.horizontal.radio .option.show_values .value, .paged .item.horizontal.check_box .option.show_values .value, .single-page .item.horizontal.check_box .option.show_values .value,\n.paged .item.vertical.radio .option.show_values .value,\n.single-page .item.vertical.radio .option.show_values .value,\n.paged .item.vertical.check_box .option.show_values .value,\n.single-page .item.vertical.check_box .option.show_values .value {\n  width: 6.77966%;\n  float: left;\n  margin-right: 1.69492%;\n  display: inline;\n}\n/* line 48, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .item.horizontal.radio .option.show_values .labelwrapper, .single-page .item.horizontal.radio .option.show_values .labelwrapper, .paged .item.horizontal.check_box .option.show_values .labelwrapper, .single-page .item.horizontal.check_box .option.show_values .labelwrapper,\n.paged .item.vertical.radio .option.show_values .labelwrapper,\n.single-page .item.vertical.radio .option.show_values .labelwrapper,\n.paged .item.vertical.check_box .option.show_values .labelwrapper,\n.single-page .item.vertical.check_box .option.show_values .labelwrapper {\n  width: 83.05085%;\n  float: right;\n  margin-right: 0;\n  display: inline;\n}\n/* line 66, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .item.horizontal.string input, .single-page .item.horizontal.string input, .paged .item.horizontal.string textarea, .single-page .item.horizontal.string textarea, .paged .item.horizontal.textarea input, .single-page .item.horizontal.textarea input, .paged .item.horizontal.textarea textarea, .single-page .item.horizontal.textarea textarea,\n.paged .item.vertical.string input,\n.single-page .item.vertical.string input,\n.paged .item.vertical.string textarea,\n.single-page .item.vertical.string textarea,\n.paged .item.vertical.textarea input,\n.single-page .item.vertical.textarea input,\n.paged .item.vertical.textarea textarea,\n.single-page .item.vertical.textarea textarea {\n  width: 100%;\n  margin-right: 0;\n  display: inline;\n}\n/* line 67, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .item.horizontal.string .sized, .single-page .item.horizontal.string .sized, .paged .item.horizontal.textarea .sized, .single-page .item.horizontal.textarea .sized,\n.paged .item.vertical.string .sized,\n.single-page .item.vertical.string .sized,\n.paged .item.vertical.textarea .sized,\n.single-page .item.vertical.textarea .sized {\n  width: auto;\n}\n/* line 97, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .progress-bar, .single-page .progress-bar {\n  width: 100%;\n  float: right;\n  margin-right: 0;\n  display: inline;\n  margin-left: -20px;\n  margin-right: -20px;\n  padding: 1.5em 20px;\n}\n/* line 104, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .progress-bar .progress-wrapper .progress-slider, .single-page .progress-bar .progress-wrapper .progress-slider {\n  background-position: 0 3px;\n  display: inline-block;\n  zoom: 1;\n}\n/* line 107, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .progress-bar .progress-wrapper .progress-slider .progress-stop, .single-page .progress-bar .progress-wrapper .progress-slider .progress-stop {\n  margin: 0 2px;\n  width: 8px;\n  height: 8px;\n}\n/* line 112, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .progress-bar .progress-wrapper .progress-slider.long-list, .single-page .progress-bar .progress-wrapper .progress-slider.long-list {\n  display: none;\n}\n/* line 119, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .buttons, .single-page .buttons {\n  width: 100%;\n  float: right;\n  margin-right: 0;\n  display: inline;\n  margin-left: -20px;\n  margin-right: -20px;\n  padding: 1.5em 20px;\n  border-bottom: 1px dotted #d0d0d0;\n}\n/* line 126, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .buttons .back, .single-page .buttons .back {\n  width: 49.15254%;\n  float: left;\n  margin-right: 1.69492%;\n  display: inline;\n}\n/* line 127, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .buttons .prev, .single-page .buttons .prev {\n  width: 49.15254%;\n  float: left;\n  margin-right: 1.69492%;\n  display: inline;\n}\n/* line 128, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .buttons .next, .single-page .buttons .next {\n  width: 49.15254%;\n  float: right;\n  margin-right: 0;\n  display: inline;\n  text-align: right;\n}\n/* line 129, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .buttons .abort, .single-page .buttons .abort {\n  display: none;\n}\n/* line 130, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .buttons .print, .single-page .buttons .print {\n  display: none;\n}\n/* line 131, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .buttons .print, .single-page .buttons .print {\n  width: 100%;\n  float: left;\n  margin-right: 1.69492%;\n  display: inline;\n  text-align: right;\n}\n/* line 132, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .buttons .save, .single-page .buttons .save {\n  width: 49.15254%;\n  float: right;\n  margin-right: 0;\n  display: inline;\n  text-align: right;\n}\n@media (min-width: 35em) {\n  /* line 2, /home/marten/rgoc/quby/app/assets/stylesheets/quby/general/desktop.scss */\n  .paged #content, .single-page #content {\n    margin: 6em auto 0em auto;\n  }\n  /* line 9, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged tr, .single-page tr {\n    border: none;\n  }\n  /* line 13, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .panel, .single-page .panel {\n    padding-left: 1em;\n    padding-right: 1em;\n    margin-left: auto;\n    margin-right: auto;\n    /* Overwrite width. New susy version seems to break this */\n    max-width: 49.5em;\n    border: 4px solid #dddddd;\n    margin-top: 6em;\n    padding: 3em 2em 1.5em;\n  }\n  /* line 38, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */\n  .paged .panel:after, .single-page .panel:after {\n    content: "";\n    display: table;\n    clear: both;\n  }\n  /* line 40, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\n  .paged .panel .table div, .single-page .panel .table div, .paged .panel .table span, .single-page .panel .table span, .paged .panel .table applet, .single-page .panel .table applet, .paged .panel .table object, .single-page .panel .table object, .paged .panel .table iframe, .single-page .panel .table iframe,\n  .paged .panel .table h1,\n  .single-page .panel .table h1, .paged .panel .table h2, .single-page .panel .table h2, .paged .panel .table h3, .single-page .panel .table h3, .paged .panel .table h4, .single-page .panel .table h4, .paged .panel .table h5, .single-page .panel .table h5, .paged .panel .table h6, .single-page .panel .table h6, .paged .panel .table p, .single-page .panel .table p, .paged .panel .table blockquote, .single-page .panel .table blockquote, .paged .panel .table pre, .single-page .panel .table pre,\n  .paged .panel .table a,\n  .single-page .panel .table a, .paged .panel .table abbr, .single-page .panel .table abbr, .paged .panel .table acronym, .single-page .panel .table acronym, .paged .panel .table address, .single-page .panel .table address, .paged .panel .table big, .single-page .panel .table big, .paged .panel .table cite, .single-page .panel .table cite, .paged .panel .table code, .single-page .panel .table code,\n  .paged .panel .table del,\n  .single-page .panel .table del, .paged .panel .table dfn, .single-page .panel .table dfn, .paged .panel .table em, .single-page .panel .table em, .paged .panel .table img, .single-page .panel .table img, .paged .panel .table ins, .single-page .panel .table ins, .paged .panel .table kbd, .single-page .panel .table kbd, .paged .panel .table q, .single-page .panel .table q, .paged .panel .table s, .single-page .panel .table s, .paged .panel .table samp, .single-page .panel .table samp,\n  .paged .panel .table small,\n  .single-page .panel .table small, .paged .panel .table strike, .single-page .panel .table strike, .paged .panel .table strong, .single-page .panel .table strong, .paged .panel .table sub, .single-page .panel .table sub, .paged .panel .table sup, .single-page .panel .table sup, .paged .panel .table tt, .single-page .panel .table tt, .paged .panel .table var, .single-page .panel .table var,\n  .paged .panel .table b,\n  .single-page .panel .table b, .paged .panel .table u, .single-page .panel .table u, .paged .panel .table i, .single-page .panel .table i, .paged .panel .table center, .single-page .panel .table center,\n  .paged .panel .table dl,\n  .single-page .panel .table dl, .paged .panel .table dt, .single-page .panel .table dt, .paged .panel .table dd, .single-page .panel .table dd, .paged .panel .table ol, .single-page .panel .table ol, .paged .panel .table ul, .single-page .panel .table ul, .paged .panel .table li, .single-page .panel .table li,\n  .paged .panel .table fieldset,\n  .single-page .panel .table fieldset, .paged .panel .table form, .single-page .panel .table form, .paged .panel .table label, .single-page .panel .table label, .paged .panel .table legend, .single-page .panel .table legend,\n  .paged .panel .table table,\n  .single-page .panel .table table, .paged .panel .table caption, .single-page .panel .table caption, .paged .panel .table tbody, .single-page .panel .table tbody, .paged .panel .table tfoot, .single-page .panel .table tfoot, .paged .panel .table thead, .single-page .panel .table thead, .paged .panel .table tr, .single-page .panel .table tr, .paged .panel .table th, .single-page .panel .table th, .paged .panel .table td, .single-page .panel .table td,\n  .paged .panel .table article,\n  .single-page .panel .table article, .paged .panel .table aside, .single-page .panel .table aside, .paged .panel .table canvas, .single-page .panel .table canvas, .paged .panel .table details, .single-page .panel .table details, .paged .panel .table embed, .single-page .panel .table embed,\n  .paged .panel .table figure,\n  .single-page .panel .table figure, .paged .panel .table figcaption, .single-page .panel .table figcaption, .paged .panel .table footer, .single-page .panel .table footer, .paged .panel .table header, .single-page .panel .table header, .paged .panel .table hgroup, .single-page .panel .table hgroup,\n  .paged .panel .table menu,\n  .single-page .panel .table menu, .paged .panel .table nav, .single-page .panel .table nav, .paged .panel .table output, .single-page .panel .table output, .paged .panel .table ruby, .single-page .panel .table ruby, .paged .panel .table section, .single-page .panel .table section, .paged .panel .table summary, .single-page .panel .table summary,\n  .paged .panel .table time,\n  .single-page .panel .table time, .paged .panel .table mark, .single-page .panel .table mark, .paged .panel .table audio, .single-page .panel .table audio, .paged .panel .table video, .single-page .panel .table video {\n    margin: 0;\n    padding: 0;\n    border: 0;\n    font: inherit;\n    font-size: 100%;\n    vertical-align: baseline;\n  }\n  /* line 55, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\n  .paged .panel .table table, .single-page .panel .table table {\n    border-collapse: collapse;\n    border-spacing: 0;\n  }\n  /* line 57, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\n  .paged .panel .table caption, .single-page .panel .table caption, .paged .panel .table th, .single-page .panel .table th, .paged .panel .table td, .single-page .panel .table td {\n    text-align: left;\n    font-weight: normal;\n    vertical-align: middle;\n  }\n  /* line 59, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\n  .paged .panel .table q, .single-page .panel .table q, .paged .panel .table blockquote, .single-page .panel .table blockquote {\n    quotes: none;\n  }\n  /* line 103, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\n  .paged .panel .table q:before, .single-page .panel .table q:before, .paged .panel .table q:after, .single-page .panel .table q:after, .paged .panel .table blockquote:before, .single-page .panel .table blockquote:before, .paged .panel .table blockquote:after, .single-page .panel .table blockquote:after {\n    content: "";\n    content: none;\n  }\n  /* line 61, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\n  .paged .panel .table a img, .single-page .panel .table a img {\n    border: none;\n  }\n  /* line 4, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table p, .single-page .panel .table p, .paged .panel .table div, .single-page .panel .table div {\n    display: inline;\n  }\n  /* line 8, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table caption, .single-page .panel .table caption {\n    margin-bottom: 0.5em;\n  }\n  /* line 12, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table .errors, .single-page .panel .table .errors {\n    outline: 2px solid red !important;\n  }\n  /* line 16, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table .error, .single-page .panel .table .error {\n    display: inline-block;\n    background: #ffbbbb;\n    outline: 1px solid #ff3333;\n  }\n  /* line 20, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table .error.hidden, .single-page .panel .table .error.hidden {\n    display: none;\n  }\n  /* line 27, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table table, .single-page .panel .table table {\n    border-bottom: 1px solid black;\n    border-collapse: collapse;\n    margin: 0;\n  }\n  /* line 28, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table table *, .single-page .panel .table table * {\n    width: auto;\n  }\n  /* line 32, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table table .option, .single-page .panel .table table .option {\n    white-space: normal;\n  }\n  /* line 36, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table table td > div > *, .single-page .panel .table table td > div > * {\n    margin-top: 0.5em;\n    margin-bottom: 0.5em;\n  }\n  /* line 44, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table table .row, .single-page .panel .table table .row {\n    width: 100%;\n    float: right;\n    margin-right: 0;\n    float: none;\n    display: table-row;\n  }\n  /* line 45, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table table .row td, .single-page .panel .table table .row td, .paged .panel .table table .row th, .single-page .panel .table table .row th {\n    display: table-cell;\n    border: 0;\n    border-bottom: 1px solid #bbb;\n    vertical-align: top;\n    float: none;\n  }\n  /* line 50, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table table .row td.main, .single-page .panel .table table .row td.main, .paged .panel .table table .row th.main, .single-page .panel .table table .row th.main {\n    vertical-align: middle;\n  }\n  /* line 55, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table table .row.inner_row td, .single-page .panel .table table .row.inner_row td {\n    border: 0;\n  }\n  /* line 56, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table table .row:first-child td, .single-page .panel .table table .row:first-child td {\n    border-top: 1px solid #bbb;\n  }\n  /* line 62, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table table .row input, .single-page .panel .table table .row input {\n    /* These properties get overriden by our table reset, so we have to re-apply them with a more specific selector */\n  }\n  /* line 63, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table table .row input.float, .single-page .panel .table table .row input.float, .paged .panel .table table .row input.integer, .single-page .panel .table table .row input.integer {\n    width: 54px;\n  }\n  /* line 67, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table table .row input.string, .single-page .panel .table table .row input.string, .paged .panel .table table .row input.textarea, .single-page .panel .table table .row input.textarea {\n    width: 92%;\n  }\n  /* line 73, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table table .row input.sized, .single-page .panel .table table .row input.sized {\n    width: auto;\n  }\n  /* line 76, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table table .row input.fd-form-element-hidden, .single-page .panel .table table .row input.fd-form-element-hidden {\n    display: none;\n  }\n  /* line 86, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table table .row .unit, .single-page .panel .table table .row .unit {\n    vertical-align: -20%;\n    padding-left: 4px;\n  }\n  /* line 93, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table .item, .single-page .panel .table .item {\n    float: none;\n    width: auto;\n    margin-right: auto;\n  }\n  /* line 96, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table .main, .single-page .panel .table .main {\n    width: 33.33333%;\n    float: none !important;\n    display: table-cell !important;\n  }\n  /* line 100, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table .main label small, .single-page .panel .table .main label small {\n    font-size: 0.7em;\n  }\n  /* line 102, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table .description, .single-page .panel .table .description {\n    text-align: right;\n  }\n  /* line 107, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table .option_sets .option, .single-page .panel .table .option_sets .option {\n    padding-left: 1em;\n    padding-bottom: 0.5em;\n    vertical-align: bottom;\n  }\n  /* line 113, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table .dark, .single-page .panel .table .dark {\n    background-color: #eee;\n  }\n  /* line 116, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table .light, .single-page .panel .table .light {\n    background-color: #fff;\n  }\n  /* line 25, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item, .single-page .item {\n    width: 100%;\n    float: right;\n    margin-right: 0;\n    margin-bottom: 18px;\n  }\n  /* line 34, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.horizontal.radio .option, .single-page .item.horizontal.radio .option, .paged .item.horizontal.check_box .option, .single-page .item.horizontal.check_box .option {\n    width: 100%;\n    float: right;\n    margin-right: 0;\n  }\n  /* line 37, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.horizontal.radio .option .radiocheckwrapper, .single-page .item.horizontal.radio .option .radiocheckwrapper, .paged .item.horizontal.check_box .option .radiocheckwrapper, .single-page .item.horizontal.check_box .option .radiocheckwrapper {\n    width: 4.0404%;\n    float: left;\n    margin-right: 1.0101%;\n  }\n  /* line 38, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.horizontal.radio .option .labelwrapper, .single-page .item.horizontal.radio .option .labelwrapper, .paged .item.horizontal.check_box .option .labelwrapper, .single-page .item.horizontal.check_box .option .labelwrapper {\n    width: 94.94949%;\n    float: right;\n    margin-right: 0;\n  }\n  /* line 43, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.horizontal.radio .option.show_values .value, .single-page .item.horizontal.radio .option.show_values .value, .paged .item.horizontal.check_box .option.show_values .value, .single-page .item.horizontal.check_box .option.show_values .value {\n    width: 4.0404%;\n    float: left;\n    margin-right: 1.0101%;\n  }\n  /* line 44, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.horizontal.radio .option.show_values .labelwrapper, .single-page .item.horizontal.radio .option.show_values .labelwrapper, .paged .item.horizontal.check_box .option.show_values .labelwrapper, .single-page .item.horizontal.check_box .option.show_values .labelwrapper {\n    width: 89.89899%;\n    float: right;\n    margin-right: 0;\n  }\n  /* line 49, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.horizontal.radio .option .subquestions, .single-page .item.horizontal.radio .option .subquestions, .paged .item.horizontal.check_box .option .subquestions, .single-page .item.horizontal.check_box .option .subquestions {\n    margin-left: 5.05051%;\n    width: 74.74747%;\n    float: left;\n    margin-right: 1.0101%;\n  }\n  /* line 53, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.horizontal.radio .option .subquestions .item, .single-page .item.horizontal.radio .option .subquestions .item, .paged .item.horizontal.check_box .option .subquestions .item, .single-page .item.horizontal.check_box .option .subquestions .item {\n    width: 74.74747%;\n    float: left;\n    margin-right: 1.0101%;\n  }\n  /* line 55, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.horizontal.radio .option .subquestions .item input, .single-page .item.horizontal.radio .option .subquestions .item input, .paged .item.horizontal.check_box .option .subquestions .item input, .single-page .item.horizontal.check_box .option .subquestions .item input {\n    width: auto;\n  }\n  /* line 58, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.horizontal.radio .option .subquestions .radiocheckwrapper, .single-page .item.horizontal.radio .option .subquestions .radiocheckwrapper, .paged .item.horizontal.check_box .option .subquestions .radiocheckwrapper, .single-page .item.horizontal.check_box .option .subquestions .radiocheckwrapper {\n    width: 10px;\n    padding-right: 20px;\n  }\n  /* line 62, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.horizontal.radio .option .subquestions .labelwrapper, .single-page .item.horizontal.radio .option .subquestions .labelwrapper, .paged .item.horizontal.check_box .option .subquestions .labelwrapper, .single-page .item.horizontal.check_box .option .subquestions .labelwrapper {\n    width: auto;\n    float: none;\n  }\n  /* line 69, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.horizontal.radio .inner-title, .single-page .item.horizontal.radio .inner-title, .paged .item.horizontal.check_box .inner-title, .single-page .item.horizontal.check_box .inner-title {\n    width: 100%;\n    float: right;\n    margin-right: 0;\n  }\n  /* line 74, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.horizontal.string input, .single-page .item.horizontal.string input, .paged .item.horizontal.string textarea, .single-page .item.horizontal.string textarea, .paged .item.horizontal.textarea input, .single-page .item.horizontal.textarea input, .paged .item.horizontal.textarea textarea, .single-page .item.horizontal.textarea textarea {\n    width: 100%;\n    margin-right: 0;\n  }\n  /* line 75, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.horizontal.string .sized, .single-page .item.horizontal.string .sized, .paged .item.horizontal.textarea .sized, .single-page .item.horizontal.textarea .sized {\n    width: auto;\n  }\n  /* line 106, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.vertical .main, .single-page .item.vertical .main {\n    width: 39.39394%;\n    float: left;\n    margin-right: 1.0101%;\n  }\n  /* line 110, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.vertical .description-and-fields, .single-page .item.vertical .description-and-fields {\n    width: 59.59596%;\n    float: right;\n    margin-right: 0;\n    float: left;\n  }\n  /* line 4, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n  .paged .item.vertical .description-and-fields .description h2, .single-page .item.vertical .description-and-fields .description h2 {\n    font-size: 1.2em;\n    font-weight: bold;\n    border-top: 8px solid #ddd;\n    padding-top: 16px;\n  }\n  /* line 11, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n  .paged .item.vertical .description-and-fields .description small, .single-page .item.vertical .description-and-fields .description small {\n    font-size: 80%;\n  }\n  /* line 12, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n  .paged .item.vertical .description-and-fields .description strong, .single-page .item.vertical .description-and-fields .description strong {\n    font-style: italic;\n  }\n  /* line 13, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n  .paged .item.vertical .description-and-fields .description em, .single-page .item.vertical .description-and-fields .description em {\n    font-weight: bold;\n  }\n  /* line 15, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n  .paged .item.vertical .description-and-fields .description p, .single-page .item.vertical .description-and-fields .description p {\n    margin-bottom: 18px;\n  }\n  /* line 17, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n  .paged .item.vertical .description-and-fields .description ul, .single-page .item.vertical .description-and-fields .description ul {\n    margin-top: 1em;\n    margin-left: 1em;\n    margin-bottom: 2em;\n  }\n  /* line 21, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n  .paged .item.vertical .description-and-fields .description ul li, .single-page .item.vertical .description-and-fields .description ul li {\n    list-style-type: disc;\n    margin-bottom: 1em !important;\n  }\n  /* line 25, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n  .paged .item.vertical .description-and-fields .description ul li p, .single-page .item.vertical .description-and-fields .description ul li p {\n    margin-bottom: 0;\n  }\n  /* line 27, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n  .paged .item.vertical .description-and-fields .description ul li ul, .single-page .item.vertical .description-and-fields .description ul li ul {\n    margin-bottom: 1em;\n    margin-left: 1.5em;\n  }\n  /* line 30, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n  .paged .item.vertical .description-and-fields .description ul li ul li, .single-page .item.vertical .description-and-fields .description ul li ul li {\n    margin-bottom: 0 !important;\n    list-style-type: none;\n  }\n  /* line 38, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n  .paged .item.vertical .description-and-fields .description ol li, .single-page .item.vertical .description-and-fields .description ol li {\n    list-style-type: lower-alpha;\n  }\n  /* line 118, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.vertical.radio .option, .single-page .item.vertical.radio .option, .paged .item.vertical.check_box .option, .single-page .item.vertical.check_box .option {\n    width: 100%;\n    float: right;\n    margin-right: 0;\n  }\n  /* line 121, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.vertical.radio .option .radiocheckwrapper, .single-page .item.vertical.radio .option .radiocheckwrapper, .paged .item.vertical.check_box .option .radiocheckwrapper, .single-page .item.vertical.check_box .option .radiocheckwrapper {\n    width: 6.77966%;\n    float: left;\n    margin-right: 1.69492%;\n  }\n  /* line 122, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.vertical.radio .option .labelwrapper, .single-page .item.vertical.radio .option .labelwrapper, .paged .item.vertical.check_box .option .labelwrapper, .single-page .item.vertical.check_box .option .labelwrapper {\n    width: 91.52542%;\n    float: right;\n    margin-right: 0;\n  }\n  /* line 125, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.vertical.radio .option.show_values .value, .single-page .item.vertical.radio .option.show_values .value, .paged .item.vertical.check_box .option.show_values .value, .single-page .item.vertical.check_box .option.show_values .value {\n    width: 6.77966%;\n    float: left;\n    margin-right: 1.69492%;\n  }\n  /* line 126, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.vertical.radio .option.show_values .labelwrapper, .single-page .item.vertical.radio .option.show_values .labelwrapper, .paged .item.vertical.check_box .option.show_values .labelwrapper, .single-page .item.vertical.check_box .option.show_values .labelwrapper {\n    width: 83.05085%;\n    float: right;\n    margin-right: 0;\n  }\n  /* line 129, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.vertical.radio .option .subquestions, .single-page .item.vertical.radio .option .subquestions, .paged .item.vertical.check_box .option .subquestions, .single-page .item.vertical.check_box .option .subquestions {\n    margin-left: 5.05051%;\n    width: 91.52542%;\n    float: left;\n    margin-right: 1.69492%;\n  }\n  /* line 133, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.vertical.radio .option .subquestions .item, .single-page .item.vertical.radio .option .subquestions .item, .paged .item.vertical.check_box .option .subquestions .item, .single-page .item.vertical.check_box .option .subquestions .item {\n    width: 91.52542%;\n    float: left;\n    margin-right: 1.69492%;\n  }\n  /* line 135, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.vertical.radio .option .subquestions .item .main, .single-page .item.vertical.radio .option .subquestions .item .main, .paged .item.vertical.check_box .option .subquestions .item .main, .single-page .item.vertical.check_box .option .subquestions .item .main {\n    width: 100%;\n    float: right;\n    margin-right: 0;\n  }\n  /* line 136, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.vertical.radio .option .subquestions .item input, .single-page .item.vertical.radio .option .subquestions .item input, .paged .item.vertical.check_box .option .subquestions .item input, .single-page .item.vertical.check_box .option .subquestions .item input {\n    width: auto;\n  }\n  /* line 139, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.vertical.radio .option .subquestions .radiocheckwrapper, .single-page .item.vertical.radio .option .subquestions .radiocheckwrapper, .paged .item.vertical.check_box .option .subquestions .radiocheckwrapper, .single-page .item.vertical.check_box .option .subquestions .radiocheckwrapper {\n    width: 10px;\n    padding-right: 20px;\n  }\n  /* line 143, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.vertical.radio .option .subquestions .labelwrapper, .single-page .item.vertical.radio .option .subquestions .labelwrapper, .paged .item.vertical.check_box .option .subquestions .labelwrapper, .single-page .item.vertical.check_box .option .subquestions .labelwrapper {\n    width: auto;\n    float: none;\n  }\n  /* line 150, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.vertical.radio .inner-title, .single-page .item.vertical.radio .inner-title, .paged .item.vertical.check_box .inner-title, .single-page .item.vertical.check_box .inner-title {\n    width: 100%;\n    float: right;\n    margin-right: 0;\n  }\n  /* line 155, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.vertical.string input, .single-page .item.vertical.string input, .paged .item.vertical.string textarea, .single-page .item.vertical.string textarea, .paged .item.vertical.textarea input, .single-page .item.vertical.textarea input, .paged .item.vertical.textarea textarea, .single-page .item.vertical.textarea textarea {\n    width: 100%;\n    margin-right: 0;\n  }\n  /* line 156, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.vertical.string .sized, .single-page .item.vertical.string .sized, .paged .item.vertical.textarea .sized, .single-page .item.vertical.textarea .sized {\n    width: auto;\n  }\n  /* line 175, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .progress-bar, .single-page .progress-bar {\n    width: 100%;\n    float: right;\n    margin-right: 0;\n    margin: 1.5em -2em -1.5em;\n    padding: 1.5em 2em;\n  }\n  /* line 181, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .progress-bar .progress-wrapper .progress-slider, .single-page .progress-bar .progress-wrapper .progress-slider {\n    background-position: 0 4px;\n    display: inline-block;\n    zoom: 1;\n  }\n  /* line 184, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .progress-bar .progress-wrapper .progress-slider .progress-stop, .single-page .progress-bar .progress-wrapper .progress-slider .progress-stop {\n    margin: 0 3px;\n    width: 10px;\n    height: 10px;\n  }\n  /* line 189, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .progress-bar .progress-wrapper .progress-slider.long-list, .single-page .progress-bar .progress-wrapper .progress-slider.long-list {\n    display: inline-block;\n    zoom: 1;\n  }\n  /* line 196, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .buttons, .single-page .buttons {\n    width: 100%;\n    float: right;\n    margin-right: 0;\n    margin: 1.5em -2em -1.5em;\n    padding: 1.5em 2em;\n    border-bottom: 0;\n  }\n  /* line 202, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .buttons .back, .single-page .buttons .back {\n    width: 24.24242%;\n    float: left;\n    margin-right: 1.0101%;\n  }\n  /* line 203, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .buttons .prev, .single-page .buttons .prev {\n    width: 24.24242%;\n    float: left;\n    margin-right: 1.0101%;\n  }\n  /* line 204, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .buttons .abort, .single-page .buttons .abort {\n    width: 24.24242%;\n    float: left;\n    margin-right: 1.0101%;\n    text-align: center;\n    display: block;\n  }\n  /* line 205, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .buttons .print, .single-page .buttons .print {\n    width: 100%;\n    float: left;\n    margin-right: 1.0101%;\n    text-align: right;\n  }\n  /* line 206, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .buttons .next, .single-page .buttons .next {\n    width: 24.24242%;\n    float: right;\n    margin-right: 0;\n    text-align: right;\n  }\n  /* line 207, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .buttons .save, .single-page .buttons .save {\n    width: 24.24242%;\n    float: right;\n    margin-right: 0;\n    text-align: right;\n  }\n}\n/* line 41, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel, .single-page .panel {\n  margin-bottom: 2em;\n  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);\n}\n/* line 45, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel h1, .single-page .panel h1 {\n  font-size: 1.5em;\n  font-weight: bold;\n  margin-bottom: 1.2em;\n  z-index: 400;\n}\n/* line 52, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel hr, .single-page .panel hr {\n  height: 8px;\n  border: 0;\n  background: #ddd;\n}\n/* line 54, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .progress-bar, .single-page .panel .progress-bar {\n  height: 25px;\n}\n/* line 56, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .progress-bar .progress-wrapper, .single-page .panel .progress-bar .progress-wrapper {\n  text-align: center;\n}\n/* line 58, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .progress-bar .progress-wrapper .progress-slider, .single-page .panel .progress-bar .progress-wrapper .progress-slider {\n  height: 8px;\n  text-align: center;\n  border: 1px solid #ccc;\n  padding: 0;\n  border-radius: 6px;\n  overflow: hidden;\n  padding: 1px;\n}\n/* line 66, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .progress-bar .progress-wrapper .progress-slider .progress-stop, .single-page .panel .progress-bar .progress-wrapper .progress-slider .progress-stop {\n  height: 8px;\n  line-height: 8px;\n  width: 6px;\n  background: #fff;\n  font-size: 6px;\n  text-indent: -1234em;\n  display: block;\n  float: left;\n  text-align: center;\n  margin: 0;\n}\n/* line 77, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .progress-bar .progress-wrapper .progress-slider .progress-stop.first-child, .single-page .panel .progress-bar .progress-wrapper .progress-slider .progress-stop.first-child {\n  width: 8px;\n  border-radius: 5px 0 0 5px;\n}\n/* line 78, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .progress-bar .progress-wrapper .progress-slider .progress-stop.last-child, .single-page .panel .progress-bar .progress-wrapper .progress-slider .progress-stop.last-child {\n  width: 8px;\n  border-radius: 0 5px 5px 0;\n}\n/* line 79, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .progress-bar .progress-wrapper .progress-slider .progress-stop.active, .single-page .panel .progress-bar .progress-wrapper .progress-slider .progress-stop.active {\n  background: #999;\n}\n/* line 80, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .progress-bar .progress-wrapper .progress-slider .progress-stop.current, .single-page .panel .progress-bar .progress-wrapper .progress-slider .progress-stop.current {\n  border-radius: 0 5px 5px 0;\n}\n/* line 82, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .progress-bar .progress-wrapper .progress-slider .progress-stop.current.first-child, .single-page .panel .progress-bar .progress-wrapper .progress-slider .progress-stop.current.first-child {\n  border-radius: 5px;\n}\n/* line 88, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .progress-bar .progress-wrapper .progress-details, .single-page .panel .progress-bar .progress-wrapper .progress-details {\n  color: #999;\n  font-size: 9px;\n  margin: 4px 0 0 0;\n  display: block;\n}\n/* line 97, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .buttons, .single-page .panel .buttons {\n  border-top: 1px dotted #d6d6d6;\n  background: #f3f3f3;\n}\n/* line 103, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.hidden, .single-page .panel .item.hidden {\n  display: none;\n}\n/* line 105, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.errors, .single-page .panel .item.errors {\n  outline: 1px solid red;\n  padding: 0.4em;\n}\n/* line 108, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.errors .error, .single-page .panel .item.errors .error {\n  background: #ffaaaa;\n  color: #550000;\n  outline: 1px solid red;\n  padding: 0.3em;\n  margin-bottom: 0.3em;\n}\n/* line 117, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item .main, .single-page .panel .item .main {\n  font-weight: bold;\n}\n/* line 119, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item .main em, .single-page .panel .item .main em {\n  font-style: italic;\n}\n/* line 4, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .text h2, .single-page .panel .item .text h2 {\n  font-size: 1.2em;\n  font-weight: bold;\n  border-top: 8px solid #ddd;\n  padding-top: 16px;\n}\n/* line 11, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .text small, .single-page .panel .item .text small {\n  font-size: 80%;\n}\n/* line 12, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .text strong, .single-page .panel .item .text strong {\n  font-style: italic;\n}\n/* line 13, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .text em, .single-page .panel .item .text em {\n  font-weight: bold;\n}\n/* line 15, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .text p, .single-page .panel .item .text p {\n  margin-bottom: 18px;\n}\n/* line 17, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .text ul, .single-page .panel .item .text ul {\n  margin-top: 1em;\n  margin-left: 1em;\n  margin-bottom: 2em;\n}\n/* line 21, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .text ul li, .single-page .panel .item .text ul li {\n  list-style-type: disc;\n  margin-bottom: 1em !important;\n}\n/* line 25, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .text ul li p, .single-page .panel .item .text ul li p {\n  margin-bottom: 0;\n}\n/* line 27, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .text ul li ul, .single-page .panel .item .text ul li ul {\n  margin-bottom: 1em;\n  margin-left: 1.5em;\n}\n/* line 30, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .text ul li ul li, .single-page .panel .item .text ul li ul li {\n  margin-bottom: 0 !important;\n  list-style-type: none;\n}\n/* line 38, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .text ol li, .single-page .panel .item .text ol li {\n  list-style-type: lower-alpha;\n}\n/* line 4, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .description-and-fields .description h2, .single-page .panel .item .description-and-fields .description h2 {\n  font-size: 1.2em;\n  font-weight: bold;\n  border-top: 8px solid #ddd;\n  padding-top: 16px;\n}\n/* line 11, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .description-and-fields .description small, .single-page .panel .item .description-and-fields .description small {\n  font-size: 80%;\n}\n/* line 12, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .description-and-fields .description strong, .single-page .panel .item .description-and-fields .description strong {\n  font-style: italic;\n}\n/* line 13, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .description-and-fields .description em, .single-page .panel .item .description-and-fields .description em {\n  font-weight: bold;\n}\n/* line 15, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .description-and-fields .description p, .single-page .panel .item .description-and-fields .description p {\n  margin-bottom: 18px;\n}\n/* line 17, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .description-and-fields .description ul, .single-page .panel .item .description-and-fields .description ul {\n  margin-top: 1em;\n  margin-left: 1em;\n  margin-bottom: 2em;\n}\n/* line 21, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .description-and-fields .description ul li, .single-page .panel .item .description-and-fields .description ul li {\n  list-style-type: disc;\n  margin-bottom: 1em !important;\n}\n/* line 25, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .description-and-fields .description ul li p, .single-page .panel .item .description-and-fields .description ul li p {\n  margin-bottom: 0;\n}\n/* line 27, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .description-and-fields .description ul li ul, .single-page .panel .item .description-and-fields .description ul li ul {\n  margin-bottom: 1em;\n  margin-left: 1.5em;\n}\n/* line 30, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .description-and-fields .description ul li ul li, .single-page .panel .item .description-and-fields .description ul li ul li {\n  margin-bottom: 0 !important;\n  list-style-type: none;\n}\n/* line 38, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .description-and-fields .description ol li, .single-page .panel .item .description-and-fields .description ol li {\n  list-style-type: lower-alpha;\n}\n/* line 133, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.horizontal .main, .single-page .panel .item.horizontal .main {\n  margin-bottom: 1em;\n}\n/* line 139, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.radio .inner-title, .single-page .panel .item.radio .inner-title, .paged .panel .item.check_box .inner-title, .single-page .panel .item.check_box .inner-title {\n  margin-top: 1.5em;\n  margin-bottom: 1.5em;\n  font-weight: bold;\n}\n/* line 147, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.radio .option .labelwrapper p, .single-page .panel .item.radio .option .labelwrapper p, .paged .panel .item.check_box .option .labelwrapper p, .single-page .panel .item.check_box .option .labelwrapper p {\n  display: inline;\n}\n/* line 151, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.radio .option.show_values .value, .single-page .panel .item.radio .option.show_values .value, .paged .panel .item.check_box .option.show_values .value, .single-page .panel .item.check_box .option.show_values .value {\n  text-align: center;\n}\n/* line 158, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.scale td, .single-page .panel .item.scale td {\n  border: 0;\n  text-align: center;\n}\n/* line 164, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.scale .option.optionwidth1, .single-page .panel .item.scale .option.optionwidth1, .paged .panel .item.scale .description.optionwidth1, .single-page .panel .item.scale .description.optionwidth1 {\n  width: 20%;\n}\n/* line 165, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.scale .option.optionwidth2, .single-page .panel .item.scale .option.optionwidth2, .paged .panel .item.scale .description.optionwidth2, .single-page .panel .item.scale .description.optionwidth2 {\n  width: 20%;\n}\n/* line 166, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.scale .option.optionwidth3, .single-page .panel .item.scale .option.optionwidth3, .paged .panel .item.scale .description.optionwidth3, .single-page .panel .item.scale .description.optionwidth3 {\n  width: 20%;\n}\n/* line 167, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.scale .option.optionwidth4, .single-page .panel .item.scale .option.optionwidth4, .paged .panel .item.scale .description.optionwidth4, .single-page .panel .item.scale .description.optionwidth4 {\n  width: 20%;\n}\n/* line 168, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.scale .option.optionwidth5, .single-page .panel .item.scale .option.optionwidth5, .paged .panel .item.scale .description.optionwidth5, .single-page .panel .item.scale .description.optionwidth5 {\n  width: 20%;\n}\n/* line 169, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.scale .option.optionwidth6, .single-page .panel .item.scale .option.optionwidth6, .paged .panel .item.scale .description.optionwidth6, .single-page .panel .item.scale .description.optionwidth6 {\n  width: 16.66667%;\n}\n/* line 170, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.scale .option.optionwidth7, .single-page .panel .item.scale .option.optionwidth7, .paged .panel .item.scale .description.optionwidth7, .single-page .panel .item.scale .description.optionwidth7 {\n  width: 14.28571%;\n}\n/* line 171, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.scale .option.optionwidth8, .single-page .panel .item.scale .option.optionwidth8, .paged .panel .item.scale .description.optionwidth8, .single-page .panel .item.scale .description.optionwidth8 {\n  width: 12.5%;\n}\n/* line 172, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.scale .option.optionwidth9, .single-page .panel .item.scale .option.optionwidth9, .paged .panel .item.scale .description.optionwidth9, .single-page .panel .item.scale .description.optionwidth9 {\n  width: 11.11111%;\n}\n/* line 173, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.scale .option.optionwidth10, .single-page .panel .item.scale .option.optionwidth10, .paged .panel .item.scale .description.optionwidth10, .single-page .panel .item.scale .description.optionwidth10 {\n  width: 10%;\n}\n/* line 174, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.scale .option.optionwidth11, .single-page .panel .item.scale .option.optionwidth11, .paged .panel .item.scale .description.optionwidth11, .single-page .panel .item.scale .description.optionwidth11 {\n  width: 9.09091%;\n}\n/* line 175, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.scale .option.optionwidth12, .single-page .panel .item.scale .option.optionwidth12, .paged .panel .item.scale .description.optionwidth12, .single-page .panel .item.scale .description.optionwidth12 {\n  width: 8.33333%;\n}\n\n/* line 4, /home/marten/rgoc/quby/app/assets/stylesheets/quby/single_page/layout.scss */\n.single-page .hidden {\n  display: none;\n}\n/* line 6, /home/marten/rgoc/quby/app/assets/stylesheets/quby/single_page/layout.scss */\n.single-page .panel.noVisibleQuestions {\n  display: none;\n}\n/* line 10, /home/marten/rgoc/quby/app/assets/stylesheets/quby/single_page/layout.scss */\n.single-page .item.hide {\n  margin: 0 !important;\n  outline: none !important;\n}\n/* line 15, /home/marten/rgoc/quby/app/assets/stylesheets/quby/single_page/layout.scss */\n.single-page .item.hide > * {\n  display: none !important;\n}\n';
   const Quby = (props) => {
     var _a;
     const questionnaire = new Questionnaire(props.questionnaireJson);
-    const [response, _2] = React$1.useState(() => {
+    const [response, _2] = React__namespace.default.useState(() => {
       return new Response(questionnaire, convertDefaultAndValidateResponseJson(props.responseJson, questionnaire));
     });
-    const leavePageNag = React$1.useRef(null);
+    const leavePageNag = React__namespace.default.useRef(null);
     const newLayout = props.newLayout ?? questionnaire.layoutVersion === "v2";
     const darkMode = props.darkMode === void 0 ? (_a = window.matchMedia("(prefers-color-scheme: dark)")) == null ? void 0 : _a.matches : props.darkMode;
     const displayOptions = {
@@ -18996,7 +19019,7 @@ var __privateAdd = (obj, member, value) => {
       callback(response);
     } : void 0;
     instance.changeLanguage(props.questionnaireJson.language);
-    React$1.useEffect(() => {
+    React__namespace.default.useEffect(() => {
       if (props.unsavedResponseWarning) {
         leavePageNag.current = (e2) => {
           if (response.valueHasChanged()) {
@@ -19011,7 +19034,7 @@ var __privateAdd = (obj, member, value) => {
         };
       }
     }, [props.unsavedResponseWarning]);
-    return /* @__PURE__ */ jsxRuntime.jsxs(root.qubyRoot, { children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(root__default.default.qubyRoot, { children: [
       /* @__PURE__ */ jsxRuntime.jsx("style", { children: newLayout ? styles : oldStyles }),
       /* @__PURE__ */ jsxRuntime.jsx(
         AnswerPage,