@roqua/quby-frontend 0.12.4 → 0.12.5

package/dist/quby-frontend.es.js

@@ -10,7 +10,6 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
 var _flatOptions;
 import * as React from "react";
 import React__default, { createContext, useContext, useState, useRef, useEffect, createElement, memo } from "react";
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import root from "react-shadow";
 const consoleLogger = {
   type: "logger",
@@ -8100,11 +8099,11 @@ function requireLodash() {
         }
         function baseFill(array, value, start, end) {
           var length = array.length;
-          start = toInteger(start);
+          start = toInteger2(start);
           if (start < 0) {
             start = -start > length ? 0 : length + start;
           }
-          end = end === undefined$1 || end > length ? length : toInteger(end);
+          end = end === undefined$1 || end > length ? length : toInteger2(end);
           if (end < 0) {
             end += length;
           }
@@ -9290,7 +9289,7 @@ function requireLodash() {
           var func = Math2[methodName];
           return function(number, precision) {
             number = toNumber(number);
-            precision = precision == null ? 0 : nativeMin(toInteger(precision), 292);
+            precision = precision == null ? 0 : nativeMin(toInteger2(precision), 292);
             if (precision && nativeIsFinite(number)) {
               var pair = (toString(number) + "e").split("e"), value = func(pair[0] + "e" + (+pair[1] + precision));
               pair = (toString(value) + "e").split("e");
@@ -9324,8 +9323,8 @@ function requireLodash() {
             bitmask &= -97;
             partials = holders = undefined$1;
           }
-          ary2 = ary2 === undefined$1 ? ary2 : nativeMax(toInteger(ary2), 0);
-          arity = arity === undefined$1 ? arity : toInteger(arity);
+          ary2 = ary2 === undefined$1 ? ary2 : nativeMax(toInteger2(ary2), 0);
+          arity = arity === undefined$1 ? arity : toInteger2(arity);
           length -= holders ? holders.length : 0;
           if (bitmask & WRAP_PARTIAL_RIGHT_FLAG) {
             var partialsRight = partials, holdersRight = holders;
@@ -9958,7 +9957,7 @@ function requireLodash() {
           if (guard ? isIterateeCall(array, size2, guard) : size2 === undefined$1) {
             size2 = 1;
           } else {
-            size2 = nativeMax(toInteger(size2), 0);
+            size2 = nativeMax(toInteger2(size2), 0);
           }
           var length = array == null ? 0 : array.length;
           if (!length || size2 < 1) {
@@ -10013,7 +10012,7 @@ function requireLodash() {
           if (!length) {
             return [];
           }
-          n2 = guard || n2 === undefined$1 ? 1 : toInteger(n2);
+          n2 = guard || n2 === undefined$1 ? 1 : toInteger2(n2);
           return baseSlice(array, n2 < 0 ? 0 : n2, length);
         }
         function dropRight(array, n2, guard) {
@@ -10021,7 +10020,7 @@ function requireLodash() {
           if (!length) {
             return [];
           }
-          n2 = guard || n2 === undefined$1 ? 1 : toInteger(n2);
+          n2 = guard || n2 === undefined$1 ? 1 : toInteger2(n2);
           n2 = length - n2;
           return baseSlice(array, 0, n2 < 0 ? 0 : n2);
         }
@@ -10047,7 +10046,7 @@ function requireLodash() {
           if (!length) {
             return -1;
           }
-          var index = fromIndex == null ? 0 : toInteger(fromIndex);
+          var index = fromIndex == null ? 0 : toInteger2(fromIndex);
           if (index < 0) {
             index = nativeMax(length + index, 0);
           }
@@ -10060,7 +10059,7 @@ function requireLodash() {
           }
           var index = length - 1;
           if (fromIndex !== undefined$1) {
-            index = toInteger(fromIndex);
+            index = toInteger2(fromIndex);
             index = fromIndex < 0 ? nativeMax(length + index, 0) : nativeMin(index, length - 1);
           }
           return baseFindIndex(array, getIteratee(predicate, 3), index, true);
@@ -10078,7 +10077,7 @@ function requireLodash() {
           if (!length) {
             return [];
           }
-          depth = depth === undefined$1 ? 1 : toInteger(depth);
+          depth = depth === undefined$1 ? 1 : toInteger2(depth);
           return baseFlatten(array, depth);
         }
         function fromPairs(pairs) {
@@ -10097,7 +10096,7 @@ function requireLodash() {
           if (!length) {
             return -1;
           }
-          var index = fromIndex == null ? 0 : toInteger(fromIndex);
+          var index = fromIndex == null ? 0 : toInteger2(fromIndex);
           if (index < 0) {
             index = nativeMax(length + index, 0);
           }
@@ -10142,13 +10141,13 @@ function requireLodash() {
           }
           var index = length;
           if (fromIndex !== undefined$1) {
-            index = toInteger(fromIndex);
+            index = toInteger2(fromIndex);
             index = index < 0 ? nativeMax(length + index, 0) : nativeMin(index, length - 1);
           }
           return value === value ? strictLastIndexOf(array, value, index) : baseFindIndex(array, baseIsNaN, index, true);
         }
         function nth(array, n2) {
-          return array && array.length ? baseNth(array, toInteger(n2)) : undefined$1;
+          return array && array.length ? baseNth(array, toInteger2(n2)) : undefined$1;
         }
         var pull = baseRest(pullAll);
         function pullAll(array, values2) {
@@ -10196,8 +10195,8 @@ function requireLodash() {
             start = 0;
             end = length;
           } else {
-            start = start == null ? 0 : toInteger(start);
-            end = end === undefined$1 ? length : toInteger(end);
+            start = start == null ? 0 : toInteger2(start);
+            end = end === undefined$1 ? length : toInteger2(end);
           }
           return baseSlice(array, start, end);
         }
@@ -10247,7 +10246,7 @@ function requireLodash() {
           if (!(array && array.length)) {
             return [];
           }
-          n2 = guard || n2 === undefined$1 ? 1 : toInteger(n2);
+          n2 = guard || n2 === undefined$1 ? 1 : toInteger2(n2);
           return baseSlice(array, 0, n2 < 0 ? 0 : n2);
         }
         function takeRight(array, n2, guard) {
@@ -10255,7 +10254,7 @@ function requireLodash() {
           if (!length) {
             return [];
           }
-          n2 = guard || n2 === undefined$1 ? 1 : toInteger(n2);
+          n2 = guard || n2 === undefined$1 ? 1 : toInteger2(n2);
           n2 = length - n2;
           return baseSlice(array, n2 < 0 ? 0 : n2, length);
         }
@@ -10459,7 +10458,7 @@ function requireLodash() {
           return baseFlatten(map(collection, iteratee2), INFINITY);
         }
         function flatMapDepth(collection, iteratee2, depth) {
-          depth = depth === undefined$1 ? 1 : toInteger(depth);
+          depth = depth === undefined$1 ? 1 : toInteger2(depth);
           return baseFlatten(map(collection, iteratee2), depth);
         }
         function forEach(collection, iteratee2) {
@@ -10479,7 +10478,7 @@ function requireLodash() {
         });
         function includes(collection, value, fromIndex, guard) {
           collection = isArrayLike(collection) ? collection : values(collection);
-          fromIndex = fromIndex && !guard ? toInteger(fromIndex) : 0;
+          fromIndex = fromIndex && !guard ? toInteger2(fromIndex) : 0;
           var length = collection.length;
           if (fromIndex < 0) {
             fromIndex = nativeMax(length + fromIndex, 0);
@@ -10538,7 +10537,7 @@ function requireLodash() {
           if (guard ? isIterateeCall(collection, n2, guard) : n2 === undefined$1) {
             n2 = 1;
           } else {
-            n2 = toInteger(n2);
+            n2 = toInteger2(n2);
           }
           var func = isArray(collection) ? arraySampleSize : baseSampleSize;
           return func(collection, n2);
@@ -10586,7 +10585,7 @@ function requireLodash() {
           if (typeof func != "function") {
             throw new TypeError2(FUNC_ERROR_TEXT);
           }
-          n2 = toInteger(n2);
+          n2 = toInteger2(n2);
           return function() {
             if (--n2 < 1) {
               return func.apply(this, arguments);
@@ -10603,7 +10602,7 @@ function requireLodash() {
           if (typeof func != "function") {
             throw new TypeError2(FUNC_ERROR_TEXT);
           }
-          n2 = toInteger(n2);
+          n2 = toInteger2(n2);
           return function() {
             if (--n2 > 0) {
               result2 = func.apply(this, arguments);
@@ -10797,14 +10796,14 @@ function requireLodash() {
           if (typeof func != "function") {
             throw new TypeError2(FUNC_ERROR_TEXT);
           }
-          start = start === undefined$1 ? start : toInteger(start);
+          start = start === undefined$1 ? start : toInteger2(start);
           return baseRest(func, start);
         }
         function spread(func, start) {
           if (typeof func != "function") {
             throw new TypeError2(FUNC_ERROR_TEXT);
           }
-          start = start == null ? 0 : nativeMax(toInteger(start), 0);
+          start = start == null ? 0 : nativeMax(toInteger2(start), 0);
           return baseRest(function(args) {
             var array = args[start], otherArgs = castSlice(args, 0, start);
             if (array) {
@@ -10933,7 +10932,7 @@ function requireLodash() {
           return tag == funcTag || tag == genTag || tag == asyncTag || tag == proxyTag;
         }
         function isInteger(value) {
-          return typeof value == "number" && value == toInteger(value);
+          return typeof value == "number" && value == toInteger2(value);
         }
         function isLength(value) {
           return typeof value == "number" && value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER;
@@ -11031,12 +11030,12 @@ function requireLodash() {
           }
           return value === value ? value : 0;
         }
-        function toInteger(value) {
+        function toInteger2(value) {
           var result2 = toFinite(value), remainder = result2 % 1;
           return result2 === result2 ? remainder ? result2 - remainder : result2 : 0;
         }
         function toLength(value) {
-          return value ? baseClamp(toInteger(value), 0, MAX_ARRAY_LENGTH) : 0;
+          return value ? baseClamp(toInteger2(value), 0, MAX_ARRAY_LENGTH) : 0;
         }
         function toNumber(value) {
           if (typeof value == "number") {
@@ -11060,7 +11059,7 @@ function requireLodash() {
           return copyObject(value, keysIn(value));
         }
         function toSafeInteger(value) {
-          return value ? baseClamp(toInteger(value), -MAX_SAFE_INTEGER, MAX_SAFE_INTEGER) : value === 0 ? value : 0;
+          return value ? baseClamp(toInteger2(value), -MAX_SAFE_INTEGER, MAX_SAFE_INTEGER) : value === 0 ? value : 0;
         }
         function toString(value) {
           return value == null ? "" : baseToString(value);
@@ -11372,7 +11371,7 @@ function requireLodash() {
           string = toString(string);
           target = baseToString(target);
           var length = string.length;
-          position = position === undefined$1 ? length : baseClamp(toInteger(position), 0, length);
+          position = position === undefined$1 ? length : baseClamp(toInteger2(position), 0, length);
           var end = position;
           position -= target.length;
           return position >= 0 && string.slice(position, end) == target;
@@ -11394,7 +11393,7 @@ function requireLodash() {
         var lowerFirst = createCaseFirst("toLowerCase");
         function pad(string, length, chars2) {
           string = toString(string);
-          length = toInteger(length);
+          length = toInteger2(length);
           var strLength = length ? stringSize(string) : 0;
           if (!length || strLength >= length) {
             return string;
@@ -11404,13 +11403,13 @@ function requireLodash() {
         }
         function padEnd(string, length, chars2) {
           string = toString(string);
-          length = toInteger(length);
+          length = toInteger2(length);
           var strLength = length ? stringSize(string) : 0;
           return length && strLength < length ? string + createPadding(length - strLength, chars2) : string;
         }
         function padStart(string, length, chars2) {
           string = toString(string);
-          length = toInteger(length);
+          length = toInteger2(length);
           var strLength = length ? stringSize(string) : 0;
           return length && strLength < length ? createPadding(length - strLength, chars2) + string : string;
         }
@@ -11426,7 +11425,7 @@ function requireLodash() {
           if (guard ? isIterateeCall(string, n2, guard) : n2 === undefined$1) {
             n2 = 1;
           } else {
-            n2 = toInteger(n2);
+            n2 = toInteger2(n2);
           }
           return baseRepeat(toString(string), n2);
         }
@@ -11459,7 +11458,7 @@ function requireLodash() {
         });
         function startsWith(string, target, position) {
           string = toString(string);
-          position = position == null ? 0 : baseClamp(toInteger(position), 0, string.length);
+          position = position == null ? 0 : baseClamp(toInteger2(position), 0, string.length);
           target = baseToString(target);
           return string.slice(position, position + target.length) == target;
         }
@@ -11555,7 +11554,7 @@ function requireLodash() {
           var length = DEFAULT_TRUNC_LENGTH, omission = DEFAULT_TRUNC_OMISSION;
           if (isObject(options)) {
             var separator = "separator" in options ? options.separator : separator;
-            length = "length" in options ? toInteger(options.length) : length;
+            length = "length" in options ? toInteger2(options.length) : length;
             omission = "omission" in options ? baseToString(options.omission) : omission;
           }
           string = toString(string);
@@ -11717,7 +11716,7 @@ function requireLodash() {
         function noop2() {
         }
         function nthArg(n2) {
-          n2 = toInteger(n2);
+          n2 = toInteger2(n2);
           return baseRest(function(args) {
             return baseNth(args, n2);
           });
@@ -11751,7 +11750,7 @@ function requireLodash() {
           return true;
         }
         function times(n2, iteratee2) {
-          n2 = toInteger(n2);
+          n2 = toInteger2(n2);
           if (n2 < 1 || n2 > MAX_SAFE_INTEGER) {
             return [];
           }
@@ -12101,7 +12100,7 @@ function requireLodash() {
         lodash2.template = template;
         lodash2.times = times;
         lodash2.toFinite = toFinite;
-        lodash2.toInteger = toInteger;
+        lodash2.toInteger = toInteger2;
         lodash2.toLength = toLength;
         lodash2.toLower = toLower;
         lodash2.toNumber = toNumber;
@@ -12134,7 +12133,7 @@ function requireLodash() {
         });
         arrayEach(["drop", "take"], function(methodName, index) {
           LazyWrapper.prototype[methodName] = function(n2) {
-            n2 = n2 === undefined$1 ? 1 : nativeMax(toInteger(n2), 0);
+            n2 = n2 === undefined$1 ? 1 : nativeMax(toInteger2(n2), 0);
             var result2 = this.__filtered__ && !index ? new LazyWrapper(this) : this.clone();
             if (result2.__filtered__) {
               result2.__takeCount__ = nativeMin(n2, result2.__takeCount__);
@@ -12195,7 +12194,7 @@ function requireLodash() {
           return this.filter(negate(getIteratee(predicate)));
         };
         LazyWrapper.prototype.slice = function(start, end) {
-          start = toInteger(start);
+          start = toInteger2(start);
           var result2 = this;
           if (result2.__filtered__ && (start > 0 || end < 0)) {
             return new LazyWrapper(result2);
@@ -12206,7 +12205,7 @@ function requireLodash() {
             result2 = result2.drop(start);
           }
           if (end !== undefined$1) {
-            end = toInteger(end);
+            end = toInteger2(end);
             result2 = end < 0 ? result2.dropRight(-end) : result2.take(end - start);
           }
           return result2;
@@ -12663,6 +12662,198 @@ function isExists(year, month, day) {
   var date = new Date(year, month, day);
   return date.getFullYear() === year && date.getMonth() === month && date.getDate() === day;
 }
+var millisecondsInMinute = 6e4;
+var millisecondsInHour = 36e5;
+function requiredArgs(required, args) {
+  if (args.length < required) {
+    throw new TypeError(required + " argument required, but only " + args.length + " present");
+  }
+}
+function toInteger(dirtyNumber) {
+  if (dirtyNumber === null || dirtyNumber === true || dirtyNumber === false) {
+    return NaN;
+  }
+  var number = Number(dirtyNumber);
+  if (isNaN(number)) {
+    return number;
+  }
+  return number < 0 ? Math.ceil(number) : Math.floor(number);
+}
+function parseISO(argument, options) {
+  var _options$additionalDi;
+  requiredArgs(1, arguments);
+  var additionalDigits = toInteger((_options$additionalDi = void 0) !== null && _options$additionalDi !== void 0 ? _options$additionalDi : 2);
+  if (additionalDigits !== 2 && additionalDigits !== 1 && additionalDigits !== 0) {
+    throw new RangeError("additionalDigits must be 0, 1 or 2");
+  }
+  if (!(typeof argument === "string" || Object.prototype.toString.call(argument) === "[object String]")) {
+    return /* @__PURE__ */ new Date(NaN);
+  }
+  var dateStrings = splitDateString(argument);
+  var date;
+  if (dateStrings.date) {
+    var parseYearResult = parseYear(dateStrings.date, additionalDigits);
+    date = parseDate(parseYearResult.restDateString, parseYearResult.year);
+  }
+  if (!date || isNaN(date.getTime())) {
+    return /* @__PURE__ */ new Date(NaN);
+  }
+  var timestamp = date.getTime();
+  var time = 0;
+  var offset;
+  if (dateStrings.time) {
+    time = parseTime(dateStrings.time);
+    if (isNaN(time)) {
+      return /* @__PURE__ */ new Date(NaN);
+    }
+  }
+  if (dateStrings.timezone) {
+    offset = parseTimezone(dateStrings.timezone);
+    if (isNaN(offset)) {
+      return /* @__PURE__ */ new Date(NaN);
+    }
+  } else {
+    var dirtyDate = new Date(timestamp + time);
+    var result = /* @__PURE__ */ new Date(0);
+    result.setFullYear(dirtyDate.getUTCFullYear(), dirtyDate.getUTCMonth(), dirtyDate.getUTCDate());
+    result.setHours(dirtyDate.getUTCHours(), dirtyDate.getUTCMinutes(), dirtyDate.getUTCSeconds(), dirtyDate.getUTCMilliseconds());
+    return result;
+  }
+  return new Date(timestamp + time + offset);
+}
+var patterns = {
+  dateTimeDelimiter: /[T ]/,
+  timeZoneDelimiter: /[Z ]/i,
+  timezone: /([Z+-].*)$/
+};
+var dateRegex = /^-?(?:(\d{3})|(\d{2})(?:-?(\d{2}))?|W(\d{2})(?:-?(\d{1}))?|)$/;
+var timeRegex = /^(\d{2}(?:[.,]\d*)?)(?::?(\d{2}(?:[.,]\d*)?))?(?::?(\d{2}(?:[.,]\d*)?))?$/;
+var timezoneRegex = /^([+-])(\d{2})(?::?(\d{2}))?$/;
+function splitDateString(dateString) {
+  var dateStrings = {};
+  var array = dateString.split(patterns.dateTimeDelimiter);
+  var timeString;
+  if (array.length > 2) {
+    return dateStrings;
+  }
+  if (/:/.test(array[0])) {
+    timeString = array[0];
+  } else {
+    dateStrings.date = array[0];
+    timeString = array[1];
+    if (patterns.timeZoneDelimiter.test(dateStrings.date)) {
+      dateStrings.date = dateString.split(patterns.timeZoneDelimiter)[0];
+      timeString = dateString.substr(dateStrings.date.length, dateString.length);
+    }
+  }
+  if (timeString) {
+    var token = patterns.timezone.exec(timeString);
+    if (token) {
+      dateStrings.time = timeString.replace(token[1], "");
+      dateStrings.timezone = token[1];
+    } else {
+      dateStrings.time = timeString;
+    }
+  }
+  return dateStrings;
+}
+function parseYear(dateString, additionalDigits) {
+  var regex = new RegExp("^(?:(\\d{4}|[+-]\\d{" + (4 + additionalDigits) + "})|(\\d{2}|[+-]\\d{" + (2 + additionalDigits) + "})$)");
+  var captures = dateString.match(regex);
+  if (!captures) return {
+    year: NaN,
+    restDateString: ""
+  };
+  var year = captures[1] ? parseInt(captures[1]) : null;
+  var century = captures[2] ? parseInt(captures[2]) : null;
+  return {
+    year: century === null ? year : century * 100,
+    restDateString: dateString.slice((captures[1] || captures[2]).length)
+  };
+}
+function parseDate(dateString, year) {
+  if (year === null) return /* @__PURE__ */ new Date(NaN);
+  var captures = dateString.match(dateRegex);
+  if (!captures) return /* @__PURE__ */ new Date(NaN);
+  var isWeekDate = !!captures[4];
+  var dayOfYear = parseDateUnit(captures[1]);
+  var month = parseDateUnit(captures[2]) - 1;
+  var day = parseDateUnit(captures[3]);
+  var week = parseDateUnit(captures[4]);
+  var dayOfWeek = parseDateUnit(captures[5]) - 1;
+  if (isWeekDate) {
+    if (!validateWeekDate(year, week, dayOfWeek)) {
+      return /* @__PURE__ */ new Date(NaN);
+    }
+    return dayOfISOWeekYear(year, week, dayOfWeek);
+  } else {
+    var date = /* @__PURE__ */ new Date(0);
+    if (!validateDate(year, month, day) || !validateDayOfYearDate(year, dayOfYear)) {
+      return /* @__PURE__ */ new Date(NaN);
+    }
+    date.setUTCFullYear(year, month, Math.max(dayOfYear, day));
+    return date;
+  }
+}
+function parseDateUnit(value) {
+  return value ? parseInt(value) : 1;
+}
+function parseTime(timeString) {
+  var captures = timeString.match(timeRegex);
+  if (!captures) return NaN;
+  var hours = parseTimeUnit(captures[1]);
+  var minutes = parseTimeUnit(captures[2]);
+  var seconds = parseTimeUnit(captures[3]);
+  if (!validateTime(hours, minutes, seconds)) {
+    return NaN;
+  }
+  return hours * millisecondsInHour + minutes * millisecondsInMinute + seconds * 1e3;
+}
+function parseTimeUnit(value) {
+  return value && parseFloat(value.replace(",", ".")) || 0;
+}
+function parseTimezone(timezoneString) {
+  if (timezoneString === "Z") return 0;
+  var captures = timezoneString.match(timezoneRegex);
+  if (!captures) return 0;
+  var sign = captures[1] === "+" ? -1 : 1;
+  var hours = parseInt(captures[2]);
+  var minutes = captures[3] && parseInt(captures[3]) || 0;
+  if (!validateTimezone(hours, minutes)) {
+    return NaN;
+  }
+  return sign * (hours * millisecondsInHour + minutes * millisecondsInMinute);
+}
+function dayOfISOWeekYear(isoWeekYear, week, day) {
+  var date = /* @__PURE__ */ new Date(0);
+  date.setUTCFullYear(isoWeekYear, 0, 4);
+  var fourthOfJanuaryDay = date.getUTCDay() || 7;
+  var diff = (week - 1) * 7 + day + 1 - fourthOfJanuaryDay;
+  date.setUTCDate(date.getUTCDate() + diff);
+  return date;
+}
+var daysInMonths = [31, null, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
+function isLeapYearIndex(year) {
+  return year % 400 === 0 || year % 4 === 0 && year % 100 !== 0;
+}
+function validateDate(year, month, date) {
+  return month >= 0 && month <= 11 && date >= 1 && date <= (daysInMonths[month] || (isLeapYearIndex(year) ? 29 : 28));
+}
+function validateDayOfYearDate(year, dayOfYear) {
+  return dayOfYear >= 1 && dayOfYear <= (isLeapYearIndex(year) ? 366 : 365);
+}
+function validateWeekDate(_year, week, day) {
+  return week >= 1 && week <= 53 && day >= 0 && day <= 6;
+}
+function validateTime(hours, minutes, seconds) {
+  if (hours === 24) {
+    return minutes === 0 && seconds === 0;
+  }
+  return seconds >= 0 && seconds < 60 && minutes >= 0 && minutes < 60 && hours >= 0 && hours < 25;
+}
+function validateTimezone(_hours, minutes) {
+  return minutes >= 0 && minutes <= 59;
+}
 const ignorableErrors = [
   "requires_answer",
   "minimum_checked_required",
@@ -12837,7 +13028,7 @@ class MinimumValidator extends BaseValidator {
   validate(response) {
     const validationState = response.getValidationFieldState(this.config.fieldKey);
     if (!isPresentNumber(validationState.value)) return;
-    if (parseFloat(validationState.value) < this.config.value) {
+    if (validationState.value < this.config.value) {
       validationState.addError({ type: this.config.type, message: this.config.explanation || { t: "minimum", value: this.config.value.toString() } });
     }
   }
@@ -12846,7 +13037,7 @@ class MaximumValidator extends BaseValidator {
   validate(response) {
     const validationState = response.getValidationFieldState(this.config.fieldKey);
     if (!isPresentNumber(validationState.value)) return;
-    if (parseFloat(validationState.value) > this.config.value) {
+    if (validationState.value > this.config.value) {
       validationState.addError({ type: this.config.type, message: this.config.explanation || { t: "maximum", value: this.config.value.toString() } });
     }
   }
@@ -12856,7 +13047,8 @@ class MinimumDateValidator extends BaseValidator {
     const validationState = response.getValidationFieldState(this.config.fieldKey);
     if (!isPresentStringMap(validationState.value)) return;
     const values = dateValuesWithDefaults(validationState.value);
-    if (values && new Date(values.year, values.month, values.hour) < new Date(this.config.value)) {
+    const minimumDate = parseISO(this.config.value);
+    if (values && new Date(values.year, values.month, values.day, values.hour, values.minute) < minimumDate) {
       validationState.addError({ type: this.config.type, message: { t: "minimum_date", friendly_date: this.config.value } });
     }
   }
@@ -12866,7 +13058,8 @@ class MaximumDateValidator extends BaseValidator {
     const validationState = response.getValidationFieldState(this.config.fieldKey);
     if (!isPresentStringMap(validationState.value)) return;
     const values = dateValuesWithDefaults(validationState.value);
-    if (values && new Date(values.year, values.month, values.hour) > new Date(this.config.value)) {
+    const maximumDate = parseISO(this.config.value);
+    if (values && new Date(values.year, values.month, values.day, values.hour, values.minute) > maximumDate) {
       validationState.addError({ type: this.config.type, message: { t: "maximum_date", friendly_date: this.config.value } });
     }
   }
@@ -12974,7 +13167,7 @@ class Response {
   // returns values with hidden and disabled values nulled.
   cleanValues() {
     const validKeys = Object.keys(this.values).filter(
-      (key) => this.values[key] && this.isVisible(key) && !this.isDisabled(key)
+      (key) => presenceValue(this.values[key]) != null && this.isVisible(key) && !this.isDisabled(key)
     );
     return lodashExports.pick(this.values, validKeys);
   }
@@ -13433,6 +13626,327 @@ const parseMultiSelectAnswer = (answer, question) => {
   });
   return answerSet;
 };
+var jsxRuntime = { exports: {} };
+var reactJsxRuntime_production = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var hasRequiredReactJsxRuntime_production;
+function requireReactJsxRuntime_production() {
+  if (hasRequiredReactJsxRuntime_production) return reactJsxRuntime_production;
+  hasRequiredReactJsxRuntime_production = 1;
+  var REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_FRAGMENT_TYPE = Symbol.for("react.fragment");
+  function jsxProd(type, config, maybeKey) {
+    var key = null;
+    void 0 !== maybeKey && (key = "" + maybeKey);
+    void 0 !== config.key && (key = "" + config.key);
+    if ("key" in config) {
+      maybeKey = {};
+      for (var propName in config)
+        "key" !== propName && (maybeKey[propName] = config[propName]);
+    } else maybeKey = config;
+    config = maybeKey.ref;
+    return {
+      $$typeof: REACT_ELEMENT_TYPE,
+      type,
+      key,
+      ref: void 0 !== config ? config : null,
+      props: maybeKey
+    };
+  }
+  reactJsxRuntime_production.Fragment = REACT_FRAGMENT_TYPE;
+  reactJsxRuntime_production.jsx = jsxProd;
+  reactJsxRuntime_production.jsxs = jsxProd;
+  return reactJsxRuntime_production;
+}
+var reactJsxRuntime_development = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var hasRequiredReactJsxRuntime_development;
+function requireReactJsxRuntime_development() {
+  if (hasRequiredReactJsxRuntime_development) return reactJsxRuntime_development;
+  hasRequiredReactJsxRuntime_development = 1;
+  "production" !== process.env.NODE_ENV && (function() {
+    function getComponentNameFromType(type) {
+      if (null == type) return null;
+      if ("function" === typeof type)
+        return type.$$typeof === REACT_CLIENT_REFERENCE ? null : type.displayName || type.name || null;
+      if ("string" === typeof type) return type;
+      switch (type) {
+        case REACT_FRAGMENT_TYPE:
+          return "Fragment";
+        case REACT_PROFILER_TYPE:
+          return "Profiler";
+        case REACT_STRICT_MODE_TYPE:
+          return "StrictMode";
+        case REACT_SUSPENSE_TYPE:
+          return "Suspense";
+        case REACT_SUSPENSE_LIST_TYPE:
+          return "SuspenseList";
+        case REACT_ACTIVITY_TYPE:
+          return "Activity";
+      }
+      if ("object" === typeof type)
+        switch ("number" === typeof type.tag && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), type.$$typeof) {
+          case REACT_PORTAL_TYPE:
+            return "Portal";
+          case REACT_CONTEXT_TYPE:
+            return (type.displayName || "Context") + ".Provider";
+          case REACT_CONSUMER_TYPE:
+            return (type._context.displayName || "Context") + ".Consumer";
+          case REACT_FORWARD_REF_TYPE:
+            var innerType = type.render;
+            type = type.displayName;
+            type || (type = innerType.displayName || innerType.name || "", type = "" !== type ? "ForwardRef(" + type + ")" : "ForwardRef");
+            return type;
+          case REACT_MEMO_TYPE:
+            return innerType = type.displayName || null, null !== innerType ? innerType : getComponentNameFromType(type.type) || "Memo";
+          case REACT_LAZY_TYPE:
+            innerType = type._payload;
+            type = type._init;
+            try {
+              return getComponentNameFromType(type(innerType));
+            } catch (x2) {
+            }
+        }
+      return null;
+    }
+    function testStringCoercion(value) {
+      return "" + value;
+    }
+    function checkKeyStringCoercion(value) {
+      try {
+        testStringCoercion(value);
+        var JSCompiler_inline_result = false;
+      } catch (e2) {
+        JSCompiler_inline_result = true;
+      }
+      if (JSCompiler_inline_result) {
+        JSCompiler_inline_result = console;
+        var JSCompiler_temp_const = JSCompiler_inline_result.error;
+        var JSCompiler_inline_result$jscomp$0 = "function" === typeof Symbol && Symbol.toStringTag && value[Symbol.toStringTag] || value.constructor.name || "Object";
+        JSCompiler_temp_const.call(
+          JSCompiler_inline_result,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          JSCompiler_inline_result$jscomp$0
+        );
+        return testStringCoercion(value);
+      }
+    }
+    function getTaskName(type) {
+      if (type === REACT_FRAGMENT_TYPE) return "<>";
+      if ("object" === typeof type && null !== type && type.$$typeof === REACT_LAZY_TYPE)
+        return "<...>";
+      try {
+        var name = getComponentNameFromType(type);
+        return name ? "<" + name + ">" : "<...>";
+      } catch (x2) {
+        return "<...>";
+      }
+    }
+    function getOwner() {
+      var dispatcher = ReactSharedInternals.A;
+      return null === dispatcher ? null : dispatcher.getOwner();
+    }
+    function UnknownOwner() {
+      return Error("react-stack-top-frame");
+    }
+    function hasValidKey(config) {
+      if (hasOwnProperty.call(config, "key")) {
+        var getter = Object.getOwnPropertyDescriptor(config, "key").get;
+        if (getter && getter.isReactWarning) return false;
+      }
+      return void 0 !== config.key;
+    }
+    function defineKeyPropWarningGetter(props, displayName) {
+      function warnAboutAccessingKey() {
+        specialPropKeyWarningShown || (specialPropKeyWarningShown = true, console.error(
+          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+          displayName
+        ));
+      }
+      warnAboutAccessingKey.isReactWarning = true;
+      Object.defineProperty(props, "key", {
+        get: warnAboutAccessingKey,
+        configurable: true
+      });
+    }
+    function elementRefGetterWithDeprecationWarning() {
+      var componentName = getComponentNameFromType(this.type);
+      didWarnAboutElementRef[componentName] || (didWarnAboutElementRef[componentName] = true, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      ));
+      componentName = this.props.ref;
+      return void 0 !== componentName ? componentName : null;
+    }
+    function ReactElement(type, key, self2, source, owner, props, debugStack, debugTask) {
+      self2 = props.ref;
+      type = {
+        $$typeof: REACT_ELEMENT_TYPE,
+        type,
+        key,
+        props,
+        _owner: owner
+      };
+      null !== (void 0 !== self2 ? self2 : null) ? Object.defineProperty(type, "ref", {
+        enumerable: false,
+        get: elementRefGetterWithDeprecationWarning
+      }) : Object.defineProperty(type, "ref", { enumerable: false, value: null });
+      type._store = {};
+      Object.defineProperty(type._store, "validated", {
+        configurable: false,
+        enumerable: false,
+        writable: true,
+        value: 0
+      });
+      Object.defineProperty(type, "_debugInfo", {
+        configurable: false,
+        enumerable: false,
+        writable: true,
+        value: null
+      });
+      Object.defineProperty(type, "_debugStack", {
+        configurable: false,
+        enumerable: false,
+        writable: true,
+        value: debugStack
+      });
+      Object.defineProperty(type, "_debugTask", {
+        configurable: false,
+        enumerable: false,
+        writable: true,
+        value: debugTask
+      });
+      Object.freeze && (Object.freeze(type.props), Object.freeze(type));
+      return type;
+    }
+    function jsxDEVImpl(type, config, maybeKey, isStaticChildren, source, self2, debugStack, debugTask) {
+      var children = config.children;
+      if (void 0 !== children)
+        if (isStaticChildren)
+          if (isArrayImpl(children)) {
+            for (isStaticChildren = 0; isStaticChildren < children.length; isStaticChildren++)
+              validateChildKeys(children[isStaticChildren]);
+            Object.freeze && Object.freeze(children);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else validateChildKeys(children);
+      if (hasOwnProperty.call(config, "key")) {
+        children = getComponentNameFromType(type);
+        var keys = Object.keys(config).filter(function(k2) {
+          return "key" !== k2;
+        });
+        isStaticChildren = 0 < keys.length ? "{key: someKey, " + keys.join(": ..., ") + ": ...}" : "{key: someKey}";
+        didWarnAboutKeySpread[children + isStaticChildren] || (keys = 0 < keys.length ? "{" + keys.join(": ..., ") + ": ...}" : "{}", console.error(
+          'A props object containing a "key" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />',
+          isStaticChildren,
+          children,
+          keys,
+          children
+        ), didWarnAboutKeySpread[children + isStaticChildren] = true);
+      }
+      children = null;
+      void 0 !== maybeKey && (checkKeyStringCoercion(maybeKey), children = "" + maybeKey);
+      hasValidKey(config) && (checkKeyStringCoercion(config.key), children = "" + config.key);
+      if ("key" in config) {
+        maybeKey = {};
+        for (var propName in config)
+          "key" !== propName && (maybeKey[propName] = config[propName]);
+      } else maybeKey = config;
+      children && defineKeyPropWarningGetter(
+        maybeKey,
+        "function" === typeof type ? type.displayName || type.name || "Unknown" : type
+      );
+      return ReactElement(
+        type,
+        children,
+        self2,
+        source,
+        getOwner(),
+        maybeKey,
+        debugStack,
+        debugTask
+      );
+    }
+    function validateChildKeys(node) {
+      "object" === typeof node && null !== node && node.$$typeof === REACT_ELEMENT_TYPE && node._store && (node._store.validated = 1);
+    }
+    var React2 = React__default, REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_PORTAL_TYPE = Symbol.for("react.portal"), REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"), REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"), REACT_PROFILER_TYPE = Symbol.for("react.profiler");
+    var REACT_CONSUMER_TYPE = Symbol.for("react.consumer"), REACT_CONTEXT_TYPE = Symbol.for("react.context"), REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"), REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"), REACT_MEMO_TYPE = Symbol.for("react.memo"), REACT_LAZY_TYPE = Symbol.for("react.lazy"), REACT_ACTIVITY_TYPE = Symbol.for("react.activity"), REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"), ReactSharedInternals = React2.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, hasOwnProperty = Object.prototype.hasOwnProperty, isArrayImpl = Array.isArray, createTask = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    React2 = {
+      react_stack_bottom_frame: function(callStackForError) {
+        return callStackForError();
+      }
+    };
+    var specialPropKeyWarningShown;
+    var didWarnAboutElementRef = {};
+    var unknownOwnerDebugStack = React2.react_stack_bottom_frame.bind(
+      React2,
+      UnknownOwner
+    )();
+    var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));
+    var didWarnAboutKeySpread = {};
+    reactJsxRuntime_development.Fragment = REACT_FRAGMENT_TYPE;
+    reactJsxRuntime_development.jsx = function(type, config, maybeKey, source, self2) {
+      var trackActualOwner = 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
+      return jsxDEVImpl(
+        type,
+        config,
+        maybeKey,
+        false,
+        source,
+        self2,
+        trackActualOwner ? Error("react-stack-top-frame") : unknownOwnerDebugStack,
+        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask
+      );
+    };
+    reactJsxRuntime_development.jsxs = function(type, config, maybeKey, source, self2) {
+      var trackActualOwner = 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
+      return jsxDEVImpl(
+        type,
+        config,
+        maybeKey,
+        true,
+        source,
+        self2,
+        trackActualOwner ? Error("react-stack-top-frame") : unknownOwnerDebugStack,
+        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask
+      );
+    };
+  })();
+  return reactJsxRuntime_development;
+}
+var hasRequiredJsxRuntime;
+function requireJsxRuntime() {
+  if (hasRequiredJsxRuntime) return jsxRuntime.exports;
+  hasRequiredJsxRuntime = 1;
+  if (process.env.NODE_ENV === "production") {
+    jsxRuntime.exports = requireReactJsxRuntime_production();
+  } else {
+    jsxRuntime.exports = requireReactJsxRuntime_development();
+  }
+  return jsxRuntime.exports;
+}
+var jsxRuntimeExports = requireJsxRuntime();
 var classnames = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
@@ -13617,13 +14131,13 @@ const ProgressBar = ({
   if (max <= 1) {
     return null;
   }
-  return /* @__PURE__ */ jsx("div", { className: "progress-bar", children: /* @__PURE__ */ jsxs("div", { className: "progress-wrapper", children: [
-    /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "progress-bar", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "progress-wrapper", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
       "div",
       {
         className: classNames("progress-slider", { "long-list": max > 25 }),
         children: Array.from({ length: max }, (_x, i2) => {
-          return /* @__PURE__ */ jsx(
+          return /* @__PURE__ */ jsxRuntimeExports.jsx(
             "span",
             {
               className: classNames("progress-stop", `step-${i2 + 1}`, {
@@ -13639,33 +14153,33 @@ const ProgressBar = ({
         })
       }
     ),
-    /* @__PURE__ */ jsx("div", { className: "progress-details", children: t2("step_i_of_n", { i: current + 1, n: max }) })
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "progress-details", children: t2("step_i_of_n", { i: current + 1, n: max }) })
   ] }) });
 };
 const HtmlItem = ({ item }) => {
   const html = useTranslationCurliesFor(`${item.key}`);
   if (!html) return null;
-  return /* @__PURE__ */ jsx("div", { className: "item", children: /* @__PURE__ */ jsx("div", { className: "prose text", dangerouslySetInnerHTML: { __html: html } }) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "item", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "prose text", dangerouslySetInnerHTML: { __html: html } }) });
 };
 const MainLabel = ({ question }) => {
   const titleText = useTranslationCurliesFor(`${question.key}.title`);
   if (!titleText) return null;
   const labelFor = `answer_${question.key}`;
-  return /* @__PURE__ */ jsx("div", { className: "main", children: /* @__PURE__ */ jsx("label", { htmlFor: labelFor, dangerouslySetInnerHTML: { __html: titleText } }) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "main", children: /* @__PURE__ */ jsxRuntimeExports.jsx("label", { htmlFor: labelFor, dangerouslySetInnerHTML: { __html: titleText } }) });
 };
 const QuestionDescription = (props) => {
   const description = useTranslationCurliesFor(`${props.question.key}.description`);
   if (!description) return null;
-  return /* @__PURE__ */ jsx("div", { className: "font-light description prose", dangerouslySetInnerHTML: { __html: description } });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-light description prose", dangerouslySetInnerHTML: { __html: description } });
 };
 const ValidationErrors = ({ fieldState }) => {
   if (!fieldState.showErrors) return null;
-  return /* @__PURE__ */ jsx(Fragment, { children: fieldState.errors.map((error) => /* @__PURE__ */ jsx(Error$1, { error, fieldKey: fieldState.key }, error.type)) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: fieldState.errors.map((error) => /* @__PURE__ */ jsxRuntimeExports.jsx(Error$1, { error, fieldKey: fieldState.key }, error.type)) });
 };
 const Error$1 = ({ error, fieldKey }) => {
   const className = classNames("error", error.type);
   const message = useMessageAsString(error, fieldKey);
-  return /* @__PURE__ */ jsx("div", { className, children: message });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className, children: message });
 };
 function useMessageAsString(error, fieldKey) {
   const { t: t2 } = useTranslation();
@@ -13689,10 +14203,10 @@ const QuestionWrapper = (props) => {
     active: fieldState.isActiveQuestion,
     indent: (question.indent || 0) > 0
   });
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(ContextDescriptionItem, { i18nKey: `${question.key}.context_description` }),
-    /* @__PURE__ */ jsxs("div", { className, ref: questionRef, style: mapCssVars(question.cssVars), children: [
-      /* @__PURE__ */ jsx(ValidationErrors, { fieldState }),
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(ContextDescriptionItem, { i18nKey: `${question.key}.context_description` }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className, ref: questionRef, style: mapCssVars(question.cssVars), children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(ValidationErrors, { fieldState }),
       props.children
     ] })
   ] });
@@ -13700,7 +14214,7 @@ const QuestionWrapper = (props) => {
 const ContextDescriptionItem = ({ i18nKey }) => {
   const interpolatedString = useTranslationCurliesFor(i18nKey);
   if (!interpolatedString) return null;
-  return /* @__PURE__ */ jsx("div", { className: "context-description prose", dangerouslySetInnerHTML: { __html: interpolatedString } });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "context-description prose", dangerouslySetInnerHTML: { __html: interpolatedString } });
 };
 const StringQuestion = ({ question, fieldState, setQuestionRef }) => {
   var _a;
@@ -13716,11 +14230,11 @@ const StringQuestion = ({ question, fieldState, setQuestionRef }) => {
     subitem: false
     // TODO
   });
-  return /* @__PURE__ */ jsxs(QuestionWrapper, { question, fieldState, setQuestionRef, children: [
-    /* @__PURE__ */ jsx(MainLabel, { question }),
-    /* @__PURE__ */ jsxs("div", { className: "description-and-fields", children: [
-      /* @__PURE__ */ jsx(QuestionDescription, { question }),
-      /* @__PURE__ */ jsx("div", { className: "fields", id: htmlId$a(question), children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(QuestionWrapper, { question, fieldState, setQuestionRef, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(MainLabel, { question }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "description-and-fields", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(QuestionDescription, { question }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "fields", id: htmlId$a(question), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         "input",
         {
           type: "text",
@@ -13741,11 +14255,11 @@ function htmlId$a(question) {
 }
 const ScaleQuestion = ({ question, fieldState, setQuestionRef }) => {
   const fieldsClassNames = classNames("fields");
-  return /* @__PURE__ */ jsxs(QuestionWrapper, { question, fieldState, setQuestionRef, children: [
-    /* @__PURE__ */ jsx(MainLabel, { question }),
-    /* @__PURE__ */ jsxs("div", { className: "description-and-fields", children: [
-      /* @__PURE__ */ jsx(QuestionDescription, { question }),
-      /* @__PURE__ */ jsx("div", { className: fieldsClassNames, id: htmlId$9(question), children: /* @__PURE__ */ jsx("table", { cellSpacing: "0", width: "100%", children: /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsx("tr", { children: question.children.map((child, index) => /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(QuestionWrapper, { question, fieldState, setQuestionRef, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(MainLabel, { question }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "description-and-fields", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(QuestionDescription, { question }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: fieldsClassNames, id: htmlId$9(question), children: /* @__PURE__ */ jsxRuntimeExports.jsx("table", { cellSpacing: "0", width: "100%", children: /* @__PURE__ */ jsxRuntimeExports.jsx("tbody", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("tr", { children: question.children.map((child, index) => /* @__PURE__ */ jsxRuntimeExports.jsx(
         Option$4,
         {
           question,
@@ -13775,10 +14289,10 @@ const Option$4 = ({ question, option, index, fieldState }) => {
   const handleClick = () => {
     checked && fieldState.setValue(null);
   };
-  return /* @__PURE__ */ jsxs("td", { className: tdClassNames, style: { width: `${100 / question.children.length}%` }, children: [
-    /* @__PURE__ */ jsx(ShowValue$2, { question, option }),
-    /* @__PURE__ */ jsxs("span", { children: [
-      /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("td", { className: tdClassNames, style: { width: `${100 / question.children.length}%` }, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(ShowValue$2, { question, option }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
         "input",
         {
           type: "radio",
@@ -13792,33 +14306,33 @@ const Option$4 = ({ question, option, index, fieldState }) => {
           onFocus: fieldState.setAsActiveQuestion
         }
       ),
-      /* @__PURE__ */ jsx(ShowDescription$1, { question, option })
+      /* @__PURE__ */ jsxRuntimeExports.jsx(ShowDescription$1, { question, option })
     ] })
   ] });
 };
 const ShowDescription$1 = ({ question, option }) => {
   const label = useTranslationCurliesFor(`${question.key}.${option.key}.label`);
   if (!label) return null;
-  return /* @__PURE__ */ jsx("label", { htmlFor: option.viewId, children: /* @__PURE__ */ jsx("span", { dangerouslySetInnerHTML: { __html: label } }) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("label", { htmlFor: option.viewId, children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { dangerouslySetInnerHTML: { __html: label } }) });
 };
 const ShowValue$2 = ({ question, option }) => {
   if (!question.showValues) return null;
-  return /* @__PURE__ */ jsx("div", { className: "value", children: option.value });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "value", children: option.value });
 };
 function htmlId$9(question) {
   return `answer_${question.key}_input`;
 }
 const SubQuestions = ({ questions }) => {
   if (questions.length == 0) return null;
-  return /* @__PURE__ */ jsx("div", { className: "subquestions mt-1", children: questions.map((question) => /* @__PURE__ */ jsx(QuestionItem, { fieldKey: question.key })) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "subquestions mt-1", children: questions.map((question) => /* @__PURE__ */ jsxRuntimeExports.jsx(QuestionItem, { fieldKey: question.key })) });
 };
 const RadioQuestion = ({ question, fieldState, setQuestionRef }) => {
   const fieldsClassNames = classNames("fields", question.presentation !== "horizontal" ? `options${question.children.length}` : null);
-  return /* @__PURE__ */ jsxs(QuestionWrapper, { question, fieldState, setQuestionRef, children: [
-    /* @__PURE__ */ jsx(MainLabel, { question }),
-    /* @__PURE__ */ jsxs("div", { className: "description-and-fields", children: [
-      /* @__PURE__ */ jsx(QuestionDescription, { question }),
-      /* @__PURE__ */ jsx("div", { className: fieldsClassNames, id: htmlId$8(question), children: question.children.map((child, index) => child.type === "option" ? /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(QuestionWrapper, { question, fieldState, setQuestionRef, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(MainLabel, { question }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "description-and-fields", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(QuestionDescription, { question }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: fieldsClassNames, id: htmlId$8(question), children: question.children.map((child, index) => child.type === "option" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
         Option$3,
         {
           question,
@@ -13827,7 +14341,7 @@ const RadioQuestion = ({ question, fieldState, setQuestionRef }) => {
           fieldState
         },
         child.key
-      ) : /* @__PURE__ */ jsx(InnerTitle$1, { i18nKey: `${question.key}.${child.key}.html` }, child.key)) })
+      ) : /* @__PURE__ */ jsxRuntimeExports.jsx(InnerTitle$1, { i18nKey: `${question.key}.${child.key}.html` }, child.key)) })
     ] })
   ] });
 };
@@ -13847,8 +14361,8 @@ const Option$3 = ({ question, option, fieldState }) => {
   const handleClick = (_event) => {
     checked && fieldState.setValue(null);
   };
-  return /* @__PURE__ */ jsxs("div", { className: divClassNames, children: [
-    /* @__PURE__ */ jsx("div", { className: "inline radiocheckwrapper", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: divClassNames, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "inline radiocheckwrapper", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       "input",
       {
         type: "radio",
@@ -13862,28 +14376,28 @@ const Option$3 = ({ question, option, fieldState }) => {
         onFocus: fieldState.setAsActiveQuestion
       }
     ) }),
-    /* @__PURE__ */ jsx(ShowValue$1, { question, option }),
-    /* @__PURE__ */ jsx(ShowDescription, { question, option }),
-    /* @__PURE__ */ jsx(SubQuestions, { questions: option.questions })
+    /* @__PURE__ */ jsxRuntimeExports.jsx(ShowValue$1, { question, option }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(ShowDescription, { question, option }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(SubQuestions, { questions: option.questions })
   ] });
 };
 const InnerTitle$1 = ({ i18nKey }) => {
   const interpolatedString = useTranslationCurliesFor(i18nKey);
   if (!interpolatedString) return null;
-  return /* @__PURE__ */ jsx("div", { className: "inner-title", dangerouslySetInnerHTML: { __html: interpolatedString } });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "inner-title", dangerouslySetInnerHTML: { __html: interpolatedString } });
 };
 const ShowDescription = ({ question, option }) => {
   const label = useTranslationCurliesFor(`${question.key}.${option.key}.label`);
   const description = useTranslationCurliesFor(`${question.key}.${option.key}.description`);
   if (!label) return null;
-  return /* @__PURE__ */ jsxs("div", { className: "inline labelwrapper", children: [
-    /* @__PURE__ */ jsx("label", { htmlFor: option.viewId, "aria-describedby": description && `${option.viewId}_description`, children: /* @__PURE__ */ jsx("span", { dangerouslySetInnerHTML: { __html: label } }) }),
-    description && /* @__PURE__ */ jsx("div", { className: "de-em", id: `${option.viewId}_description`, dangerouslySetInnerHTML: { __html: description } })
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "inline labelwrapper", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("label", { htmlFor: option.viewId, "aria-describedby": description && `${option.viewId}_description`, children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { dangerouslySetInnerHTML: { __html: label } }) }),
+    description && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "de-em", id: `${option.viewId}_description`, dangerouslySetInnerHTML: { __html: description } })
   ] });
 };
 const ShowValue$1 = ({ question, option }) => {
   if (!question.showValues) return null;
-  return /* @__PURE__ */ jsx("div", { className: "inline value", children: option.value });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "inline value", children: option.value });
 };
 function htmlId$8(question) {
   return `answer_${question.key}_input`;
@@ -13893,11 +14407,11 @@ const SelectQuestion = ({ question, fieldState, setQuestionRef }) => {
     fieldState.setValue(event.target.value);
   };
   const fieldsClassNames = classNames("fields", question.presentation !== "horizontal" ? `options${question.children.length}` : null);
-  return /* @__PURE__ */ jsxs(QuestionWrapper, { question, fieldState, setQuestionRef, children: [
-    /* @__PURE__ */ jsx(MainLabel, { question }),
-    /* @__PURE__ */ jsxs("div", { className: "description-and-fields", children: [
-      /* @__PURE__ */ jsx(QuestionDescription, { question }),
-      /* @__PURE__ */ jsx("div", { className: fieldsClassNames, id: htmlId$7(question), children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(QuestionWrapper, { question, fieldState, setQuestionRef, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(MainLabel, { question }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "description-and-fields", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(QuestionDescription, { question }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: fieldsClassNames, id: htmlId$7(question), children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
         "select",
         {
           onChange: handleChange,
@@ -13907,8 +14421,8 @@ const SelectQuestion = ({ question, fieldState, setQuestionRef }) => {
           id: `answer_${question.key}`,
           name: question.key,
           children: [
-            /* @__PURE__ */ jsx(Placeholder, { i18nKey: `${question.key}.placeholder` }),
-            question.children.map((child) => child.type === "optgroup" ? /* @__PURE__ */ jsx(Optgroup, { question, optgroup: child, fieldState }, child.key) : /* @__PURE__ */ jsx(Option$2, { question, option: child, fieldState }, child.key))
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Placeholder, { i18nKey: `${question.key}.placeholder` }),
+            question.children.map((child) => child.type === "optgroup" ? /* @__PURE__ */ jsxRuntimeExports.jsx(Optgroup, { question, optgroup: child, fieldState }, child.key) : /* @__PURE__ */ jsxRuntimeExports.jsx(Option$2, { question, option: child, fieldState }, child.key))
           ]
         }
       ) })
@@ -13918,28 +14432,28 @@ const SelectQuestion = ({ question, fieldState, setQuestionRef }) => {
 const Placeholder = ({ i18nKey }) => {
   const interpolatedString = useTranslationCurliesFor(i18nKey);
   if (!interpolatedString) return null;
-  return /* @__PURE__ */ jsx("option", { className: "placeholder", children: interpolatedString }, "placeholder");
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("option", { className: "placeholder", children: interpolatedString }, "placeholder");
 };
 const Optgroup = ({ question, optgroup, fieldState }) => {
   const label = useTranslationCurliesFor(`${question.key}.${optgroup.key}.label`);
-  return /* @__PURE__ */ jsx("optgroup", { label, children: optgroup.options.map((option) => /* @__PURE__ */ jsx(Option$2, { question, option, fieldState }, option.key)) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("optgroup", { label, children: optgroup.options.map((option) => /* @__PURE__ */ jsxRuntimeExports.jsx(Option$2, { question, option, fieldState }, option.key)) });
 };
 const Option$2 = ({ question, option, fieldState }) => {
   const interpolatedString = useTranslationCurliesFor(`${question.key}.${option.key}.label`);
   if (option.hidden && fieldState.value !== option.key) return null;
-  return /* @__PURE__ */ jsx("option", { value: option.key, disabled: false, children: interpolatedString });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: option.key, disabled: false, children: interpolatedString });
 };
 function htmlId$7(question) {
   return `answer_${question.key}_input`;
 }
 const DatePartsQuestion = ({ question, fieldState, setQuestionRef }) => {
-  return /* @__PURE__ */ jsxs(QuestionWrapper, { question, fieldState, setQuestionRef, children: [
-    /* @__PURE__ */ jsx(MainLabel, { question }),
-    /* @__PURE__ */ jsxs("div", { className: "description-and-fields", children: [
-      /* @__PURE__ */ jsx(QuestionDescription, { question }),
-      /* @__PURE__ */ jsxs("div", { className: "fields", id: htmlId$6(question), children: [
-        /* @__PURE__ */ jsx(DateParts, { question, parts: ["year", "month", "day"], fieldState }),
-        /* @__PURE__ */ jsx(DateParts, { question, parts: ["hour", "minute"], fieldState })
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(QuestionWrapper, { question, fieldState, setQuestionRef, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(MainLabel, { question }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "description-and-fields", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(QuestionDescription, { question }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "fields", id: htmlId$6(question), children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(DateParts, { question, parts: ["year", "month", "day"], fieldState }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(DateParts, { question, parts: ["hour", "minute"], fieldState })
       ] })
     ] })
   ] });
@@ -13965,12 +14479,12 @@ const DateParts = ({ question, parts, fieldState }) => {
   if (dateParts.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsxs("div", { className: "mb-2  ", children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-2  ", children: [
     dateParts.flatMap(
       (datePart) => {
         var _a;
         return [
-          /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
             "input",
             {
               id: `answer_${question.key}_${datePart.part}`,
@@ -13987,14 +14501,14 @@ const DateParts = ({ question, parts, fieldState }) => {
             },
             datePart.part
           ),
-          lodashExports.isEqual(parts, ["hour", "minute"]) && datePart.part === "hour" && /* @__PURE__ */ jsx("span", { className: "me-1", children: ":" }, "colon")
+          lodashExports.isEqual(parts, ["hour", "minute"]) && datePart.part === "hour" && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "me-1", children: ":" }, "colon")
         ];
       }
     ),
     dateParts.flatMap((datePart) => [
       // inline-block so the units appear rtl in rtl mode
-      /* @__PURE__ */ jsx("span", { className: "me-1 inline-block", children: t2(datePart.part) }, `label_${datePart.part}`),
-      lodashExports.isEqual(parts, ["hour", "minute"]) && datePart.part === "hour" && /* @__PURE__ */ jsx("span", { className: "me-1", children: ":" }, "label_colon")
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "me-1 inline-block", children: t2(datePart.part) }, `label_${datePart.part}`),
+      lodashExports.isEqual(parts, ["hour", "minute"]) && datePart.part === "hour" && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "me-1", children: ":" }, "label_colon")
     ])
   ] });
 };
@@ -14020,12 +14534,12 @@ const IntegerQuestion = ({ question, fieldState, setQuestionRef }) => {
     subitem: false
     // TODO
   });
-  return /* @__PURE__ */ jsxs(QuestionWrapper, { question, fieldState, setQuestionRef, children: [
-    /* @__PURE__ */ jsx(MainLabel, { question }),
-    /* @__PURE__ */ jsxs("div", { className: "description-and-fields", children: [
-      /* @__PURE__ */ jsx(QuestionDescription, { question }),
-      /* @__PURE__ */ jsxs("div", { className: "fields", id: htmlId$5(question), children: [
-        /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(QuestionWrapper, { question, fieldState, setQuestionRef, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(MainLabel, { question }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "description-and-fields", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(QuestionDescription, { question }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "fields", id: htmlId$5(question), children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
           "input",
           {
             type: "text",
@@ -14038,7 +14552,7 @@ const IntegerQuestion = ({ question, fieldState, setQuestionRef }) => {
             ...mbvArgs
           }
         ),
-        question.unit && /* @__PURE__ */ jsxs("span", { className: "unit", children: [
+        question.unit && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "unit", children: [
           " ",
           t2(`units.${question.unit}`, { defaultValue: question.unit })
         ] })
@@ -14077,13 +14591,13 @@ const FloatQuestion = ({ question, fieldState, setQuestionRef }) => {
     subitem: false
     // TODO
   });
-  return /* @__PURE__ */ jsxs(QuestionWrapper, { question, fieldState, setQuestionRef, children: [
-    /* @__PURE__ */ jsx(MainLabel, { question }),
-    /* @__PURE__ */ jsxs("div", { className: "description-and-fields", children: [
-      /* @__PURE__ */ jsx(QuestionDescription, { question }),
-      commaError && /* @__PURE__ */ jsx("div", { className: "error", children: t2("comma_in_float_warning") }),
-      /* @__PURE__ */ jsxs("div", { className: "fields", id: htmlId$4(question), children: [
-        /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(QuestionWrapper, { question, fieldState, setQuestionRef, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(MainLabel, { question }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "description-and-fields", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(QuestionDescription, { question }),
+      commaError && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "error", children: t2("comma_in_float_warning") }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "fields", id: htmlId$4(question), children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
           "input",
           {
             type: "text",
@@ -14097,7 +14611,7 @@ const FloatQuestion = ({ question, fieldState, setQuestionRef }) => {
             ...mbvArgs
           }
         ),
-        question.unit && /* @__PURE__ */ jsxs("span", { className: "unit", children: [
+        question.unit && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "unit", children: [
           " ",
           t2(`units.${question.unit}`, { defaultValue: question.unit })
         ] })
@@ -15073,11 +15587,11 @@ const SliderQuestion = ({ question, fieldState, setQuestionRef }) => {
   const blank = fieldState.value == null;
   const value = fieldState.value ?? question.defaultPosition;
   const markerLabels = calculateMarkerLabels(question, labels);
-  return /* @__PURE__ */ jsxs(QuestionWrapper, { question, fieldState, setQuestionRef, children: [
-    /* @__PURE__ */ jsx(MainLabel, { question }),
-    /* @__PURE__ */ jsxs("div", { className: "description-and-fields", dir: "ltr", children: [
-      /* @__PURE__ */ jsx(QuestionDescription, { question }),
-      /* @__PURE__ */ jsx("div", { className: "fields mt-3", ref: parentRef, style: { height: TRACK_HEIGHT + labelPositioning.height }, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(QuestionWrapper, { question, fieldState, setQuestionRef, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(MainLabel, { question }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "description-and-fields", dir: "ltr", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(QuestionDescription, { question }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "fields mt-3", ref: parentRef, style: { height: TRACK_HEIGHT + labelPositioning.height }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         libExports.Range,
         {
           values: [value],
@@ -15086,7 +15600,7 @@ const SliderQuestion = ({ question, fieldState, setQuestionRef }) => {
           max: question.maximum,
           step: question.step,
           disabled: fieldState.disabled,
-          renderTrack: ({ props, children }) => /* @__PURE__ */ jsx("div", { ...props, style: { ...props.style, ...trackStyles }, children }),
+          renderTrack: ({ props, children }) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ...props, style: { ...props.style, ...trackStyles }, children }),
           renderThumb: (thumbProps) => renderThumb({
             ...thumbProps,
             id: `answer_${question.key}`,
@@ -15122,14 +15636,14 @@ const renderThumb = ({ props, id, value, isDragged, blank, showTooltip, startThu
       },
       onFocus
     },
-    /* @__PURE__ */ jsx("div", { style: {
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: {
       margin: "6px auto",
       width: "6px",
       height: "14px",
       border: "1px solid oklch(var(--foreground))",
       borderWidth: "0 1px 0 1px"
     } }),
-    showTooltip && isDragged && /* @__PURE__ */ jsx("div", { style: labelStyles, children: value })
+    showTooltip && isDragged && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: labelStyles, children: value })
   );
 };
 const renderMark = (props, label, { info, setRef }) => {
@@ -15149,7 +15663,7 @@ const renderMark = (props, label, { info, setRef }) => {
         // important so react-range does not add negative margins to center. 
       }
     },
-    /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
       "div",
       {
         ref: (node) => {
@@ -15173,7 +15687,7 @@ const renderMark = (props, label, { info, setRef }) => {
         dangerouslySetInnerHTML: { __html: label.text }
       }
     ),
-    /* @__PURE__ */ jsx(LabelArrow, { label, top })
+    /* @__PURE__ */ jsxRuntimeExports.jsx(LabelArrow, { label, top })
   );
 };
 const LabelArrow = ({ top, label }) => {
@@ -15181,9 +15695,9 @@ const LabelArrow = ({ top, label }) => {
   const arrowHeight = top + 1;
   const arrow = label.first ? `M0.5,${arrowHeight - 0.5} V0.5 C0.5,${arrowHeight / 2} 5,${arrowHeight} 9,${arrowHeight - 0.5}` : label.last ? `M8.5,${arrowHeight - 0.5} V0.5 C8.5,${arrowHeight / 2} 4,${arrowHeight} 0.5,${arrowHeight - 0.5}` : `M0.5,${arrowHeight - 0.5} C2,${arrowHeight - 0.5} 4.5,5 4.5,0 C4.5,5 7,${arrowHeight - 0.5} ${arrowHeight - 0.5},${arrowHeight - 0.5}`;
   const arrowMargin = label.first ? 0 : label.last ? -arrowWidth : -arrowWidth / 2;
-  return /* @__PURE__ */ jsx("svg", { width: arrowWidth, height: arrowHeight, viewBox: `0 0 9 ${arrowHeight}`, preserveAspectRatio: "none", style: { marginLeft: arrowMargin, position: "absolute", left: -TRACK_BORDER }, children: /* @__PURE__ */ jsxs("g", { strokeWidth: LABEL_BORDER, children: [
-    /* @__PURE__ */ jsx("line", { x1: "0", y1: arrowHeight, x2: "9", y2: arrowHeight, stroke: "oklch(var(--slider-track))" }),
-    /* @__PURE__ */ jsx("path", { d: arrow, fill: "oklch(var(--slider-track))", strokeLinecap: "square", stroke: "oklch(var(--foreground))" })
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { width: arrowWidth, height: arrowHeight, viewBox: `0 0 9 ${arrowHeight}`, preserveAspectRatio: "none", style: { marginLeft: arrowMargin, position: "absolute", left: -TRACK_BORDER }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("g", { strokeWidth: LABEL_BORDER, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: "0", y1: arrowHeight, x2: "9", y2: arrowHeight, stroke: "oklch(var(--slider-track))" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: arrow, fill: "oklch(var(--slider-track))", strokeLinecap: "square", stroke: "oklch(var(--foreground))" })
   ] }) });
 };
 const calculateMarkerLabels = (question, labels) => {
@@ -15328,11 +15842,11 @@ const TextareaQuestion = ({ question, fieldState, setQuestionRef }) => {
     subitem: false
     // TODO
   });
-  return /* @__PURE__ */ jsxs(QuestionWrapper, { question, fieldState, setQuestionRef, children: [
-    /* @__PURE__ */ jsx(MainLabel, { question }),
-    /* @__PURE__ */ jsxs("div", { className: "description-and-fields", children: [
-      /* @__PURE__ */ jsx(QuestionDescription, { question }),
-      /* @__PURE__ */ jsx("div", { className: "fields", id: htmlId$3(question), children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(QuestionWrapper, { question, fieldState, setQuestionRef, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(MainLabel, { question }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "description-and-fields", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(QuestionDescription, { question }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "fields", id: htmlId$3(question), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         "textarea",
         {
           id: `answer_${question.key}`,
@@ -15352,11 +15866,11 @@ function htmlId$3(question) {
 }
 const CheckBoxQuestion = ({ question, fieldState, setQuestionRef }) => {
   const fieldsClassNames = classNames("fields", question.presentation !== "horizontal" ? `options${question.children.length}` : null);
-  return /* @__PURE__ */ jsxs(QuestionWrapper, { question, fieldState, setQuestionRef, children: [
-    /* @__PURE__ */ jsx(MainLabel, { question }),
-    /* @__PURE__ */ jsxs("div", { className: "description-and-fields", children: [
-      /* @__PURE__ */ jsx(QuestionDescription, { question }),
-      /* @__PURE__ */ jsx("div", { className: fieldsClassNames, id: htmlId$2(question), children: question.children.map((child, index) => child.type === "option" ? /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(QuestionWrapper, { question, fieldState, setQuestionRef, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(MainLabel, { question }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "description-and-fields", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(QuestionDescription, { question }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: fieldsClassNames, id: htmlId$2(question), children: question.children.map((child, index) => child.type === "option" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
         Option$1,
         {
           question,
@@ -15365,7 +15879,7 @@ const CheckBoxQuestion = ({ question, fieldState, setQuestionRef }) => {
           fieldState
         },
         child.key
-      ) : /* @__PURE__ */ jsx(InnerTitle, { i18nKey: `${question.key}.${child.key}.html` }, child.key)) })
+      ) : /* @__PURE__ */ jsxRuntimeExports.jsx(InnerTitle, { i18nKey: `${question.key}.${child.key}.html` }, child.key)) })
     ] })
   ] });
 };
@@ -15384,8 +15898,8 @@ const Option$1 = ({ question, option, fieldState }) => {
     // TODO
   });
   const handleChange = (_event) => option.key && fieldState.setValue(toggleValue(fieldState, option.key, question));
-  return /* @__PURE__ */ jsxs("div", { className: divClassNames, children: [
-    /* @__PURE__ */ jsx("div", { className: "inline radiocheckwrapper", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: divClassNames, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "inline radiocheckwrapper", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       "input",
       {
         type: "checkbox",
@@ -15398,18 +15912,18 @@ const Option$1 = ({ question, option, fieldState }) => {
         onFocus: fieldState.setAsActiveQuestion
       }
     ) }),
-    /* @__PURE__ */ jsx(ShowValue, { question, option }),
-    /* @__PURE__ */ jsxs("div", { className: "inline labelwrapper", children: [
-      /* @__PURE__ */ jsx("label", { htmlFor: option.viewId, "aria-describedby": description && `${option.viewId}_description`, children: /* @__PURE__ */ jsx("span", { dangerouslySetInnerHTML: { __html: label } }) }),
-      description && /* @__PURE__ */ jsx("div", { className: "de-em", id: `${option.viewId}_description`, dangerouslySetInnerHTML: { __html: description } })
+    /* @__PURE__ */ jsxRuntimeExports.jsx(ShowValue, { question, option }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "inline labelwrapper", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("label", { htmlFor: option.viewId, "aria-describedby": description && `${option.viewId}_description`, children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { dangerouslySetInnerHTML: { __html: label } }) }),
+      description && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "de-em", id: `${option.viewId}_description`, dangerouslySetInnerHTML: { __html: description } })
     ] }),
-    /* @__PURE__ */ jsx(SubQuestions, { questions: option.questions })
+    /* @__PURE__ */ jsxRuntimeExports.jsx(SubQuestions, { questions: option.questions })
   ] });
 };
 const InnerTitle = ({ i18nKey }) => {
   const interpolatedString = useTranslationCurliesFor(i18nKey);
   if (!interpolatedString) return null;
-  return /* @__PURE__ */ jsx("div", { className: "text-lg font-medium my-1 inner-title", dangerouslySetInnerHTML: { __html: interpolatedString } });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "inner-title", dangerouslySetInnerHTML: { __html: interpolatedString } });
 };
 const ShowValue = () => {
   return null;
@@ -17571,11 +18085,11 @@ const CountrySelectQuestion = ({ question, fieldState, setQuestionRef }) => {
     fieldState.setValue(event.target.value.length !== 0 ? event.target.value : null);
   };
   const { t: t2 } = useTranslation();
-  return /* @__PURE__ */ jsxs(QuestionWrapper, { question, fieldState, setQuestionRef, children: [
-    /* @__PURE__ */ jsx(MainLabel, { question }),
-    /* @__PURE__ */ jsxs("div", { className: "description-and-fields", children: [
-      /* @__PURE__ */ jsx(QuestionDescription, { question }),
-      /* @__PURE__ */ jsx("div", { className: fieldsClassNames, id: htmlId$1(question), children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(QuestionWrapper, { question, fieldState, setQuestionRef, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(MainLabel, { question }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "description-and-fields", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(QuestionDescription, { question }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: fieldsClassNames, id: htmlId$1(question), children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
         "select",
         {
           value: fieldState.value ?? "",
@@ -17585,8 +18099,8 @@ const CountrySelectQuestion = ({ question, fieldState, setQuestionRef }) => {
           name: question.key,
           id: `answer_${question.key}`,
           children: [
-            /* @__PURE__ */ jsx("option", { value: "", children: t2("choose_a_country") }),
-            /* @__PURE__ */ jsx(CountryOptions, { lang: instance.language })
+            /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "", children: t2("choose_a_country") }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(CountryOptions, { lang: instance.language })
           ]
         }
       ) })
@@ -17602,7 +18116,7 @@ function htmlId$1(question) {
   return `answer_${question.key}_input`;
 }
 const CountryOptions = memo(
-  (props) => /* @__PURE__ */ jsx(Fragment, { children: getAllCountries(props.lang).map((country) => /* @__PURE__ */ jsx(Option, { option: country }, country.numeric)) })
+  (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: getAllCountries(props.lang).map((country) => /* @__PURE__ */ jsxRuntimeExports.jsx(Option, { option: country }, country.numeric)) })
 );
 function getAllCountries(lang) {
   return Object.entries(countries$3.getNames(lang)).sort(([_k1, name1], [_k2, name2]) => name1.localeCompare(name2)).map(([key, name]) => ({
@@ -17611,7 +18125,7 @@ function getAllCountries(lang) {
   }));
 }
 const Option = ({ option }) => {
-  return /* @__PURE__ */ jsx("option", { value: option.numeric ?? "", children: option.country });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: option.numeric ?? "", children: option.country });
 };
 const SplitToUnitsQuestion = ({ question, fieldState, setQuestionRef }) => {
   const { t: t2 } = useTranslation();
@@ -17620,12 +18134,12 @@ const SplitToUnitsQuestion = ({ question, fieldState, setQuestionRef }) => {
   const setValue = (key, value) => {
     fieldState.setValue(calcValue(question, valueHash.set(key, value)));
   };
-  return /* @__PURE__ */ jsxs(QuestionWrapper, { question, fieldState, setQuestionRef, children: [
-    /* @__PURE__ */ jsx(MainLabel, { question }),
-    /* @__PURE__ */ jsxs("div", { className: "description-and-fields", children: [
-      /* @__PURE__ */ jsx(QuestionDescription, { question }),
-      /* @__PURE__ */ jsx("div", { className: "fields", id: htmlId(question), children: question.units.map((unit) => /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
-        /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(QuestionWrapper, { question, fieldState, setQuestionRef, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(MainLabel, { question }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "description-and-fields", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(QuestionDescription, { question }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "fields", id: htmlId(question), children: question.units.map((unit) => /* @__PURE__ */ jsxRuntimeExports.jsxs(React__default.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
           "input",
           {
             type: "text",
@@ -17639,7 +18153,7 @@ const SplitToUnitsQuestion = ({ question, fieldState, setQuestionRef }) => {
             onFocus: fieldState.setAsActiveQuestion
           }
         ),
-        /* @__PURE__ */ jsx("span", { className: "mx-1", children: t2(`units.${unit}`, { defaultValue: unit }) })
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "mx-1", children: t2(`units.${unit}`, { defaultValue: unit }) })
       ] }, unit)) })
     ] })
   ] });
@@ -17672,36 +18186,36 @@ const RenderWithFieldState = ({ Component, question }) => {
     () => response.getFieldState(question.key)
   );
   if (fieldState.hidden) return null;
-  return /* @__PURE__ */ jsx(Component, { question, fieldState, setQuestionRef }, question.key);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Component, { question, fieldState, setQuestionRef }, question.key);
 };
 const QuestionItem = ({ fieldKey }) => {
   const { questionnaire } = React__default.useContext(QubyContext);
   const question = questionnaire.getField(fieldKey);
   switch (question.as) {
     case "string":
-      return /* @__PURE__ */ jsx(RenderWithFieldState, { Component: StringQuestion, question }, fieldKey);
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(RenderWithFieldState, { Component: StringQuestion, question }, fieldKey);
     case "country_select":
-      return /* @__PURE__ */ jsx(RenderWithFieldState, { Component: CountrySelectQuestion, question }, fieldKey);
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(RenderWithFieldState, { Component: CountrySelectQuestion, question }, fieldKey);
     case "scale":
-      return /* @__PURE__ */ jsx(RenderWithFieldState, { Component: ScaleQuestion, question }, fieldKey);
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(RenderWithFieldState, { Component: ScaleQuestion, question }, fieldKey);
     case "radio":
-      return /* @__PURE__ */ jsx(RenderWithFieldState, { Component: RadioQuestion, question }, fieldKey);
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(RenderWithFieldState, { Component: RadioQuestion, question }, fieldKey);
     case "select":
-      return /* @__PURE__ */ jsx(RenderWithFieldState, { Component: SelectQuestion, question }, fieldKey);
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(RenderWithFieldState, { Component: SelectQuestion, question }, fieldKey);
     case "date_parts":
-      return /* @__PURE__ */ jsx(RenderWithFieldState, { Component: DatePartsQuestion, question }, fieldKey);
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(RenderWithFieldState, { Component: DatePartsQuestion, question }, fieldKey);
     case "integer":
-      return /* @__PURE__ */ jsx(RenderWithFieldState, { Component: IntegerQuestion, question }, fieldKey);
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(RenderWithFieldState, { Component: IntegerQuestion, question }, fieldKey);
     case "float":
-      return /* @__PURE__ */ jsx(RenderWithFieldState, { Component: FloatQuestion, question }, fieldKey);
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(RenderWithFieldState, { Component: FloatQuestion, question }, fieldKey);
     case "slider":
-      return /* @__PURE__ */ jsx(RenderWithFieldState, { Component: SliderQuestion, question }, fieldKey);
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(RenderWithFieldState, { Component: SliderQuestion, question }, fieldKey);
     case "split_to_units":
-      return /* @__PURE__ */ jsx(RenderWithFieldState, { Component: SplitToUnitsQuestion, question }, fieldKey);
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(RenderWithFieldState, { Component: SplitToUnitsQuestion, question }, fieldKey);
     case "textarea":
-      return /* @__PURE__ */ jsx(RenderWithFieldState, { Component: TextareaQuestion, question }, fieldKey);
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(RenderWithFieldState, { Component: TextareaQuestion, question }, fieldKey);
     case "check_box":
-      return /* @__PURE__ */ jsx(RenderWithFieldState, { Component: CheckBoxQuestion, question }, fieldKey);
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(RenderWithFieldState, { Component: CheckBoxQuestion, question }, fieldKey);
   }
   throw new Error(`unknown question type`);
 };
@@ -17872,12 +18386,12 @@ function useInView({
 const TranslationCurlies = ({ i18nKey, Component }) => {
   const interpolatedString = useTranslationCurliesFor(i18nKey);
   if (!interpolatedString) return null;
-  return /* @__PURE__ */ jsx(Component, { children: interpolatedString });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Component, { children: interpolatedString });
 };
 const TranslationCurliesHtml = ({ i18nKey, Component }) => {
   const interpolatedString = useTranslationCurliesFor(i18nKey);
   if (!interpolatedString) return null;
-  return /* @__PURE__ */ jsx(Component, { dangerouslySetInnerHTML: { __html: interpolatedString } });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Component, { dangerouslySetInnerHTML: { __html: interpolatedString } });
 };
 const InfoItem = ({ item }) => {
   const [open, setOpen] = React__default.useState(item.startOpen);
@@ -17906,9 +18420,9 @@ const InfoItem = ({ item }) => {
   if (item.items.some((subItem) => subItem.type === "question") && item.items.every((subItem) => subItem.type !== "question" || !response.isVisible(subItem.key))) {
     return null;
   }
-  return /* @__PURE__ */ jsxs("div", { className: classNames("info-item", item.subtype || "info"), children: [
-    /* @__PURE__ */ jsx("div", { ref }),
-    /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classNames("info-item", item.subtype || "info"), children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
       "div",
       {
         className: classNames("info-icon", { "stuck": !inView && item.items.length > 0 }),
@@ -17918,20 +18432,20 @@ const InfoItem = ({ item }) => {
         "aria-expanded": open || item.startOpen && inView,
         "aria-controls": `%{item.key}`,
         tabIndex: item.startOpen ? -1 : 0,
-        children: item.subtype == "question-bar" ? null : /* @__PURE__ */ jsx(InfoSvg, {})
+        children: item.subtype == "question-bar" ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(InfoSvg, {})
       }
     ),
-    open && /* @__PURE__ */ jsx("div", { id: item.key, className: classNames("info-html prose", { "open": open, "opening": opening }), children: /* @__PURE__ */ jsx(TranslationCurliesHtml, { i18nKey: `${item.key}.html`, Component: "div" }) }),
-    item.items.map((subItem, idx) => /* @__PURE__ */ jsx(PanelItem, { item: subItem }, idx))
+    open && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: item.key, className: classNames("info-html prose", { "open": open, "opening": opening }), children: /* @__PURE__ */ jsxRuntimeExports.jsx(TranslationCurliesHtml, { i18nKey: `${item.key}.html`, Component: "div" }) }),
+    item.items.map((subItem, idx) => /* @__PURE__ */ jsxRuntimeExports.jsx(PanelItem, { item: subItem }, idx))
   ] });
 };
-const InfoSvg = () => /* @__PURE__ */ jsxs("svg", { "aria-label": "info", viewBox: "0 0 1024 1024", xmlns: "http://www.w3.org/2000/svg", strokeWidth: "0", fill: "currentColor", stroke: "currentColor", children: [
-  /* @__PURE__ */ jsx("path", { d: "M260 740 A460 350 0 1 1 430 790 A300 200 -25 0 1 200 930 A200 300 65 0 0 260 740 Z", fill: "none", strokeWidth: "80" }),
-  /* @__PURE__ */ jsx("circle", { cx: "490", cy: "260", r: "45" }),
-  /* @__PURE__ */ jsx("line", { x1: "490", x2: "490", y1: "420", y2: "640", strokeWidth: "90", strokeLinecap: "round" })
+const InfoSvg = () => /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { "aria-label": "info", viewBox: "0 0 1024 1024", xmlns: "http://www.w3.org/2000/svg", strokeWidth: "0", fill: "currentColor", stroke: "currentColor", children: [
+  /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M260 740 A460 350 0 1 1 430 790 A300 200 -25 0 1 200 930 A200 300 65 0 0 260 740 Z", fill: "none", strokeWidth: "80" }),
+  /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: "490", cy: "260", r: "45" }),
+  /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: "490", x2: "490", y1: "420", y2: "640", strokeWidth: "90", strokeLinecap: "round" })
 ] });
 const UnknownItem = ({ item }) => {
-  return /* @__PURE__ */ jsxs("div", { className: "item", style: { border: "1px red", background: "yellow" }, children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "item", style: { border: "1px red", background: "yellow" }, children: [
     "Unknown item type:",
     item.type
   ] });
@@ -17939,23 +18453,23 @@ const UnknownItem = ({ item }) => {
 const PanelItem = (props) => {
   switch (props.item.type) {
     case "html": {
-      return /* @__PURE__ */ jsx(HtmlItem, { item: props.item });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(HtmlItem, { item: props.item });
     }
     case "question": {
-      return /* @__PURE__ */ jsx(QuestionItem, { fieldKey: props.item.key }, props.item.key);
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(QuestionItem, { fieldKey: props.item.key }, props.item.key);
     }
     case "info": {
-      return /* @__PURE__ */ jsx(InfoItem, { item: props.item });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(InfoItem, { item: props.item });
     }
     default: {
-      return /* @__PURE__ */ jsx(UnknownItem, { item: props.item });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(UnknownItem, { item: props.item });
     }
   }
 };
 const PanelContent = ({ panel }) => {
-  return /* @__PURE__ */ jsxs("div", { className: "m-panel-padding", children: [
-    /* @__PURE__ */ jsx(TranslationCurlies, { i18nKey: `${panel.key}.title`, Component: "h1" }),
-    panel.items.map((item, idx) => /* @__PURE__ */ jsx(PanelItem, { item }, idx))
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "m-panel-padding", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(TranslationCurlies, { i18nKey: `${panel.key}.title`, Component: "h1" }),
+    panel.items.map((item, idx) => /* @__PURE__ */ jsxRuntimeExports.jsx(PanelItem, { item }, idx))
   ] });
 };
 const buttonsClassName = "buttons bg-slate-100 dark:bg-slate-700 p-panel-padding";
@@ -17985,20 +18499,20 @@ const Paginator = (props) => {
   };
   switch (props.displayMode) {
     case "paged": {
-      return /* @__PURE__ */ jsxs(PagedPanel, { panelLogic: props.panelLogic, panelIndex: activeIndex, navigate, children: [
-        /* @__PURE__ */ jsx("span", { ref: topRef, tabIndex: -1 }),
-        /* @__PURE__ */ jsx(PanelContent, { panel: props.panelLogic.panels[activeIndex] })
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs(PagedPanel, { panelLogic: props.panelLogic, panelIndex: activeIndex, navigate, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { ref: topRef, tabIndex: -1 }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(PanelContent, { panel: props.panelLogic.panels[activeIndex] })
       ] });
     }
     case "single_page": {
-      return /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
-        /* @__PURE__ */ jsx("span", { ref: topRef, tabIndex: -1 }),
-        props.panelLogic.panels.map((panel, index) => !props.panelLogic.allQuestionsHidden(index) && /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
-          /* @__PURE__ */ jsxs("fieldset", { className: "panel", children: [
-            /* @__PURE__ */ jsx(PanelContent, { panel }),
-            props.panelLogic.isLastPanel(index) ? /* @__PURE__ */ jsx(Buttons, { firstPanel: false, lastPanel: true, navigate }) : null
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs(React__default.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { ref: topRef, tabIndex: -1 }),
+        props.panelLogic.panels.map((panel, index) => !props.panelLogic.allQuestionsHidden(index) && /* @__PURE__ */ jsxRuntimeExports.jsxs(React__default.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("fieldset", { className: "panel", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(PanelContent, { panel }),
+            props.panelLogic.isLastPanel(index) ? /* @__PURE__ */ jsxRuntimeExports.jsx(Buttons, { firstPanel: false, lastPanel: true, navigate }) : null
           ] }),
-          index < props.panelLogic.panels.length - 1 && /* @__PURE__ */ jsx("div", { className: buttonsClassName })
+          index < props.panelLogic.panels.length - 1 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: buttonsClassName })
         ] }, index))
       ] });
     }
@@ -18008,34 +18522,34 @@ const Paginator = (props) => {
   }
 };
 const PagedPanel = (props) => {
-  return /* @__PURE__ */ jsxs("fieldset", { className: "panel", children: [
-    /* @__PURE__ */ jsx(Hotkeys, {}),
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("fieldset", { className: "panel", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Hotkeys, {}),
     props.children,
-    /* @__PURE__ */ jsx(ProgressBar, { max: props.panelLogic.count(), current: props.panelIndex }),
-    /* @__PURE__ */ jsx(Buttons, { firstPanel: props.panelLogic.isFirstPanel(props.panelIndex), lastPanel: props.panelLogic.isLastPanel(props.panelIndex), navigate: props.navigate })
+    /* @__PURE__ */ jsxRuntimeExports.jsx(ProgressBar, { max: props.panelLogic.count(), current: props.panelIndex }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Buttons, { firstPanel: props.panelLogic.isFirstPanel(props.panelIndex), lastPanel: props.panelLogic.isLastPanel(props.panelIndex), navigate: props.navigate })
   ] });
 };
 const Buttons = (props) => {
   const { t: t2 } = useTranslation();
   const doneButtonLabel = props.navigate.nextSavePressWillOnlyRunMinimalValidations ? t2("questionnaire_not_completed.save_anyway") : t2("done");
-  return /* @__PURE__ */ jsxs("div", { className: buttonsClassName, children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: buttonsClassName, children: [
     props.navigate.nextSavePressWillOnlyRunMinimalValidations && saveInvalidWarning(t2),
-    /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
-      /* @__PURE__ */ jsx("div", { className: "next order-last", children: props.navigate.next ? /* @__PURE__ */ jsx(Button, { onClick: props.navigate.next, value: t2("next"), onFocus: props.navigate.onFocus, variant: "primary" }) : /* @__PURE__ */ jsx(Button, { onClick: props.navigate.done, value: doneButtonLabel, onFocus: props.navigate.onFocus, variant: "primary" }) }),
-      /* @__PURE__ */ jsxs("div", { className: "prev", children: [
-        props.navigate.prev && /* @__PURE__ */ jsx(Button, { onClick: props.navigate.prev, value: t2("previous"), onFocus: props.navigate.onFocus }),
-        props.navigate.previousQuestionnaire && /* @__PURE__ */ jsx(Button, { onClick: props.navigate.previousQuestionnaire, value: t2("previous_questionnaire"), onFocus: props.navigate.onFocus })
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex justify-between", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "next order-last", children: props.navigate.next ? /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { onClick: props.navigate.next, value: t2("next"), onFocus: props.navigate.onFocus, variant: "primary" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { onClick: props.navigate.done, value: doneButtonLabel, onFocus: props.navigate.onFocus, variant: "primary" }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "prev", children: [
+        props.navigate.prev && /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { onClick: props.navigate.prev, value: t2("previous"), onFocus: props.navigate.onFocus }),
+        props.navigate.previousQuestionnaire && /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { onClick: props.navigate.previousQuestionnaire, value: t2("previous_questionnaire"), onFocus: props.navigate.onFocus })
       ] }),
-      /* @__PURE__ */ jsx("div", { className: "abort text-center", children: props.navigate.abort && /* @__PURE__ */ jsx(Button, { onClick: props.navigate.abort, value: t2("abort"), onFocus: props.navigate.onFocus }) })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "abort text-center", children: props.navigate.abort && /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { onClick: props.navigate.abort, value: t2("abort"), onFocus: props.navigate.onFocus }) })
     ] })
   ] });
 };
-const saveInvalidWarning = (t2) => /* @__PURE__ */ jsxs("div", { className: "m-panel-padding p-panel-padding border-2 rounded border-warning fg-warning-inv", children: [
-  /* @__PURE__ */ jsx("h1", { children: t2("questionnaire_not_completed.heading") }),
-  /* @__PURE__ */ jsx("p", { children: t2("questionnaire_not_completed.explanation") })
+const saveInvalidWarning = (t2) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "m-panel-padding p-panel-padding border-2 rounded border-warning fg-warning-inv", children: [
+  /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { children: t2("questionnaire_not_completed.heading") }),
+  /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: t2("questionnaire_not_completed.explanation") })
 ] });
 const Button = ({ value, onClick, onFocus, variant }) => {
-  return /* @__PURE__ */ jsx("button", { onClick, onFocus, className: variant || "secondary", children: value });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick, onFocus, className: variant || "secondary", children: value });
 };
 const Hotkeys = () => {
   return null;
@@ -18043,7 +18557,7 @@ const Hotkeys = () => {
 const Footer = () => {
   const footerHtml = useTranslationCurliesFor("footer");
   if (!footerHtml) return null;
-  return /* @__PURE__ */ jsx("footer", { className: "quby-footer", dangerouslySetInnerHTML: { __html: footerHtml } });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("footer", { className: "quby-footer", dangerouslySetInnerHTML: { __html: footerHtml } });
 };
 const AnswerPage = ({ questionnaire, response, displayOptions, allowSkipValidation, onSave, onAbort, onPreviousQuestionnaire }) => {
   useRerenderOnResponseChange(response);
@@ -18097,8 +18611,8 @@ const AnswerPage = ({ questionnaire, response, displayOptions, allowSkipValidati
   const topClassName = classNames({
     dark: displayOptions.darkMode
   });
-  return /* @__PURE__ */ jsx(QubyContext.Provider, { value: { questionnaire, response, displayOptions, setQuestionRef, translationsCurlies }, children: /* @__PURE__ */ jsxs("div", { ref: qubyRef, className: topClassName, style: mapCssVars(questionnaire.cssVars), lang: displayOptions.language, dir: displayOptions.dir, children: [
-    /* @__PURE__ */ jsx("form", { className: "paged", onSubmit: (event) => event.preventDefault(), children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(QubyContext.Provider, { value: { questionnaire, response, displayOptions, setQuestionRef, translationsCurlies }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: qubyRef, className: topClassName, style: mapCssVars(questionnaire.cssVars), lang: displayOptions.language, dir: displayOptions.dir, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("form", { className: "paged", onSubmit: (event) => event.preventDefault(), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       Paginator,
       {
         beforeNext,
@@ -18111,7 +18625,7 @@ const AnswerPage = ({ questionnaire, response, displayOptions, allowSkipValidati
         onFocus: () => response.setActiveQuestion(null)
       }
     ) }),
-    /* @__PURE__ */ jsx(Footer, {})
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Footer, {})
   ] }) });
 };
 const useRerenderOnResponseChange = (response) => {
@@ -18142,7 +18656,7 @@ const scrollToAndFocus = (ref) => {
     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-inline: 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, select {\n    border: 1px solid oklch(var(--foreground));\n    border-radius: var(--default-radius);\n  }\n    input:focus, textarea:focus, select: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, select: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    position: relative;\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]:hover, input[type=radio]:hover {\n      border-color: oklch(var(--primary)); /* minimal feedback that clicking radio/label will do something */\n      border-width: 2px;\n    }\n    input[type=checkbox]::before, input[type=radio]::before {\n      content: "";\n      width: calc(var(--checkradio-size) - 6px);\n      height: calc(var(--checkradio-size) - 6px);\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]::after, input[type=radio]::after {\n      content: "";\n      position: absolute;\n      top: -4px;\n      inset-inline-start: -4px;\n      height: 24px;\n      width: 24px;\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: inline-start;\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-block: 0 1rem;\n      margin-inline: var(--list-indent) 0;\n    }\n.prose ol {\n      list-style-type: lower-alpha;\n      margin-block: 0 1rem;\n      margin-inline: var(--list-indent) 0;\n    }\n.prose ol.list-decimal {\n        list-style-type: decimal;\n      }\n.prose li {\n      padding-inline-start: 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-block: -.8rem 0;\n        margin-inline: -1.4rem 0;\n        position: absolute;\n        color: #666;\n    }\nblockquote >ul::before {\n      margin-inline-start: 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;\n        margin-inline-start: -.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-2 {\n  margin-bottom: 0.5rem;\n}\n.me-1 {\n  margin-inline-end: 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-block {\n  display: inline-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, .question-bar {\n  --question-bar-color: var(--super-muted);\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(--question-bar-color));\n}\n.item.question:dir(rtl), .question-bar:dir(rtl) {\n    box-shadow: calc(var(--question-bar-padding)) 0 0 0 oklch(var(--page)), calc(var(--question-bar-width) + var(--question-bar-padding)) 0px 0px 0px oklch(var(--question-bar-color));\n  }\n.item.question.active, .item.question .item:has(.active), .question-bar.active, .question-bar .item:has(.active) {\n    --question-bar-color: var(--primary);\n  }\n.item.question.errors, .question-bar.errors {\n    --question-bar-color: var(--error-background);\n  }\n.item.question.errors.active, .question-bar.errors.active {\n    --question-bar-color: 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 .main {\n  margin-bottom: 0.25rem; /* margin to .description, collapses with .field if that is the next element */\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 .instruction {\n  font-weight: 400;\n}\n.item .description-and-fields > .description .example {}\n.item .description-and-fields > .description .explanation {}\n.item .fields {\n  margin-top: 0.5rem;\n}\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    margin-bottom: var(--question-padding);\n    z-index: 1; /* prevent showing under slider */\n    padding-inline-end: 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>div :first-child {\n        margin-top: 0;\n      }\n.info-item .info-html>div :last-child {\n        margin-bottom: 0;\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/* gradient under info-html, to make text fade under it */\n.info-item .info-html::after {\n      content: "";\n      position: absolute;\n      bottom: calc(-1 * var(--question-padding));\n      height: var(--question-padding);\n      width: 100%;\n      left: 0;\n      background: linear-gradient(in oklch, oklch(var(--page)), transparent);\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: inline-end;\n    top: 0;\n    transition: margin 0.5s;\n    position: sticky;\n  }\n.info-item .info-icon:hover {\n      cursor: pointer;\n    }\n.info-item .info-icon.stuck {\n      margin-right: calc(-1 * var(--panel-padding));\n    }\n.info-item .info-icon svg {\n      width: var(--icon-size);\n      height: var(--icon-size);\n      margin: var(--icon-margin);\n    }\n/* default type */\n.info-item.info .info-html, .info-item.info .info-icon {\n      background-color: oklch(var(--info-block-bg));\n    }\n.info-item.info .info-html {\n  padding: 0.5rem;\n      color: oklch(var(--info-block-fg));\n}\n/* type actionbar */\n.info-item.question-bar .info-html, .info-item.question-bar info-icon {\n      background-color: oklch(var(--page));\n    }\n.info-item.question-bar .info-html {\n      padding: 0;\n    }\n.info-item.question-bar .info-html>div {\n        max-height: 40vh; /* Just a precaution, should be shorter */\n        overflow: auto;\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  }\n.item.radio .option .labelwrapper>*, .item.check_box .option .labelwrapper>* {\n      padding-inline-start: var(--checkradio-padding); /* padding in label, so no space between input and label */\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-inline-start: 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-inline-start: 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    inset-inline-start: 0;\n    margin-inline-start: 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 .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-inline: 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, select {\n    border: 1px solid oklch(var(--foreground));\n    border-radius: var(--default-radius);\n  }\n    input:focus, textarea:focus, select: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, select: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    position: relative;\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]:hover, input[type=radio]:hover {\n      border-color: oklch(var(--primary)); /* minimal feedback that clicking radio/label will do something */\n      border-width: 2px;\n    }\n    input[type=checkbox]::before, input[type=radio]::before {\n      content: "";\n      width: calc(var(--checkradio-size) - 6px);\n      height: calc(var(--checkradio-size) - 6px);\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]::after, input[type=radio]::after {\n      content: "";\n      position: absolute;\n      top: -4px;\n      inset-inline-start: -4px;\n      height: 24px;\n      width: 24px;\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: inline-start;\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-block: 0 1rem;\n      margin-inline: var(--list-indent) 0;\n    }\n.prose ol {\n      list-style-type: lower-alpha;\n      margin-block: 0 1rem;\n      margin-inline: var(--list-indent) 0;\n    }\n.prose ol.list-decimal {\n        list-style-type: decimal;\n      }\n.prose li {\n      padding-inline-start: 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-block: -.8rem 0;\n        margin-inline: -1.4rem 0;\n        position: absolute;\n        color: #666;\n    }\nblockquote >ul::before {\n      margin-inline-start: 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;\n        margin-inline-start: -.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.mb-2 {\n  margin-bottom: 0.5rem;\n}\n.me-1 {\n  margin-inline-end: 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-block {\n  display: inline-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.font-light {\n  font-weight: 300;\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, .question-bar {\n  --question-bar-color: var(--super-muted);\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(--question-bar-color));\n}\n.item.question:dir(rtl), .question-bar:dir(rtl) {\n    box-shadow: calc(var(--question-bar-padding)) 0 0 0 oklch(var(--page)), calc(var(--question-bar-width) + var(--question-bar-padding)) 0px 0px 0px oklch(var(--question-bar-color));\n  }\n.item.question.active, .item.question .item:has(.active), .question-bar.active, .question-bar .item:has(.active) {\n    --question-bar-color: var(--primary);\n  }\n.item.question.errors, .question-bar.errors {\n    --question-bar-color: var(--error-background);\n  }\n.item.question.errors.active, .question-bar.errors.active {\n    --question-bar-color: 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 .main {\n  margin-bottom: 0.25rem; /* margin to .description, collapses with .field if that is the next element */\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 .instruction {\n  font-weight: 400;\n}\n.item .description-and-fields > .description .example {}\n.item .description-and-fields > .description .explanation {}\n.item .fields {\n  margin-top: 0.5rem;\n}\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    margin-bottom: var(--question-padding);\n    z-index: 1; /* prevent showing under slider */\n    padding-inline-end: 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>div :first-child {\n        margin-top: 0;\n      }\n.info-item .info-html>div :last-child {\n        margin-bottom: 0;\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/* gradient under info-html, to make text fade under it */\n.info-item .info-html::after {\n      content: "";\n      position: absolute;\n      bottom: calc(-1 * var(--question-padding));\n      height: var(--question-padding);\n      width: 100%;\n      left: 0;\n      background: linear-gradient(in oklch, oklch(var(--page)), transparent);\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: inline-end;\n    top: 0;\n    transition: margin 0.5s;\n    position: sticky;\n  }\n.info-item .info-icon:hover {\n      cursor: pointer;\n    }\n.info-item .info-icon.stuck {\n      margin-right: calc(-1 * var(--panel-padding));\n    }\n.info-item .info-icon svg {\n      width: var(--icon-size);\n      height: var(--icon-size);\n      margin: var(--icon-margin);\n    }\n/* default type */\n.info-item.info .info-html, .info-item.info .info-icon {\n      background-color: oklch(var(--info-block-bg));\n    }\n.info-item.info .info-html {\n  padding: 0.5rem;\n      color: oklch(var(--info-block-fg));\n}\n/* type actionbar */\n.info-item.question-bar .info-html, .info-item.question-bar info-icon {\n      background-color: oklch(var(--page));\n    }\n.info-item.question-bar .info-html {\n      padding: 0;\n    }\n.info-item.question-bar .info-html>div {\n        max-height: 40vh; /* Just a precaution, should be shorter */\n        overflow: auto;\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  }\n.item.radio .option .labelwrapper>*, .item.check_box .option .labelwrapper>* {\n      padding-inline-start: var(--checkradio-padding); /* padding in label, so no space between input and label */\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-inline-start: 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-inline-start: 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    inset-inline-start: 0;\n    margin-inline-start: 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 .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 RTL_LANGUAGES = ["ar", "he", "fa", "ur"];
 const Quby = (props) => {
@@ -18190,9 +18704,9 @@ const Quby = (props) => {
       };
     }
   }, [props.unsavedResponseWarning]);
-  return /* @__PURE__ */ jsxs(root.qubyRoot, { children: [
-    /* @__PURE__ */ jsx("style", { children: newLayout ? styles : oldStyles }),
-    /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(root.qubyRoot, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("style", { children: newLayout ? styles : oldStyles }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
       AnswerPage,
       {
         questionnaire: response.questionnaire,