@roqua/quby-frontend 0.10.19 → 0.10.21

package/dist/quby-frontend.es.js

@@ -2761,6 +2761,7 @@ const resources = {
       },
       "thanks_for_filling_out": "Bedankt voor het invullen van deze vragenlijst. Uw antwoorden zijn opgeslagen.",
       "ios_download_instruction": "Er opent een nieuw tabblad waarop de download wordt gestart.\n\nSla het bestand op in Boeken/iBooks. Keer dan terug naar de browser met de knop '< Safari' geheel linksboven.\n\nGa in de browser terug met de terug knop '<' en druk op 'Klaar' om je invulling vast te leggen.",
+      "comma_in_float_warning": "Komma weggelaten. Gebruik een punt voor decimale getallen.",
       "validations": {
         "maximum": "Uw antwoord moet een getal kleiner dan of gelijk aan %{value} zijn.",
         "maximum_date": "De datum moet op of voor de dag %{friendly_date} liggen.",
@@ -2830,6 +2831,7 @@ const resources = {
       },
       "thanks_for_filling_out": "Thank you for filling out the questionnaire.",
       "ios_download_instruction": "Your download will open in a new tab.\n\nSave the file in Books/iBooks. Return to the browser using the '< Safari' button in the top left.\n\nBack in the browser, press the back '<' button and press 'Done' to complete your questionnaire.",
+      "comma_in_float_warning": "Comma omitted. Use a period for decimal numbers.",
       "validations": {
         "maximum": "Enter a number of at most %{value}.",
         "maximum_date": "Entered date must be on or before %{friendly_date}.",
@@ -2903,6 +2905,7 @@ const resources = {
       },
       "thanks_for_filling_out": "Vielen Dank für das Ausfüllen dieses Fragebogens. Ihre Antworten sind gespeichert.",
       "ios_download_instruction": "Eine neue Browser-Tab wird geöffnet, in der der Download gestartet wird.\n\nSpeichern Sie die Datei in Books/iBooks. Kehren Sie dann mit der Knopf '< Safari' oben links zum Browser zurück. \n\nDenn, im Browser gehen Sie mit dem Zurück-Knopf '<' zurück und drücken Sie auf 'Fertig' um die Fragebogen zu speichern.",
+      "comma_in_float_warning": "Komma weggelassen. Bitte verwenden Sie einen Punkt für Dezimalzahlen.",
       "validations": {
         "maximum": {
           "date": "Das Datum muss an oder vor dem %{friendly_date} liegen.",
@@ -13387,7 +13390,7 @@ const parseMultiSelectAnswer = (answer, question) => {
   });
   return answerSet;
 };
-const TEXTVAR_REGEX = /\{\{((?<type>[a-z_]+)\.(?<textvar>[a-z0-9]+)|(?<textvaronly>[a-z0-9_]+))\}\}/g;
+const TEXTVAR_REGEX = /\{\{((?<type>[a-z_]+)\.(?<textvar>[a-z0-9_]+)|(?<textvaronly>[a-z0-9_]+))\}\}/g;
 class CurliesInterpolator {
   constructor(response, questionnaire) {
     __publicField(this, "response");
@@ -13479,12 +13482,12 @@ class PanelLogic {
   // Returns null if already on the last panel.
   nextPanelIndexToActivate(panelIndex) {
     let newIndex = panelIndex + 1;
-    if (newIndex === this.panels.length) {
-      return null;
-    }
     while (newIndex < this.panels.length && this.allQuestionsHidden(newIndex)) {
       newIndex++;
     }
+    if (newIndex === this.panels.length) {
+      return null;
+    }
     return newIndex;
   }
   // previous panel that is true for one of the following conditions:
@@ -13999,7 +14002,13 @@ function htmlId$5(question) {
 const FloatQuestion = ({ question, fieldState, setQuestionRef }) => {
   var _a;
   const { t: t2 } = useTranslation();
+  const [commaError, setCommaError] = useState(false);
   const mbvArgs = useMightBecomeValid((_a = fieldState.value) == null ? void 0 : _a.toString(), (newValue) => {
+    if (newValue.includes(",")) {
+      setCommaError(true);
+    } else {
+      setCommaError(false);
+    }
     if (["-", ".", `${fieldState.value}.`].includes(newValue)) {
       return newValue;
     }
@@ -14022,6 +14031,7 @@ const FloatQuestion = ({ question, fieldState, setQuestionRef }) => {
     /* @__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(
           "input",
@@ -14031,6 +14041,7 @@ const FloatQuestion = ({ question, fieldState, setQuestionRef }) => {
             disabled: fieldState.disabled,
             size: question.size,
             onFocus: fieldState.setAsActiveQuestion,
+            placeholder: "0.0",
             ...mbvArgs
           }
         ),
@@ -15025,7 +15036,7 @@ const SliderQuestion = ({ question, fieldState, setQuestionRef }) => {
 };
 const renderThumb$1 = ({ props, value, isDragged, blank, showTooltip, startThumbHidden, isActiveQuestion, onFocus }) => {
   if (startThumbHidden && blank) {
-    return /* @__PURE__ */ createElement("div", { ...props, key: props.key });
+    return /* @__PURE__ */ createElement("div", { ...props, key: props.key, onFocus });
   }
   return /* @__PURE__ */ createElement(
     "div",
@@ -18969,7 +18980,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-left: auto;\n      margin-right: auto;\n    }\n\n  h1, h2, h3, h4, .h1, .h2, .h3, .h4 {\n  font-weight: 700;\n}\n\n  h1 em, h2 em, h3 em, h4 em, .h1 em, .h2 em, .h3 em, .h4 em {\n      font-weight: inherit;\n    }\n\n  h1 strong, h2 strong, h3 strong, h4 strong, .h1 strong, .h2 strong, .h3 strong, .h4 strong {\n  font-weight: 900;\n}\n\n  h1, h2, h3, h4, .h1, .h2, .h3, .h4 {\n    margin: 1.5rem 0 1rem;\n  }\n\n  h1, .h1 {\n    font-size: 1.75rem;\n    margin: 1.5rem 0 2rem;\n  }\n\n  h2, .h2 {\n    font-size: 1.5rem;\n  }\n\n  h3, .h3 {\n    font-size: 1.25rem;\n  }\n\n  h4, .h4 {\n    font-size: 1rem;\n  }\n  :host {\n    --page: 1 0 0;\n    --background: 1 0 0;\n    --foreground: .21 .04 266; /* text color */\n    --foreground-80: .38 .04 266;\n    --foreground-60: .55 .04 266;\n    --muted: var(--foreground-60); /* text color muted */\n    --super-muted: .95 .04 266;\n    --primary: .454 .135 254;\n    --primary-muted: .5 .135 254;\n    --primary-hover: 0.5 0.16 254;\n    --primary-inv: var(--background);\n    --error-bar: .64 .24 27;\n    --error-background: var(--error-bar) / .4;\n    --slider-track: .91 0 0;\n    --info-block-bg: .87 .055 223;\n    --info-block-fg: var(--foreground);\n\n    --panel-padding: 1rem;\n    --default-radius: 0.25rem;\n    --checkradio-size: 1rem;\n    --checkradio-padding: 0.75rem;\n    --question-padding: 2rem;\n    --question-bar-padding: 8px;\n    --question-bar-width: 4px;\n    --list-indent: 1.5rem;\n\n    /* To change in questionnaires */\n    --option-gap-y: 0; /* vertical gap between options, 1, 2, 3, 4 */\n    --question-mb-factor: 1; /* vertical gap to the next question, 0, 0.5, 1, 1.5, 2 */\n    --max-page-width: 75rem;\n  }\n\n  @media(min-width: 800px) {\n    :host {\n      --panel-padding: 2rem;\n      --question-bar-padding: 10px;\n    }\n  }\n\n  .dark {\n    --page: .186 .031 272;\n    --background: 0 0 0;\n    --foreground: 1 0 0;\n    --foreground-80: .8 0 0;\n    --foreground-60: .6 0 0;\n    --foreground-40: .4 0 0;\n    --muted: var(--foreground-60);\n    --super-muted: .3 0 0;\n    --primary: .68 .16 254;\n    --primary-hover: 0.5 0.16 254;\n    --primary-muted: .3 .135 254;\n    --primary-inv: var(--foreground);\n    --slider-track: .23 0 197;\n    --info-block-bg: .4342 .052 233;\n    --info-block-fg: var(--foreground);\n  }\n\n  :host {\n    all: initial;\n    display: block;\n    position: relative; /* fix absolute children when quby lives in a scrolling container */\n    /* Copied from tailwind html css. */\n    line-height: 1.5; /* 1 */\n    -webkit-text-size-adjust: 100%; /* 2 */\n    -moz-tab-size: 4;\n      -o-tab-size: 4;\n         tab-size: 4; /* 3 */\n    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */\n    font-feature-settings: normal; /* 5 */\n    font-variation-settings: normal; /* 6 */\n\n    /* Made normal font thinner (300) in tailwind.conf */\n\n    font-weight: 400;\n  }\n\n  input, textarea, 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    display: grid; /* easiest way to perfectly center the ::before */\n    place-content: center;\n    width: var(--checkradio-size);\n    height: var(--checkradio-size);\n    margin: .25rem 0;\n  } /* center vertically, (line-height-height)/2 */\n    input[type=checkbox]::before, input[type=radio]::before {\n      content: "";\n      width: 0.65rem;\n      height: 0.65rem;\n      transform: scale(0); /* hide when not checked */\n      transition: 125ms transform ease-in-out;\n      box-shadow: inset 1em 1em oklch(var(--check-color)); /* bg instead of bgcolor to enable printing */\n      background-color: CanvasText; /* replace shadow when forced colors */\n    }\n    input[type=checkbox]:checked::before, input[type=radio]:checked::before {\n      transform: scale(1);\n    }\n\n  input[type=checkbox] {\n    border-radius: var(--default-radius);\n  }\n    input[type=checkbox]::before {\n      clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); /* checkmark */\n    } \n  input[type=radio] {\n    border-radius: 50%;\n  }\n    input[type=radio]::before {\n      border-radius: 50%;\n    }\n  .active input[type=checkbox]:not(:disabled), .active input[type=radio]:not(:disabled) {\n    --check-color: var(--primary);\n  }\n\n*, ::before, ::after {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n}\n\n::backdrop {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n}\n.progress-bar {\n    margin: var(--panel-padding);\n  }\n.progress-bar .progress-wrapper .progress-slider {\n    background-position: 0 4px;\n    display: inline-block;\n    height: 12px;\n    border: 1px solid #ccc;\n    border-radius: 6px;\n    padding: 1px;\n  }\n.panel .progress-bar .progress-wrapper {\n    text-align: center;\n  }\n.progress-bar .progress-stop {\n    height: 8px;\n    line-height: 8px;\n    width: 6px;\n    background: none;\n    font-size: 6px;\n    text-indent: -1234em;\n    display: block;\n    float: left;\n  }\n.progress-bar .progress-stop.first-child {\n    width: 8px;\n    border-radius: 5px 0 0 5px;\n  }\n.progress-bar .progress-stop.last-child {\n    width: 8px;\n    border-radius: 0 5px 5px 0;\n  }\n.progress-bar .progress-stop.active {\n    background: oklch(var(--muted));\n  }\n.progress-bar .progress-stop.current {\n    border-radius: 0 5px 5px 0;\n  }\n.progress-bar .progress-stop.current.first-child {\n    border-radius: 5px;\n  }\n.progress-bar .progress-details {\n    color: has(var(--muted));\n    font-size: 9px;\n  }\n.prose p {\n      margin: 0 0 1rem 0;\n    }\n/* for things like description we want less, so the parent will determine the outer margin. */\n/* if only margin-trim was more widely supported */\n.prose > *:first-child {\n      margin-top: 0;\n    }\n.prose > *:last-child {\n      margin-bottom: 0;\n    }\n.prose ul {\n      list-style-type: disc;\n      margin: 0 0 1rem var(--list-indent);\n    }\n.prose ol {\n      list-style-type: lower-alpha;\n      margin: 0 0 1rem var(--list-indent);\n    }\n.prose ol.list-decimal {\n        list-style-type: decimal;\n      }\n.prose li {\n      padding-left: 0.5rem;\n    }\n.prose hr {\n      margin: var(--question-padding) 1rem;\n      border: none;\n      height: 0.125rem;\n      background-color: oklch(var(--muted));\n    }\n.prose hr.compact {\n      margin: 1rem;\n    }\nblockquote {\n    margin: 1em 2em;\n  }\nblockquote >* {\n        font-style: italic;\n    }\nblockquote >p::before,\n    blockquote >p:last-child::after,\n    blockquote >ul::before,\n    blockquote >ul:last-child > li:last-child::after {\n        content: "“";\n        font-family: Georgia;\n        font-size: 2.5rem;\n        margin: -.8rem 0 0 -1.4rem;\n        position: absolute;\n        color: #666;\n    }\nblockquote >ul::before {\n      margin-left: calc(-1.1rem - var(--list-indent));\n    }\nblockquote >p:last-child::after,\n    blockquote >ul:last-child > li:last-child::after {\n        content: "”";\n        margin: 0 0 0 -.1rem\n    }\nblockquote.blue-quotes p::before,\n    blockquote.blue-quotes p:last-child::after {\n        color: #298ED5;\n    }\n.visible {\n  visibility: visible;\n}\n.absolute {\n  position: absolute;\n}\n.sticky {\n  position: sticky;\n}\n.order-last {\n  order: 9999;\n}\n.float-right {\n  float: right;\n}\n.m-panel-padding {\n  margin: var(--panel-padding);\n}\n.mx-1 {\n  margin-left: 0.25rem;\n  margin-right: 0.25rem;\n}\n.my-1 {\n  margin-top: 0.25rem;\n  margin-bottom: 0.25rem;\n}\n.mb-1 {\n  margin-bottom: 0.25rem;\n}\n.mb-2 {\n  margin-bottom: 0.5rem;\n}\n.mr-1 {\n  margin-right: 0.25rem;\n}\n.mt-1 {\n  margin-top: 0.25rem;\n}\n.mt-3 {\n  margin-top: 0.75rem;\n}\n.block {\n  display: block;\n}\n.inline {\n  display: inline;\n}\n.flex {\n  display: flex;\n}\n.table {\n  display: table;\n}\n.hidden {\n  display: none;\n}\n.w-1\\/2 {\n  width: 50%;\n}\n.w-1\\/3 {\n  width: 33.333333%;\n}\n.w-1\\/4 {\n  width: 25%;\n}\n.w-1\\/5 {\n  width: 20%;\n}\n.w-1\\/6 {\n  width: 16.666667%;\n}\n.w-2\\/3 {\n  width: 66.666667%;\n}\n.w-2\\/5 {\n  width: 40%;\n}\n.w-3\\/4 {\n  width: 75%;\n}\n.w-3\\/5 {\n  width: 60%;\n}\n.w-4\\/5 {\n  width: 80%;\n}\n.w-5\\/6 {\n  width: 83.333333%;\n}\n.w-full {\n  width: 100%;\n}\n.transform {\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.resize {\n  resize: both;\n}\n.list-decimal {\n  list-style-type: decimal;\n}\n.justify-between {\n  justify-content: space-between;\n}\n.rounded {\n  border-radius: 0.25rem;\n}\n.border {\n  border-width: 1px;\n}\n.border-2 {\n  border-width: 2px;\n}\n.border-warning {\n  --tw-border-opacity: 1;\n  border-color: rgb(255 165 0 / var(--tw-border-opacity));\n}\n.bg-slate-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(241 245 249 / var(--tw-bg-opacity));\n}\n.p-panel-padding {\n  padding: var(--panel-padding);\n}\n.text-center {\n  text-align: center;\n}\n.align-top {\n  vertical-align: top;\n}\n.text-lg {\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n}\n.font-light {\n  font-weight: 300;\n}\n.font-medium {\n  font-weight: 500;\n}\n.underline {\n  text-decoration-line: underline;\n}\n.filter {\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n:host > div {\n  background-color: oklch(var(--page));\n  color: oklch(var(--foreground));\n  min-height: 100cqh;\n}\n:host > div > * {\n  max-width: var(--max-page-width);\n  margin: 0 auto;\n}\n.panel + .panel {\n  margin-top: 5rem;\n}\n.option .labelwrapper p {\n  display: inline; /* temp fix, should be stripped by quby-compiler */\n}\n.item.question {\n  box-shadow: calc(-1 * var(--question-bar-padding)) 0 0 0 oklch(var(--page)), calc(0px - var(--question-bar-width) - var(--question-bar-padding)) 0px 0px 0px oklch(var(--super-muted));\n}\n.item.active, .item:has(.active) {\n  box-shadow: calc(-1 * var(--question-bar-padding)) 0 0 0 oklch(var(--page)), calc(0px - var(--question-bar-width) - var(--question-bar-padding)) 0px 0px 0px oklch(var(--primary));\n}\n.item.errors {\n  box-shadow: calc(-1 * var(--question-bar-padding)) 0 0 0 oklch(var(--page)), calc(0px - var(--question-bar-width) - var(--question-bar-padding)) 0px 0px 0px oklch(var(--error-background));\n}\n.item.errors.active {\n  box-shadow: calc(-1 * var(--question-bar-padding)) 0 0 0 oklch(var(--page)), calc(0px - var(--question-bar-width) - var(--question-bar-padding)) 0px 0px 0px oklch(var(--error-bar));\n}\n.item .main {\n  font-weight: 700;\n}\n.item .main em {\n      font-weight: inherit;\n    }\n.item .main strong {\n  font-weight: 900;\n}\n.item .inner-title {\n    margin: 1rem 0 0.5rem;\n    font-weight: 600;\n  }\n.item .inner-title em {\n  font-weight: 700;\n}\n.item .inner-title strong {\n  font-weight: 800;\n}\n.item .description-and-fields > .description {\n  font-weight: 300;\n}\n.item .description-and-fields > .description em {\n  font-weight: 400;\n}\n.item .description-and-fields > .description strong {\n  font-weight: 600;\n}\n.item .description-and-fields > .description {\n  margin-bottom: 0.5rem;\n}\n.item .description-and-fields > .description .instruction {\n  font-weight: 400;\n}\n.item .description-and-fields > .description .example {}\n.item .description-and-fields > .description .explanation {}\nbutton {\n  border-radius: 0.375rem;\n  padding-left: 1rem;\n  padding-right: 1rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  font-weight: 600;\n}\nbutton:focus-visible {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\nbutton.secondary {\n  border-width: 2px;\n  border-color: oklch(var(--primary));\n  background-color: oklch(var(--background));\n  color: oklch(var(--primary));\n}\nbutton.secondary:hover {\n      border-color: oklch(var(--primary-hover));\n      color: oklch(var(--primary-hover));\n    }\nbutton.primary {\n  background-color: oklch(var(--primary));\n  color: oklch(var(--background));\n}\nbutton.primary:hover {\n      background-color: oklch(var(--primary-hover));\n    }\n.info-item {\n  --icon-size: 20px;\n  --icon-margin: 8px;\n}\n.info-item .info-html {\n  padding: 0.5rem;\n    margin-bottom: var(--question-padding);\n    background-color: oklch(var(--info-block-bg));\n    color: oklch(var(--info-block-fg));\n    z-index: 1; /* prevent showing under slider */\n    padding-right: calc(var(--icon-size) + 2 * var(--icon-margin));\n}\n.info-item .info-html.open { /* opened by clicking icon */\n      position: sticky;\n      top: 0;\n    }\n.info-item .info-html>div { /* actual content, extra div needed to animate scale. */\n      transform-origin: center top;\n      transition: inherit;\n    }\n.info-item .info-html.opening {\n      height: 0;\n      margin-bottom: 0;\n    }\n.info-item .info-html.opening>div { \n        transform: scale(1, 0); /* animating scale, since we can\'t both hide content and have the icon float */\n      }\n.info-item .info-html {\n    transition: all 0.3s linear;\n    interpolate-size: allow-keywords;\n}\n.info-item .info-icon {\n    position: relative; /* with z-index to make it appear above the info-html */\n    z-index: 2;\n    float: right;\n    top: 0;\n    background-color: oklch(var(--info-block-bg));\n    transition: margin 0.5s;\n  }\n.info-item .info-icon.stuck {\n      position: sticky;\n      margin-right: calc(-1 * var(--panel-padding));\n    }\n.info-item .info-icon:hover {\n      cursor: pointer;\n    }\n.info-item .info-icon svg {\n      width: var(--icon-size);\n      height: var(--icon-size);\n      margin: var(--icon-margin);\n    }\n.item.radio .option, .item.check_box .option {\n  display: flex;\n  flex-wrap: wrap;\n}\n.item.radio .option .radiocheckwrapper, .item.check_box .option .radiocheckwrapper {\n    flex: 0 0 var(--checkradio-size);\n  }\n.item.radio .option .value, .item.check_box .option .value {\n    flex: 0 0 2rem;\n    text-align: right;\n  }\n.item.radio .option .labelwrapper, .item.check_box .option .labelwrapper {\n    flex: 1 1 0;\n    padding-left: var(--checkradio-padding);\n  }\n.item.radio .option .subquestions, .item.check_box .option .subquestions {\n    width: 100%; /* forces it to the next lines */\n  }\n.item.radio .option + .option, .item.check_box .option + .option {\n    margin-top: calc(var(--option-gap-y) * 0.25rem);\n  }\n.subquestions {\n  margin-left: calc(var(--question-bar-padding) + var(--checkradio-size)/2 + 2px); /* align active bar under checkbox/radio */\n}\n/* context-description doesn\'t live under question, so doesn\'t react to a single question override. */\n.item, .context-description {\n  position: relative;\n  margin-bottom: calc(var(--question-padding) * var(--question-mb-factor));\n}\n.item:has(+.indent.question) {\n  margin-bottom: 0;\n  padding-bottom: calc(var(--question-padding) * var(--question-mb-factor) / 2);\n}\n.question.indent {\n  padding-left: calc(var(--checkradio-size) + var(--checkradio-padding));\n}\n/* align with option text, it\'s often below selects and a fine padding for other types */\n.question.indent::before {\n    content: "";\n    position: absolute;\n    top: 10px;\n    left: 0;\n    margin-left: calc(0px - var(--question-bar-padding));\n    width: calc(var(--checkradio-size) + var(--question-bar-padding));\n    height: var(--question-bar-width);\n    background-color: oklch(var(--super-muted));\n  }\n.question.indent.active::before {\n    background-color: oklch(var(--primary));\n  }\n.subquestions .item {\n  margin-bottom: 0;\n}\n/* Distance from inputs feel than from text, since they don\'t have extra line-height padding.\n  * So we add a bit of padding, but not for radio/checkbox, \n  *   since they do have line-height from the labels.\n  *   but also because it would prevent margin-collapsing when they have subquestions.\n  * Let\'s hope someday text-box-trim will make this obsolete. */\n.item:not(.radio):not(.check_box) .description-and-fields {\n  padding-bottom: 0.5em;\n}\n.item.errors .error {\n  background: oklch(var(--error-background));\n  outline: 1px solid oklch(var(--error-bar));\n  border-radius: var(--default-radius);\n  margin: 0.25rem;\n  padding: 0.25rem;\n}\nfooter {\n  font-weight: 300;\n}\nfooter em {\n  font-weight: 400;\n}\nfooter strong {\n  font-weight: 600;\n}\nfooter {\n  font-size: .875rem;\n  padding: var(--panel-padding);\n  color: oklch(var(--foreground-80));\n}\n:is(.dark .dark\\:bg-slate-700) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(51 65 85 / var(--tw-bg-opacity));\n}\n';
+const styles = '/*\n! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com\n*//*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: #e5e7eb; /* 2 */\n}\n\n::before,\n::after {\n  --tw-content: \'\';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user\'s configured `sans` font-family by default.\n5. Use the user\'s configured `sans` font-feature-settings by default.\n6. Use the user\'s configured `sans` font-variation-settings by default.\n*/\n\nhtml {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  -o-tab-size: 4;\n     tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n1. Use the user\'s configured `mono` font family by default.\n2. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\n[type=\'button\'],\n[type=\'reset\'],\n[type=\'submit\'] {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n  outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type=\'search\'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n/*\nReset default styling for dialogs.\n*/\ndialog {\n  padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n  resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user\'s configured gray 400 color.\n*/\n\ninput::-moz-placeholder, textarea::-moz-placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role="button"] {\n  cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don\'t get the pointer cursor.\n*/\n:disabled {\n  cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/* Make elements with the HTML hidden attribute stay hidden by default */\n[hidden] {\n  display: none;\n}\n  em {\n    font-style: italic;\n    font-weight: 500;\n  }\n\n  strong {\n    font-weight: bolder;\n  }\n    strong em {\n      font-weight: inherit;\n    }\n\n  em.clean {\n    font-style: inherit;\n  }\n\n  strong.clean { \n    font-weight: inherit;\n  }\n\n  .underline { /* mostly for <strong class="clean underline"> */\n    text-decoration: underline;\n  }\n\n  /* de-emphasize the text */\n  .de-em {\n  font-weight: 300;\n}\n  .de-em em {\n  font-weight: 400;\n}\n  .de-em strong {\n  font-weight: 600;\n}\n\n  a {\n    color: oklch(var(--primary));\n    text-decoration: underline;\n  }\n\n  .serif {\n    font-family: Georgia, serif;\n  }\n\n  small {\n    font-size: 0.8rem;\n  }\n    .text-center img, .text-center svg, .text-center input[type="radio"] { /* These are made display block by tailwind, but we want to center when scaled */\n      margin-left: auto;\n      margin-right: auto;\n    }\n\n  h1, h2, h3, h4, .h1, .h2, .h3, .h4 {\n  font-weight: 700;\n}\n\n  h1 em, h2 em, h3 em, h4 em, .h1 em, .h2 em, .h3 em, .h4 em {\n      font-weight: inherit;\n    }\n\n  h1 strong, h2 strong, h3 strong, h4 strong, .h1 strong, .h2 strong, .h3 strong, .h4 strong {\n  font-weight: 900;\n}\n\n  h1, h2, h3, h4, .h1, .h2, .h3, .h4 {\n    margin: 1.5rem 0 1rem;\n  }\n\n  h1, .h1 {\n    font-size: 1.75rem;\n    margin: 1.5rem 0 2rem;\n  }\n\n  h2, .h2 {\n    font-size: 1.5rem;\n  }\n\n  h3, .h3 {\n    font-size: 1.25rem;\n  }\n\n  h4, .h4 {\n    font-size: 1rem;\n  }\n  :host {\n    --page: 1 0 0;\n    --background: 1 0 0;\n    --foreground: .21 .04 266; /* text color */\n    --foreground-80: .38 .04 266;\n    --foreground-60: .55 .04 266;\n    --muted: var(--foreground-60); /* text color muted */\n    --super-muted: .95 .04 266;\n    --primary: .454 .135 254;\n    --primary-muted: .5 .135 254;\n    --primary-hover: 0.5 0.16 254;\n    --primary-inv: var(--background);\n    --error-bar: .64 .24 27;\n    --error-background: var(--error-bar) / .4;\n    --slider-track: .91 0 0;\n    --info-block-bg: .87 .055 223;\n    --info-block-fg: var(--foreground);\n\n    --panel-padding: 1rem;\n    --default-radius: 0.25rem;\n    --checkradio-size: 1rem;\n    --checkradio-padding: 0.75rem;\n    --question-padding: 2rem;\n    --question-bar-padding: 8px;\n    --question-bar-width: 4px;\n    --list-indent: 1.5rem;\n\n    /* To change in questionnaires */\n    --option-gap-y: 0; /* vertical gap between options, 1, 2, 3, 4 */\n    --question-mb-factor: 1; /* vertical gap to the next question, 0, 0.5, 1, 1.5, 2 */\n    --max-page-width: 75rem;\n  }\n\n  @media(min-width: 800px) {\n    :host {\n      --panel-padding: 2rem;\n      --question-bar-padding: 10px;\n    }\n  }\n\n  .dark {\n    --page: .186 .031 272;\n    --background: 0 0 0;\n    --foreground: 1 0 0;\n    --foreground-80: .8 0 0;\n    --foreground-60: .6 0 0;\n    --foreground-40: .4 0 0;\n    --muted: var(--foreground-60);\n    --super-muted: .3 0 0;\n    --primary: .68 .16 254;\n    --primary-hover: 0.5 0.16 254;\n    --primary-muted: .3 .135 254;\n    --primary-inv: var(--foreground);\n    --slider-track: .23 0 197;\n    --info-block-bg: .4342 .052 233;\n    --info-block-fg: var(--foreground);\n  }\n\n  :host {\n    all: initial;\n    display: block;\n    position: relative; /* fix absolute children when quby lives in a scrolling container */\n    /* Copied from tailwind html css. */\n    line-height: 1.5; /* 1 */\n    -webkit-text-size-adjust: 100%; /* 2 */\n    -moz-tab-size: 4;\n      -o-tab-size: 4;\n         tab-size: 4; /* 3 */\n    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */\n    font-feature-settings: normal; /* 5 */\n    font-variation-settings: normal; /* 6 */\n\n    /* Made normal font thinner (300) in tailwind.conf */\n\n    font-weight: 400;\n  }\n\n  input, textarea, 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      left: -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: left;\n  }\n.progress-bar .progress-stop.first-child {\n    width: 8px;\n    border-radius: 5px 0 0 5px;\n  }\n.progress-bar .progress-stop.last-child {\n    width: 8px;\n    border-radius: 0 5px 5px 0;\n  }\n.progress-bar .progress-stop.active {\n    background: oklch(var(--muted));\n  }\n.progress-bar .progress-stop.current {\n    border-radius: 0 5px 5px 0;\n  }\n.progress-bar .progress-stop.current.first-child {\n    border-radius: 5px;\n  }\n.progress-bar .progress-details {\n    color: has(var(--muted));\n    font-size: 9px;\n  }\n.prose p {\n      margin: 0 0 1rem 0;\n    }\n/* for things like description we want less, so the parent will determine the outer margin. */\n/* if only margin-trim was more widely supported */\n.prose > *:first-child {\n      margin-top: 0;\n    }\n.prose > *:last-child {\n      margin-bottom: 0;\n    }\n.prose ul {\n      list-style-type: disc;\n      margin: 0 0 1rem var(--list-indent);\n    }\n.prose ol {\n      list-style-type: lower-alpha;\n      margin: 0 0 1rem var(--list-indent);\n    }\n.prose ol.list-decimal {\n        list-style-type: decimal;\n      }\n.prose li {\n      padding-left: 0.5rem;\n    }\n.prose hr {\n      margin: var(--question-padding) 1rem;\n      border: none;\n      height: 0.125rem;\n      background-color: oklch(var(--muted));\n    }\n.prose hr.compact {\n      margin: 1rem;\n    }\nblockquote {\n    margin: 1em 2em;\n  }\nblockquote >* {\n        font-style: italic;\n    }\nblockquote >p::before,\n    blockquote >p:last-child::after,\n    blockquote >ul::before,\n    blockquote >ul:last-child > li:last-child::after {\n        content: "“";\n        font-family: Georgia;\n        font-size: 2.5rem;\n        margin: -.8rem 0 0 -1.4rem;\n        position: absolute;\n        color: #666;\n    }\nblockquote >ul::before {\n      margin-left: calc(-1.1rem - var(--list-indent));\n    }\nblockquote >p:last-child::after,\n    blockquote >ul:last-child > li:last-child::after {\n        content: "”";\n        margin: 0 0 0 -.1rem\n    }\nblockquote.blue-quotes p::before,\n    blockquote.blue-quotes p:last-child::after {\n        color: #298ED5;\n    }\n.visible {\n  visibility: visible;\n}\n.absolute {\n  position: absolute;\n}\n.sticky {\n  position: sticky;\n}\n.order-last {\n  order: 9999;\n}\n.float-right {\n  float: right;\n}\n.m-panel-padding {\n  margin: var(--panel-padding);\n}\n.mx-1 {\n  margin-left: 0.25rem;\n  margin-right: 0.25rem;\n}\n.my-1 {\n  margin-top: 0.25rem;\n  margin-bottom: 0.25rem;\n}\n.mb-1 {\n  margin-bottom: 0.25rem;\n}\n.mb-2 {\n  margin-bottom: 0.5rem;\n}\n.mr-1 {\n  margin-right: 0.25rem;\n}\n.mt-1 {\n  margin-top: 0.25rem;\n}\n.mt-3 {\n  margin-top: 0.75rem;\n}\n.block {\n  display: block;\n}\n.inline {\n  display: inline;\n}\n.flex {\n  display: flex;\n}\n.table {\n  display: table;\n}\n.hidden {\n  display: none;\n}\n.w-1\\/2 {\n  width: 50%;\n}\n.w-1\\/3 {\n  width: 33.333333%;\n}\n.w-1\\/4 {\n  width: 25%;\n}\n.w-1\\/5 {\n  width: 20%;\n}\n.w-1\\/6 {\n  width: 16.666667%;\n}\n.w-2\\/3 {\n  width: 66.666667%;\n}\n.w-2\\/5 {\n  width: 40%;\n}\n.w-3\\/4 {\n  width: 75%;\n}\n.w-3\\/5 {\n  width: 60%;\n}\n.w-4\\/5 {\n  width: 80%;\n}\n.w-5\\/6 {\n  width: 83.333333%;\n}\n.w-full {\n  width: 100%;\n}\n.transform {\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.resize {\n  resize: both;\n}\n.list-decimal {\n  list-style-type: decimal;\n}\n.justify-between {\n  justify-content: space-between;\n}\n.rounded {\n  border-radius: 0.25rem;\n}\n.border {\n  border-width: 1px;\n}\n.border-2 {\n  border-width: 2px;\n}\n.border-warning {\n  --tw-border-opacity: 1;\n  border-color: rgb(255 165 0 / var(--tw-border-opacity));\n}\n.bg-slate-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(241 245 249 / var(--tw-bg-opacity));\n}\n.p-panel-padding {\n  padding: var(--panel-padding);\n}\n.text-center {\n  text-align: center;\n}\n.align-top {\n  vertical-align: top;\n}\n.text-lg {\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n}\n.font-light {\n  font-weight: 300;\n}\n.font-medium {\n  font-weight: 500;\n}\n.underline {\n  text-decoration-line: underline;\n}\n.filter {\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n:host > div {\n  background-color: oklch(var(--page));\n  color: oklch(var(--foreground));\n  min-height: 100cqh;\n}\n:host > div > * {\n  max-width: var(--max-page-width);\n  margin: 0 auto;\n}\n.panel + .panel {\n  margin-top: 5rem;\n}\n.option .labelwrapper p {\n  display: inline; /* temp fix, should be stripped by quby-compiler */\n}\n.item.question {\n  box-shadow: calc(-1 * var(--question-bar-padding)) 0 0 0 oklch(var(--page)), calc(0px - var(--question-bar-width) - var(--question-bar-padding)) 0px 0px 0px oklch(var(--super-muted));\n}\n.item.active, .item:has(.active) {\n  box-shadow: calc(-1 * var(--question-bar-padding)) 0 0 0 oklch(var(--page)), calc(0px - var(--question-bar-width) - var(--question-bar-padding)) 0px 0px 0px oklch(var(--primary));\n}\n.item.errors {\n  box-shadow: calc(-1 * var(--question-bar-padding)) 0 0 0 oklch(var(--page)), calc(0px - var(--question-bar-width) - var(--question-bar-padding)) 0px 0px 0px oklch(var(--error-background));\n}\n.item.errors.active {\n  box-shadow: calc(-1 * var(--question-bar-padding)) 0 0 0 oklch(var(--page)), calc(0px - var(--question-bar-width) - var(--question-bar-padding)) 0px 0px 0px oklch(var(--error-bar));\n}\n.item .main {\n  font-weight: 700;\n}\n.item .main em {\n      font-weight: inherit;\n    }\n.item .main strong {\n  font-weight: 900;\n}\n.item .inner-title {\n    margin: 1rem 0 0.5rem;\n    font-weight: 600;\n  }\n.item .inner-title em {\n  font-weight: 700;\n}\n.item .inner-title strong {\n  font-weight: 800;\n}\n.item .description-and-fields > .description {\n  font-weight: 300;\n}\n.item .description-and-fields > .description em {\n  font-weight: 400;\n}\n.item .description-and-fields > .description strong {\n  font-weight: 600;\n}\n.item .description-and-fields > .description {\n  margin-bottom: 0.5rem;\n}\n.item .description-and-fields > .description .instruction {\n  font-weight: 400;\n}\n.item .description-and-fields > .description .example {}\n.item .description-and-fields > .description .explanation {}\nbutton {\n  border-radius: 0.375rem;\n  padding-left: 1rem;\n  padding-right: 1rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  font-weight: 600;\n}\nbutton:focus-visible {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\nbutton.secondary {\n  border-width: 2px;\n  border-color: oklch(var(--primary));\n  background-color: oklch(var(--background));\n  color: oklch(var(--primary));\n}\nbutton.secondary:hover {\n      border-color: oklch(var(--primary-hover));\n      color: oklch(var(--primary-hover));\n    }\nbutton.primary {\n  background-color: oklch(var(--primary));\n  color: oklch(var(--background));\n}\nbutton.primary:hover {\n      background-color: oklch(var(--primary-hover));\n    }\n.info-item {\n  --icon-size: 20px;\n  --icon-margin: 8px;\n}\n.info-item .info-html {\n  padding: 0.5rem;\n    margin-bottom: var(--question-padding);\n    background-color: oklch(var(--info-block-bg));\n    color: oklch(var(--info-block-fg));\n    z-index: 1; /* prevent showing under slider */\n    padding-right: calc(var(--icon-size) + 2 * var(--icon-margin));\n}\n.info-item .info-html.open { /* opened by clicking icon */\n      position: sticky;\n      top: 0;\n    }\n.info-item .info-html>div { /* actual content, extra div needed to animate scale. */\n      transform-origin: center top;\n      transition: inherit;\n    }\n.info-item .info-html.opening {\n      height: 0;\n      margin-bottom: 0;\n    }\n.info-item .info-html.opening>div { \n        transform: scale(1, 0); /* animating scale, since we can\'t both hide content and have the icon float */\n      }\n.info-item .info-html {\n    transition: all 0.3s linear;\n    interpolate-size: allow-keywords;\n}\n.info-item .info-icon {\n    position: relative; /* with z-index to make it appear above the info-html */\n    z-index: 2;\n    float: right;\n    top: 0;\n    background-color: oklch(var(--info-block-bg));\n    transition: margin 0.5s;\n  }\n.info-item .info-icon.stuck {\n      position: sticky;\n      margin-right: calc(-1 * var(--panel-padding));\n    }\n.info-item .info-icon:hover {\n      cursor: pointer;\n    }\n.info-item .info-icon svg {\n      width: var(--icon-size);\n      height: var(--icon-size);\n      margin: var(--icon-margin);\n    }\n.item.radio .option, .item.check_box .option {\n  display: flex;\n  flex-wrap: wrap;\n}\n.item.radio .option .radiocheckwrapper, .item.check_box .option .radiocheckwrapper {\n    flex: 0 0 var(--checkradio-size);\n  }\n.item.radio .option .value, .item.check_box .option .value {\n    flex: 0 0 2rem;\n    text-align: right;\n  }\n.item.radio .option .labelwrapper, .item.check_box .option .labelwrapper {\n    flex: 1 1 0;\n  }\n.item.radio .option .labelwrapper>*, .item.check_box .option .labelwrapper>* {\n      padding-left: 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-left: calc(var(--question-bar-padding) + var(--checkradio-size)/2 + 2px); /* align active bar under checkbox/radio */\n}\n/* context-description doesn\'t live under question, so doesn\'t react to a single question override. */\n.item, .context-description {\n  position: relative;\n  margin-bottom: calc(var(--question-padding) * var(--question-mb-factor));\n}\n.item:has(+.indent.question) {\n  margin-bottom: 0;\n  padding-bottom: calc(var(--question-padding) * var(--question-mb-factor) / 2);\n}\n.question.indent {\n  padding-left: calc(var(--checkradio-size) + var(--checkradio-padding));\n}\n/* align with option text, it\'s often below selects and a fine padding for other types */\n.question.indent::before {\n    content: "";\n    position: absolute;\n    top: 10px;\n    left: 0;\n    margin-left: calc(0px - var(--question-bar-padding));\n    width: calc(var(--checkradio-size) + var(--question-bar-padding));\n    height: var(--question-bar-width);\n    background-color: oklch(var(--super-muted));\n  }\n.question.indent.active::before {\n    background-color: oklch(var(--primary));\n  }\n.subquestions .item {\n  margin-bottom: 0;\n}\n/* Distance from inputs feel than from text, since they don\'t have extra line-height padding.\n  * So we add a bit of padding, but not for radio/checkbox, \n  *   since they do have line-height from the labels.\n  *   but also because it would prevent margin-collapsing when they have subquestions.\n  * Let\'s hope someday text-box-trim will make this obsolete. */\n.item:not(.radio):not(.check_box) .description-and-fields {\n  padding-bottom: 0.5em;\n}\n.item .error {\n  background: oklch(var(--error-background));\n  outline: 1px solid oklch(var(--error-bar));\n  border-radius: var(--default-radius);\n  margin: 0.25rem;\n  padding: 0.25rem;\n}\nfooter {\n  font-weight: 300;\n}\nfooter em {\n  font-weight: 400;\n}\nfooter strong {\n  font-weight: 600;\n}\nfooter {\n  font-size: .875rem;\n  padding: var(--panel-padding);\n  color: oklch(var(--foreground-80));\n}\n:is(.dark .dark\\:bg-slate-700) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(51 65 85 / var(--tw-bg-opacity));\n}\n';
 const oldStyles = ':host {\n  --background: 0 0% 100%;\n}\n\n.item.date_parts .mr-1 {\n  margin-right: 0.125rem;\n}\n.item.date_parts .mb-2 { \n  margin-bottom: 0.25rem;\n}\n\n\n/* line 5, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\nhtml, body, div, span, applet, object, iframe,\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\na, abbr, acronym, address, big, cite, code,\ndel, dfn, em, img, ins, kbd, q, s, samp,\nsmall, strike, strong, sub, sup, tt, var,\nb, u, i, center,\ndl, dt, dd, ol, ul, li,\nfieldset, form, label, legend,\ntable, caption, tbody, tfoot, thead, tr, th, td,\narticle, aside, canvas, details, embed,\nfigure, figcaption, footer, header, hgroup,\nmenu, nav, output, ruby, section, summary,\ntime, mark, audio, video {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font: inherit;\n  font-size: 100%;\n  vertical-align: baseline;\n}\n\n/* line 22, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\nhtml {\n  line-height: 1;\n}\n\n/* line 24, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\nol, ul {\n  list-style: none;\n}\n\n/* line 26, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\ntable {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\n/* line 28, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\ncaption, th, td {\n  text-align: left;\n  font-weight: normal;\n  vertical-align: middle;\n}\n\n/* line 30, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\nq, blockquote {\n  quotes: none;\n}\n/* line 103, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\nq:before, q:after, blockquote:before, blockquote:after {\n  content: "";\n  content: none;\n}\n\n/* line 32, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\na img {\n  border: none;\n}\n\n/* line 116, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\narticle, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {\n  display: block;\n}\n\n/* line 3, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n#modalFrameDialog {\n  padding: 0;\n}\n\n/* line 6, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n#modalFrame {\n  width: 100%;\n  height: 99%;\n}\n\n/* line 11, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n.x_container {\n  display: none;\n}\n\n/* line 15, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\nsup, sub {\n  font-size: 0.8em !important;\n  position: relative;\n  line-height: 0;\n}\n\n/* line 21, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\nsup {\n  top: -0.4em;\n}\n\n/* line 25, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\nsub {\n  bottom: -0.25em;\n}\n\n/* line 29, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\nhtml {\n  overflow-x: hidden;\n}\n\n/* line 33, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\nbody {\n  font-family: Verdana, sans-serif;\n  font-size: 0.8em;\n  line-height: normal;\n  background-color: #eeeeee;\n  max-width: 100%;\n  overflow-x: hidden;\n  position: relative;\n}\n\n/* line 43, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n.panel-action-links {\n  text-align: right;\n  margin-bottom: 1em;\n}\n\n/* line 48, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n.panel-action-link {\n  margin-left: 1em;\n}\n\n/* line 52, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n#mastfoot {\n  margin: 0 auto;\n  max-width: 900px;\n  text-align: right;\n  color: #aaaaaa;\n}\n/* line 58, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n#mastfoot:before {\n  content: "\\2014";\n}\n/* line 62, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n#mastfoot:after {\n  content: "\\2014";\n}\n\n/* line 67, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n#noscript-warning {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  background: yellow;\n  border: 4px solid red;\n  color: red;\n  font-size: 1.5em;\n  text-align: center;\n}\n\n/* line 79, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n.nowrap {\n  white-space: nowrap;\n}\n\n/* line 83, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\nselect {\n  width: 100%;\n}\n\n/* line 87, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\ni {\n  font-style: italic !important;\n}\n\n/* line 91, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\nem {\n  font-weight: bold;\n}\n\n/* line 95, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n#content {\n  margin-bottom: 4em;\n}\n/* line 98, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n#content input[disabled] {\n  background-color: #ddd;\n}\n/* line 102, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n#content .flash {\n  max-width: 59em;\n  _width: 59em;\n  padding-left: 1em;\n  padding-right: 1em;\n  margin-left: auto;\n  margin-right: auto;\n  margin-bottom: 1em;\n}\n/* line 38, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */\n#content .flash:after {\n  content: "";\n  display: table;\n  clear: both;\n}\n/* line 106, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n#content .flash div {\n  padding: 5px;\n  background: #333333;\n  border: 1px solid black;\n}\n/* line 112, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n#content .flash .error {\n  background: #ffbbbb;\n  border: 1px solid #ff3333;\n}\n/* line 116, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n#content .flash .notice {\n  background: #ffffcc;\n  border: 1px solid #ffcc66;\n}\n/* line 120, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n#content .flash .success {\n  background-color: #ccffcc;\n  border: 1px solid #11cc11;\n}\n/* line 126, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n#content #force-submit {\n  background: #ffffcc;\n  border: 1px solid #ffcc66;\n  padding: 3em;\n  font-size: 1.2em;\n  margin-bottom: 5em;\n}\n/* line 133, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n#content #force-submit h1 {\n  font-weight: bold;\n  margin-bottom: 1em;\n}\n/* line 134, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n#content #force-submit p {\n  margin-bottom: 1em;\n}\n/* line 137, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n#content .specifier {\n  margin: 0 !important;\n}\n/* line 139, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n#content .specifier.errors {\n  width: auto !important;\n  float: left;\n}\n\n/* line 148, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n.evenRow {\n  background-color: #eeeeee;\n}\n\n/* line 157, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n.hotkeyDialog p {\n  margin: 1em 0;\n}\n/* line 160, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n.hotkeyDialog td {\n  border: 0px;\n}\n\n/* line 165, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\ntable {\n  width: 100%;\n  border-collapse: collapse;\n  margin-bottom: 1.5em;\n}\n/* line 169, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\ntable thead tr th {\n  background: black;\n  color: white;\n  padding: 5px;\n}\n/* line 175, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\ntable tr.even {\n  background: #e9e9e9;\n}\n/* line 179, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\ntable td {\n  padding: 5px;\n  border: 1px solid #cecece;\n  vertical-align: top;\n}\n\n/* line 186, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n.ui-dialog-buttonpane {\n  overflow: hidden !important;\n}\n\n/* line 190, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\npre {\n  font-family: "Deja Vu Sans Mono", "Courier New", "Courier", monospace;\n}\n\n/* line 194, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n.question {\n  background: #e5e5e5;\n  margin: 2em;\n  padding: 2em;\n}\n\n/* line 202, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\nlabel.placeholder {\n  cursor: text;\n  padding: 4px 4px 4px 4px;\n  color: #999999;\n}\n\n/* line 209, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\ninput::-webkit-input-placeholder, textarea::-webkit-input-placeholder {\n  color: #999999;\n}\n\n/* line 213, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\ninput:placeholder, textarea:placeholder {\n  color: #999999;\n}\n\n/* line 217, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n.focus {\n  background: #cce8ed !important;\n}\n\n/* line 221, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n.print {\n  width: 83.05085%;\n  float: left;\n  margin-right: 1.69492%;\n  display: inline;\n  margin-top: 2em;\n}\n/* line 224, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n.print a {\n  color: blue;\n  text-decoration: underline;\n}\n\n/* line 230, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n.error .stacktrace {\n  color: #777;\n  white-space: pre-line;\n}\n\n/* line 235, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\nhtml.busy, html.busy * {\n  cursor: wait !important;\n}\n\n/* line 4, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.hidden {\n  display: none;\n}\n\n/* line 7, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .noVisibleQuestions, .single-page .noVisibleQuestions {\n  display: none;\n}\n/* line 9, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .hide, .single-page .hide {\n  margin: 0 !important;\n  outline: none !important;\n}\n/* line 14, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .hide > *, .single-page .hide > * {\n  display: none !important;\n}\n/* line 34, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel, .single-page .panel {\n  background: white;\n}\n/* line 6, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .panel, .single-page .panel {\n  max-width: 59em;\n  _width: 59em;\n  padding-left: 1em;\n  padding-right: 1em;\n  margin-left: auto;\n  margin-right: auto;\n  padding-top: 20px;\n}\n/* line 38, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */\n.paged .panel:after, .single-page .panel:after {\n  content: "";\n  display: table;\n  clear: both;\n}\n/* line 40, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\n.paged .panel .table div, .single-page .panel .table div, .paged .panel .table span, .single-page .panel .table span, .paged .panel .table applet, .single-page .panel .table applet, .paged .panel .table object, .single-page .panel .table object, .paged .panel .table iframe, .single-page .panel .table iframe,\n.paged .panel .table h1,\n.single-page .panel .table h1, .paged .panel .table h2, .single-page .panel .table h2, .paged .panel .table h3, .single-page .panel .table h3, .paged .panel .table h4, .single-page .panel .table h4, .paged .panel .table h5, .single-page .panel .table h5, .paged .panel .table h6, .single-page .panel .table h6, .paged .panel .table p, .single-page .panel .table p, .paged .panel .table blockquote, .single-page .panel .table blockquote, .paged .panel .table pre, .single-page .panel .table pre,\n.paged .panel .table a,\n.single-page .panel .table a, .paged .panel .table abbr, .single-page .panel .table abbr, .paged .panel .table acronym, .single-page .panel .table acronym, .paged .panel .table address, .single-page .panel .table address, .paged .panel .table big, .single-page .panel .table big, .paged .panel .table cite, .single-page .panel .table cite, .paged .panel .table code, .single-page .panel .table code,\n.paged .panel .table del,\n.single-page .panel .table del, .paged .panel .table dfn, .single-page .panel .table dfn, .paged .panel .table em, .single-page .panel .table em, .paged .panel .table img, .single-page .panel .table img, .paged .panel .table ins, .single-page .panel .table ins, .paged .panel .table kbd, .single-page .panel .table kbd, .paged .panel .table q, .single-page .panel .table q, .paged .panel .table s, .single-page .panel .table s, .paged .panel .table samp, .single-page .panel .table samp,\n.paged .panel .table small,\n.single-page .panel .table small, .paged .panel .table strike, .single-page .panel .table strike, .paged .panel .table strong, .single-page .panel .table strong, .paged .panel .table sub, .single-page .panel .table sub, .paged .panel .table sup, .single-page .panel .table sup, .paged .panel .table tt, .single-page .panel .table tt, .paged .panel .table var, .single-page .panel .table var,\n.paged .panel .table b,\n.single-page .panel .table b, .paged .panel .table u, .single-page .panel .table u, .paged .panel .table i, .single-page .panel .table i, .paged .panel .table center, .single-page .panel .table center,\n.paged .panel .table dl,\n.single-page .panel .table dl, .paged .panel .table dt, .single-page .panel .table dt, .paged .panel .table dd, .single-page .panel .table dd, .paged .panel .table ol, .single-page .panel .table ol, .paged .panel .table ul, .single-page .panel .table ul, .paged .panel .table li, .single-page .panel .table li,\n.paged .panel .table fieldset,\n.single-page .panel .table fieldset, .paged .panel .table form, .single-page .panel .table form, .paged .panel .table label, .single-page .panel .table label, .paged .panel .table legend, .single-page .panel .table legend,\n.paged .panel .table table,\n.single-page .panel .table table, .paged .panel .table caption, .single-page .panel .table caption, .paged .panel .table tbody, .single-page .panel .table tbody, .paged .panel .table tfoot, .single-page .panel .table tfoot, .paged .panel .table thead, .single-page .panel .table thead, .paged .panel .table tr, .single-page .panel .table tr, .paged .panel .table th, .single-page .panel .table th, .paged .panel .table td, .single-page .panel .table td,\n.paged .panel .table article,\n.single-page .panel .table article, .paged .panel .table aside, .single-page .panel .table aside, .paged .panel .table canvas, .single-page .panel .table canvas, .paged .panel .table details, .single-page .panel .table details, .paged .panel .table embed, .single-page .panel .table embed,\n.paged .panel .table figure,\n.single-page .panel .table figure, .paged .panel .table figcaption, .single-page .panel .table figcaption, .paged .panel .table footer, .single-page .panel .table footer, .paged .panel .table header, .single-page .panel .table header, .paged .panel .table hgroup, .single-page .panel .table hgroup,\n.paged .panel .table menu,\n.single-page .panel .table menu, .paged .panel .table nav, .single-page .panel .table nav, .paged .panel .table output, .single-page .panel .table output, .paged .panel .table ruby, .single-page .panel .table ruby, .paged .panel .table section, .single-page .panel .table section, .paged .panel .table summary, .single-page .panel .table summary,\n.paged .panel .table time,\n.single-page .panel .table time, .paged .panel .table mark, .single-page .panel .table mark, .paged .panel .table audio, .single-page .panel .table audio, .paged .panel .table video, .single-page .panel .table video {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font: inherit;\n  font-size: 100%;\n  vertical-align: baseline;\n}\n/* line 55, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\n.paged .panel .table table, .single-page .panel .table table {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n/* line 57, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\n.paged .panel .table caption, .single-page .panel .table caption, .paged .panel .table th, .single-page .panel .table th, .paged .panel .table td, .single-page .panel .table td {\n  text-align: left;\n  font-weight: normal;\n  vertical-align: middle;\n}\n/* line 59, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\n.paged .panel .table q, .single-page .panel .table q, .paged .panel .table blockquote, .single-page .panel .table blockquote {\n  quotes: none;\n}\n/* line 103, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\n.paged .panel .table q:before, .single-page .panel .table q:before, .paged .panel .table q:after, .single-page .panel .table q:after, .paged .panel .table blockquote:before, .single-page .panel .table blockquote:before, .paged .panel .table blockquote:after, .single-page .panel .table blockquote:after {\n  content: "";\n  content: none;\n}\n/* line 61, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\n.paged .panel .table a img, .single-page .panel .table a img {\n  border: none;\n}\n/* line 4, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table p, .single-page .panel .table p, .paged .panel .table div, .single-page .panel .table div {\n  display: inline;\n}\n/* line 8, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table caption, .single-page .panel .table caption {\n  margin-bottom: 0.5em;\n}\n/* line 12, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table .errors, .single-page .panel .table .errors {\n  outline: 2px solid red !important;\n}\n/* line 16, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table .error, .single-page .panel .table .error {\n  display: inline-block;\n  background: #ffbbbb;\n  outline: 1px solid #ff3333;\n}\n/* line 20, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table .error.hidden, .single-page .panel .table .error.hidden {\n  display: none;\n}\n/* line 27, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table table, .single-page .panel .table table {\n  border-bottom: 1px solid black;\n  border-collapse: collapse;\n  margin: 0;\n}\n/* line 28, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table table *, .single-page .panel .table table * {\n  width: auto;\n}\n/* line 32, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table table .option, .single-page .panel .table table .option {\n  white-space: normal;\n}\n/* line 36, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table table td > div > *, .single-page .panel .table table td > div > * {\n  margin-top: 0.5em;\n  margin-bottom: 0.5em;\n}\n/* line 44, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table table .row, .single-page .panel .table table .row {\n  width: 100%;\n  float: right;\n  margin-right: 0;\n  display: inline;\n  float: none;\n  display: table-row;\n}\n/* line 45, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table table .row td, .single-page .panel .table table .row td, .paged .panel .table table .row th, .single-page .panel .table table .row th {\n  display: table-cell;\n  border: 0;\n  border-bottom: 1px solid #bbb;\n  vertical-align: top;\n  float: none;\n}\n/* line 50, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table table .row td.main, .single-page .panel .table table .row td.main, .paged .panel .table table .row th.main, .single-page .panel .table table .row th.main {\n  vertical-align: middle;\n}\n/* line 55, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table table .row.inner_row td, .single-page .panel .table table .row.inner_row td {\n  border: 0;\n}\n/* line 56, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table table .row:first-child td, .single-page .panel .table table .row:first-child td {\n  border-top: 1px solid #bbb;\n}\n/* line 62, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table table .row input, .single-page .panel .table table .row input {\n  /* These properties get overriden by our table reset, so we have to re-apply them with a more specific selector */\n}\n/* line 63, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table table .row input.float, .single-page .panel .table table .row input.float, .paged .panel .table table .row input.integer, .single-page .panel .table table .row input.integer {\n  width: 54px;\n}\n/* line 67, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table table .row input.string, .single-page .panel .table table .row input.string, .paged .panel .table table .row input.textarea, .single-page .panel .table table .row input.textarea {\n  width: 92%;\n}\n/* line 73, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table table .row input.sized, .single-page .panel .table table .row input.sized {\n  width: auto;\n}\n/* line 76, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table table .row input.fd-form-element-hidden, .single-page .panel .table table .row input.fd-form-element-hidden {\n  display: none;\n}\n/* line 86, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table table .row .unit, .single-page .panel .table table .row .unit {\n  vertical-align: -20%;\n  padding-left: 4px;\n}\n/* line 93, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table .item, .single-page .panel .table .item {\n  float: none;\n  width: auto;\n  margin-right: auto;\n  display: block;\n}\n/* line 96, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table .main, .single-page .panel .table .main {\n  width: 33.33333%;\n  float: none !important;\n  display: table-cell !important;\n}\n/* line 100, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table .main label small, .single-page .panel .table .main label small {\n  font-size: 0.7em;\n}\n/* line 102, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table .description, .single-page .panel .table .description {\n  text-align: right;\n}\n/* line 107, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table .option_sets .option, .single-page .panel .table .option_sets .option {\n  padding-left: 1em;\n  padding-bottom: 0.5em;\n  vertical-align: bottom;\n}\n/* line 113, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table .dark, .single-page .panel .table .dark {\n  background-color: #eee;\n}\n/* line 116, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table .light, .single-page .panel .table .light {\n  background-color: #fff;\n}\n@media (max-width: 420px) {\n  /* line 16, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n  .paged .horizontal.item.scale table, .single-page .horizontal.item.scale table {\n    table-layout: fixed;\n  }\n  /* line 18, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n  .paged .horizontal.item.scale table td.last p, .single-page .horizontal.item.scale table td.last p {\n    position: absolute;\n    right: 20px;\n    max-width: 5rem;\n    text-align: right;\n  }\n}\n/* line 28, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged tr, .single-page tr {\n  border: 1px solid #aaa;\n}\n/* line 32, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .item, .single-page .item {\n  width: 100%;\n  float: right;\n  margin-right: 0;\n  display: inline;\n  margin-bottom: 18px;\n}\n/* line 41, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .item.horizontal.radio .option, .single-page .item.horizontal.radio .option, .paged .item.horizontal.check_box .option, .single-page .item.horizontal.check_box .option,\n.paged .item.vertical.radio .option,\n.single-page .item.vertical.radio .option,\n.paged .item.vertical.check_box .option,\n.single-page .item.vertical.check_box .option {\n  width: 100%;\n  float: right;\n  margin-right: 0;\n  display: inline;\n}\n/* line 43, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .item.horizontal.radio .option .radiocheckwrapper, .single-page .item.horizontal.radio .option .radiocheckwrapper, .paged .item.horizontal.check_box .option .radiocheckwrapper, .single-page .item.horizontal.check_box .option .radiocheckwrapper,\n.paged .item.vertical.radio .option .radiocheckwrapper,\n.single-page .item.vertical.radio .option .radiocheckwrapper,\n.paged .item.vertical.check_box .option .radiocheckwrapper,\n.single-page .item.vertical.check_box .option .radiocheckwrapper {\n  width: 6.77966%;\n  float: left;\n  margin-right: 1.69492%;\n  display: inline;\n}\n/* line 44, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .item.horizontal.radio .option .labelwrapper, .single-page .item.horizontal.radio .option .labelwrapper, .paged .item.horizontal.check_box .option .labelwrapper, .single-page .item.horizontal.check_box .option .labelwrapper,\n.paged .item.vertical.radio .option .labelwrapper,\n.single-page .item.vertical.radio .option .labelwrapper,\n.paged .item.vertical.check_box .option .labelwrapper,\n.single-page .item.vertical.check_box .option .labelwrapper {\n  width: 91.52542%;\n  float: right;\n  margin-right: 0;\n  display: inline;\n}\n/* line 47, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .item.horizontal.radio .option.show_values .value, .single-page .item.horizontal.radio .option.show_values .value, .paged .item.horizontal.check_box .option.show_values .value, .single-page .item.horizontal.check_box .option.show_values .value,\n.paged .item.vertical.radio .option.show_values .value,\n.single-page .item.vertical.radio .option.show_values .value,\n.paged .item.vertical.check_box .option.show_values .value,\n.single-page .item.vertical.check_box .option.show_values .value {\n  width: 6.77966%;\n  float: left;\n  margin-right: 1.69492%;\n  display: inline;\n}\n/* line 48, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .item.horizontal.radio .option.show_values .labelwrapper, .single-page .item.horizontal.radio .option.show_values .labelwrapper, .paged .item.horizontal.check_box .option.show_values .labelwrapper, .single-page .item.horizontal.check_box .option.show_values .labelwrapper,\n.paged .item.vertical.radio .option.show_values .labelwrapper,\n.single-page .item.vertical.radio .option.show_values .labelwrapper,\n.paged .item.vertical.check_box .option.show_values .labelwrapper,\n.single-page .item.vertical.check_box .option.show_values .labelwrapper {\n  width: 83.05085%;\n  float: right;\n  margin-right: 0;\n  display: inline;\n}\n/* line 66, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .item.horizontal.string input, .single-page .item.horizontal.string input, .paged .item.horizontal.string textarea, .single-page .item.horizontal.string textarea, .paged .item.horizontal.textarea input, .single-page .item.horizontal.textarea input, .paged .item.horizontal.textarea textarea, .single-page .item.horizontal.textarea textarea,\n.paged .item.vertical.string input,\n.single-page .item.vertical.string input,\n.paged .item.vertical.string textarea,\n.single-page .item.vertical.string textarea,\n.paged .item.vertical.textarea input,\n.single-page .item.vertical.textarea input,\n.paged .item.vertical.textarea textarea,\n.single-page .item.vertical.textarea textarea {\n  width: 100%;\n  margin-right: 0;\n  display: inline;\n}\n/* line 67, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .item.horizontal.string .sized, .single-page .item.horizontal.string .sized, .paged .item.horizontal.textarea .sized, .single-page .item.horizontal.textarea .sized,\n.paged .item.vertical.string .sized,\n.single-page .item.vertical.string .sized,\n.paged .item.vertical.textarea .sized,\n.single-page .item.vertical.textarea .sized {\n  width: auto;\n}\n/* line 97, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .progress-bar, .single-page .progress-bar {\n  width: 100%;\n  float: right;\n  margin-right: 0;\n  display: inline;\n  margin-left: -20px;\n  margin-right: -20px;\n  padding: 1.5em 20px;\n}\n/* line 104, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .progress-bar .progress-wrapper .progress-slider, .single-page .progress-bar .progress-wrapper .progress-slider {\n  background-position: 0 3px;\n  display: inline-block;\n  zoom: 1;\n}\n/* line 107, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .progress-bar .progress-wrapper .progress-slider .progress-stop, .single-page .progress-bar .progress-wrapper .progress-slider .progress-stop {\n  margin: 0 2px;\n  width: 8px;\n  height: 8px;\n}\n/* line 112, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .progress-bar .progress-wrapper .progress-slider.long-list, .single-page .progress-bar .progress-wrapper .progress-slider.long-list {\n  display: none;\n}\n/* line 119, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .buttons, .single-page .buttons {\n  width: 100%;\n  float: right;\n  margin-right: 0;\n  display: inline;\n  margin-left: -20px;\n  margin-right: -20px;\n  padding: 1.5em 20px;\n  border-bottom: 1px dotted #d0d0d0;\n}\n/* line 126, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .buttons .back, .single-page .buttons .back {\n  width: 49.15254%;\n  float: left;\n  margin-right: 1.69492%;\n  display: inline;\n}\n/* line 127, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .buttons .prev, .single-page .buttons .prev {\n  width: 49.15254%;\n  float: left;\n  margin-right: 1.69492%;\n  display: inline;\n}\n/* line 128, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .buttons .next, .single-page .buttons .next {\n  width: 49.15254%;\n  float: right;\n  margin-right: 0;\n  display: inline;\n  text-align: right;\n}\n/* line 129, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .buttons .abort, .single-page .buttons .abort {\n  display: none;\n}\n/* line 130, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .buttons .print, .single-page .buttons .print {\n  display: none;\n}\n/* line 131, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .buttons .print, .single-page .buttons .print {\n  width: 100%;\n  float: left;\n  margin-right: 1.69492%;\n  display: inline;\n  text-align: right;\n}\n/* line 132, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .buttons .save, .single-page .buttons .save {\n  width: 49.15254%;\n  float: right;\n  margin-right: 0;\n  display: inline;\n  text-align: right;\n}\n@media (min-width: 35em) {\n  /* line 2, /home/marten/rgoc/quby/app/assets/stylesheets/quby/general/desktop.scss */\n  .paged #content, .single-page #content {\n    margin: 6em auto 0em auto;\n  }\n  /* line 9, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged tr, .single-page tr {\n    border: none;\n  }\n  /* line 13, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .panel, .single-page .panel {\n    padding-left: 1em;\n    padding-right: 1em;\n    margin-left: auto;\n    margin-right: auto;\n    /* Overwrite width. New susy version seems to break this */\n    max-width: 49.5em;\n    border: 4px solid #dddddd;\n    margin-top: 6em;\n    padding: 3em 2em 1.5em;\n  }\n  /* line 38, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */\n  .paged .panel:after, .single-page .panel:after {\n    content: "";\n    display: table;\n    clear: both;\n  }\n  /* line 40, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\n  .paged .panel .table div, .single-page .panel .table div, .paged .panel .table span, .single-page .panel .table span, .paged .panel .table applet, .single-page .panel .table applet, .paged .panel .table object, .single-page .panel .table object, .paged .panel .table iframe, .single-page .panel .table iframe,\n  .paged .panel .table h1,\n  .single-page .panel .table h1, .paged .panel .table h2, .single-page .panel .table h2, .paged .panel .table h3, .single-page .panel .table h3, .paged .panel .table h4, .single-page .panel .table h4, .paged .panel .table h5, .single-page .panel .table h5, .paged .panel .table h6, .single-page .panel .table h6, .paged .panel .table p, .single-page .panel .table p, .paged .panel .table blockquote, .single-page .panel .table blockquote, .paged .panel .table pre, .single-page .panel .table pre,\n  .paged .panel .table a,\n  .single-page .panel .table a, .paged .panel .table abbr, .single-page .panel .table abbr, .paged .panel .table acronym, .single-page .panel .table acronym, .paged .panel .table address, .single-page .panel .table address, .paged .panel .table big, .single-page .panel .table big, .paged .panel .table cite, .single-page .panel .table cite, .paged .panel .table code, .single-page .panel .table code,\n  .paged .panel .table del,\n  .single-page .panel .table del, .paged .panel .table dfn, .single-page .panel .table dfn, .paged .panel .table em, .single-page .panel .table em, .paged .panel .table img, .single-page .panel .table img, .paged .panel .table ins, .single-page .panel .table ins, .paged .panel .table kbd, .single-page .panel .table kbd, .paged .panel .table q, .single-page .panel .table q, .paged .panel .table s, .single-page .panel .table s, .paged .panel .table samp, .single-page .panel .table samp,\n  .paged .panel .table small,\n  .single-page .panel .table small, .paged .panel .table strike, .single-page .panel .table strike, .paged .panel .table strong, .single-page .panel .table strong, .paged .panel .table sub, .single-page .panel .table sub, .paged .panel .table sup, .single-page .panel .table sup, .paged .panel .table tt, .single-page .panel .table tt, .paged .panel .table var, .single-page .panel .table var,\n  .paged .panel .table b,\n  .single-page .panel .table b, .paged .panel .table u, .single-page .panel .table u, .paged .panel .table i, .single-page .panel .table i, .paged .panel .table center, .single-page .panel .table center,\n  .paged .panel .table dl,\n  .single-page .panel .table dl, .paged .panel .table dt, .single-page .panel .table dt, .paged .panel .table dd, .single-page .panel .table dd, .paged .panel .table ol, .single-page .panel .table ol, .paged .panel .table ul, .single-page .panel .table ul, .paged .panel .table li, .single-page .panel .table li,\n  .paged .panel .table fieldset,\n  .single-page .panel .table fieldset, .paged .panel .table form, .single-page .panel .table form, .paged .panel .table label, .single-page .panel .table label, .paged .panel .table legend, .single-page .panel .table legend,\n  .paged .panel .table table,\n  .single-page .panel .table table, .paged .panel .table caption, .single-page .panel .table caption, .paged .panel .table tbody, .single-page .panel .table tbody, .paged .panel .table tfoot, .single-page .panel .table tfoot, .paged .panel .table thead, .single-page .panel .table thead, .paged .panel .table tr, .single-page .panel .table tr, .paged .panel .table th, .single-page .panel .table th, .paged .panel .table td, .single-page .panel .table td,\n  .paged .panel .table article,\n  .single-page .panel .table article, .paged .panel .table aside, .single-page .panel .table aside, .paged .panel .table canvas, .single-page .panel .table canvas, .paged .panel .table details, .single-page .panel .table details, .paged .panel .table embed, .single-page .panel .table embed,\n  .paged .panel .table figure,\n  .single-page .panel .table figure, .paged .panel .table figcaption, .single-page .panel .table figcaption, .paged .panel .table footer, .single-page .panel .table footer, .paged .panel .table header, .single-page .panel .table header, .paged .panel .table hgroup, .single-page .panel .table hgroup,\n  .paged .panel .table menu,\n  .single-page .panel .table menu, .paged .panel .table nav, .single-page .panel .table nav, .paged .panel .table output, .single-page .panel .table output, .paged .panel .table ruby, .single-page .panel .table ruby, .paged .panel .table section, .single-page .panel .table section, .paged .panel .table summary, .single-page .panel .table summary,\n  .paged .panel .table time,\n  .single-page .panel .table time, .paged .panel .table mark, .single-page .panel .table mark, .paged .panel .table audio, .single-page .panel .table audio, .paged .panel .table video, .single-page .panel .table video {\n    margin: 0;\n    padding: 0;\n    border: 0;\n    font: inherit;\n    font-size: 100%;\n    vertical-align: baseline;\n  }\n  /* line 55, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\n  .paged .panel .table table, .single-page .panel .table table {\n    border-collapse: collapse;\n    border-spacing: 0;\n  }\n  /* line 57, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\n  .paged .panel .table caption, .single-page .panel .table caption, .paged .panel .table th, .single-page .panel .table th, .paged .panel .table td, .single-page .panel .table td {\n    text-align: left;\n    font-weight: normal;\n    vertical-align: middle;\n  }\n  /* line 59, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\n  .paged .panel .table q, .single-page .panel .table q, .paged .panel .table blockquote, .single-page .panel .table blockquote {\n    quotes: none;\n  }\n  /* line 103, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\n  .paged .panel .table q:before, .single-page .panel .table q:before, .paged .panel .table q:after, .single-page .panel .table q:after, .paged .panel .table blockquote:before, .single-page .panel .table blockquote:before, .paged .panel .table blockquote:after, .single-page .panel .table blockquote:after {\n    content: "";\n    content: none;\n  }\n  /* line 61, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\n  .paged .panel .table a img, .single-page .panel .table a img {\n    border: none;\n  }\n  /* line 4, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table p, .single-page .panel .table p, .paged .panel .table div, .single-page .panel .table div {\n    display: inline;\n  }\n  /* line 8, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table caption, .single-page .panel .table caption {\n    margin-bottom: 0.5em;\n  }\n  /* line 12, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table .errors, .single-page .panel .table .errors {\n    outline: 2px solid red !important;\n  }\n  /* line 16, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table .error, .single-page .panel .table .error {\n    display: inline-block;\n    background: #ffbbbb;\n    outline: 1px solid #ff3333;\n  }\n  /* line 20, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table .error.hidden, .single-page .panel .table .error.hidden {\n    display: none;\n  }\n  /* line 27, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table table, .single-page .panel .table table {\n    border-bottom: 1px solid black;\n    border-collapse: collapse;\n    margin: 0;\n  }\n  /* line 28, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table table *, .single-page .panel .table table * {\n    width: auto;\n  }\n  /* line 32, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table table .option, .single-page .panel .table table .option {\n    white-space: normal;\n  }\n  /* line 36, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table table td > div > *, .single-page .panel .table table td > div > * {\n    margin-top: 0.5em;\n    margin-bottom: 0.5em;\n  }\n  /* line 44, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table table .row, .single-page .panel .table table .row {\n    width: 100%;\n    float: right;\n    margin-right: 0;\n    float: none;\n    display: table-row;\n  }\n  /* line 45, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table table .row td, .single-page .panel .table table .row td, .paged .panel .table table .row th, .single-page .panel .table table .row th {\n    display: table-cell;\n    border: 0;\n    border-bottom: 1px solid #bbb;\n    vertical-align: top;\n    float: none;\n  }\n  /* line 50, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table table .row td.main, .single-page .panel .table table .row td.main, .paged .panel .table table .row th.main, .single-page .panel .table table .row th.main {\n    vertical-align: middle;\n  }\n  /* line 55, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table table .row.inner_row td, .single-page .panel .table table .row.inner_row td {\n    border: 0;\n  }\n  /* line 56, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table table .row:first-child td, .single-page .panel .table table .row:first-child td {\n    border-top: 1px solid #bbb;\n  }\n  /* line 62, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table table .row input, .single-page .panel .table table .row input {\n    /* These properties get overriden by our table reset, so we have to re-apply them with a more specific selector */\n  }\n  /* line 63, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table table .row input.float, .single-page .panel .table table .row input.float, .paged .panel .table table .row input.integer, .single-page .panel .table table .row input.integer {\n    width: 54px;\n  }\n  /* line 67, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table table .row input.string, .single-page .panel .table table .row input.string, .paged .panel .table table .row input.textarea, .single-page .panel .table table .row input.textarea {\n    width: 92%;\n  }\n  /* line 73, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table table .row input.sized, .single-page .panel .table table .row input.sized {\n    width: auto;\n  }\n  /* line 76, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table table .row input.fd-form-element-hidden, .single-page .panel .table table .row input.fd-form-element-hidden {\n    display: none;\n  }\n  /* line 86, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table table .row .unit, .single-page .panel .table table .row .unit {\n    vertical-align: -20%;\n    padding-left: 4px;\n  }\n  /* line 93, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table .item, .single-page .panel .table .item {\n    float: none;\n    width: auto;\n    margin-right: auto;\n  }\n  /* line 96, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table .main, .single-page .panel .table .main {\n    width: 33.33333%;\n    float: none !important;\n    display: table-cell !important;\n  }\n  /* line 100, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table .main label small, .single-page .panel .table .main label small {\n    font-size: 0.7em;\n  }\n  /* line 102, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table .description, .single-page .panel .table .description {\n    text-align: right;\n  }\n  /* line 107, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table .option_sets .option, .single-page .panel .table .option_sets .option {\n    padding-left: 1em;\n    padding-bottom: 0.5em;\n    vertical-align: bottom;\n  }\n  /* line 113, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table .dark, .single-page .panel .table .dark {\n    background-color: #eee;\n  }\n  /* line 116, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table .light, .single-page .panel .table .light {\n    background-color: #fff;\n  }\n  /* line 25, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item, .single-page .item {\n    width: 100%;\n    float: right;\n    margin-right: 0;\n    margin-bottom: 18px;\n  }\n  /* line 34, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.horizontal.radio .option, .single-page .item.horizontal.radio .option, .paged .item.horizontal.check_box .option, .single-page .item.horizontal.check_box .option {\n    width: 100%;\n    float: right;\n    margin-right: 0;\n  }\n  /* line 37, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.horizontal.radio .option .radiocheckwrapper, .single-page .item.horizontal.radio .option .radiocheckwrapper, .paged .item.horizontal.check_box .option .radiocheckwrapper, .single-page .item.horizontal.check_box .option .radiocheckwrapper {\n    width: 4.0404%;\n    float: left;\n    margin-right: 1.0101%;\n  }\n  /* line 38, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.horizontal.radio .option .labelwrapper, .single-page .item.horizontal.radio .option .labelwrapper, .paged .item.horizontal.check_box .option .labelwrapper, .single-page .item.horizontal.check_box .option .labelwrapper {\n    width: 94.94949%;\n    float: right;\n    margin-right: 0;\n  }\n  /* line 43, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.horizontal.radio .option.show_values .value, .single-page .item.horizontal.radio .option.show_values .value, .paged .item.horizontal.check_box .option.show_values .value, .single-page .item.horizontal.check_box .option.show_values .value {\n    width: 4.0404%;\n    float: left;\n    margin-right: 1.0101%;\n  }\n  /* line 44, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.horizontal.radio .option.show_values .labelwrapper, .single-page .item.horizontal.radio .option.show_values .labelwrapper, .paged .item.horizontal.check_box .option.show_values .labelwrapper, .single-page .item.horizontal.check_box .option.show_values .labelwrapper {\n    width: 89.89899%;\n    float: right;\n    margin-right: 0;\n  }\n  /* line 49, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.horizontal.radio .option .subquestions, .single-page .item.horizontal.radio .option .subquestions, .paged .item.horizontal.check_box .option .subquestions, .single-page .item.horizontal.check_box .option .subquestions {\n    margin-left: 5.05051%;\n    width: 74.74747%;\n    float: left;\n    margin-right: 1.0101%;\n  }\n  /* line 53, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.horizontal.radio .option .subquestions .item, .single-page .item.horizontal.radio .option .subquestions .item, .paged .item.horizontal.check_box .option .subquestions .item, .single-page .item.horizontal.check_box .option .subquestions .item {\n    width: 74.74747%;\n    float: left;\n    margin-right: 1.0101%;\n  }\n  /* line 55, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.horizontal.radio .option .subquestions .item input, .single-page .item.horizontal.radio .option .subquestions .item input, .paged .item.horizontal.check_box .option .subquestions .item input, .single-page .item.horizontal.check_box .option .subquestions .item input {\n    width: auto;\n  }\n  /* line 58, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.horizontal.radio .option .subquestions .radiocheckwrapper, .single-page .item.horizontal.radio .option .subquestions .radiocheckwrapper, .paged .item.horizontal.check_box .option .subquestions .radiocheckwrapper, .single-page .item.horizontal.check_box .option .subquestions .radiocheckwrapper {\n    width: 10px;\n    padding-right: 20px;\n  }\n  /* line 62, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.horizontal.radio .option .subquestions .labelwrapper, .single-page .item.horizontal.radio .option .subquestions .labelwrapper, .paged .item.horizontal.check_box .option .subquestions .labelwrapper, .single-page .item.horizontal.check_box .option .subquestions .labelwrapper {\n    width: auto;\n    float: none;\n  }\n  /* line 69, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.horizontal.radio .inner-title, .single-page .item.horizontal.radio .inner-title, .paged .item.horizontal.check_box .inner-title, .single-page .item.horizontal.check_box .inner-title {\n    width: 100%;\n    float: right;\n    margin-right: 0;\n  }\n  /* line 74, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.horizontal.string input, .single-page .item.horizontal.string input, .paged .item.horizontal.string textarea, .single-page .item.horizontal.string textarea, .paged .item.horizontal.textarea input, .single-page .item.horizontal.textarea input, .paged .item.horizontal.textarea textarea, .single-page .item.horizontal.textarea textarea {\n    width: 100%;\n    margin-right: 0;\n  }\n  /* line 75, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.horizontal.string .sized, .single-page .item.horizontal.string .sized, .paged .item.horizontal.textarea .sized, .single-page .item.horizontal.textarea .sized {\n    width: auto;\n  }\n  /* line 106, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.vertical .main, .single-page .item.vertical .main {\n    width: 39.39394%;\n    float: left;\n    margin-right: 1.0101%;\n  }\n  /* line 110, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.vertical .description-and-fields, .single-page .item.vertical .description-and-fields {\n    width: 59.59596%;\n    float: right;\n    margin-right: 0;\n    float: left;\n  }\n  /* line 4, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n  .paged .item.vertical .description-and-fields .description h2, .single-page .item.vertical .description-and-fields .description h2 {\n    font-size: 1.2em;\n    font-weight: bold;\n    border-top: 8px solid #ddd;\n    padding-top: 16px;\n  }\n  /* line 11, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n  .paged .item.vertical .description-and-fields .description small, .single-page .item.vertical .description-and-fields .description small {\n    font-size: 80%;\n  }\n  /* line 12, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n  .paged .item.vertical .description-and-fields .description strong, .single-page .item.vertical .description-and-fields .description strong {\n    font-style: italic;\n  }\n  /* line 13, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n  .paged .item.vertical .description-and-fields .description em, .single-page .item.vertical .description-and-fields .description em {\n    font-weight: bold;\n  }\n  /* line 15, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n  .paged .item.vertical .description-and-fields .description p, .single-page .item.vertical .description-and-fields .description p {\n    margin-bottom: 18px;\n  }\n  /* line 17, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n  .paged .item.vertical .description-and-fields .description ul, .single-page .item.vertical .description-and-fields .description ul {\n    margin-top: 1em;\n    margin-left: 1em;\n    margin-bottom: 2em;\n  }\n  /* line 21, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n  .paged .item.vertical .description-and-fields .description ul li, .single-page .item.vertical .description-and-fields .description ul li {\n    list-style-type: disc;\n    margin-bottom: 1em !important;\n  }\n  /* line 25, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n  .paged .item.vertical .description-and-fields .description ul li p, .single-page .item.vertical .description-and-fields .description ul li p {\n    margin-bottom: 0;\n  }\n  /* line 27, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n  .paged .item.vertical .description-and-fields .description ul li ul, .single-page .item.vertical .description-and-fields .description ul li ul {\n    margin-bottom: 1em;\n    margin-left: 1.5em;\n  }\n  /* line 30, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n  .paged .item.vertical .description-and-fields .description ul li ul li, .single-page .item.vertical .description-and-fields .description ul li ul li {\n    margin-bottom: 0 !important;\n    list-style-type: none;\n  }\n  /* line 38, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n  .paged .item.vertical .description-and-fields .description ol li, .single-page .item.vertical .description-and-fields .description ol li {\n    list-style-type: lower-alpha;\n  }\n  /* line 118, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.vertical.radio .option, .single-page .item.vertical.radio .option, .paged .item.vertical.check_box .option, .single-page .item.vertical.check_box .option {\n    width: 100%;\n    float: right;\n    margin-right: 0;\n  }\n  /* line 121, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.vertical.radio .option .radiocheckwrapper, .single-page .item.vertical.radio .option .radiocheckwrapper, .paged .item.vertical.check_box .option .radiocheckwrapper, .single-page .item.vertical.check_box .option .radiocheckwrapper {\n    width: 6.77966%;\n    float: left;\n    margin-right: 1.69492%;\n  }\n  /* line 122, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.vertical.radio .option .labelwrapper, .single-page .item.vertical.radio .option .labelwrapper, .paged .item.vertical.check_box .option .labelwrapper, .single-page .item.vertical.check_box .option .labelwrapper {\n    width: 91.52542%;\n    float: right;\n    margin-right: 0;\n  }\n  /* line 125, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.vertical.radio .option.show_values .value, .single-page .item.vertical.radio .option.show_values .value, .paged .item.vertical.check_box .option.show_values .value, .single-page .item.vertical.check_box .option.show_values .value {\n    width: 6.77966%;\n    float: left;\n    margin-right: 1.69492%;\n  }\n  /* line 126, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.vertical.radio .option.show_values .labelwrapper, .single-page .item.vertical.radio .option.show_values .labelwrapper, .paged .item.vertical.check_box .option.show_values .labelwrapper, .single-page .item.vertical.check_box .option.show_values .labelwrapper {\n    width: 83.05085%;\n    float: right;\n    margin-right: 0;\n  }\n  /* line 129, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.vertical.radio .option .subquestions, .single-page .item.vertical.radio .option .subquestions, .paged .item.vertical.check_box .option .subquestions, .single-page .item.vertical.check_box .option .subquestions {\n    margin-left: 5.05051%;\n    width: 91.52542%;\n    float: left;\n    margin-right: 1.69492%;\n  }\n  /* line 133, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.vertical.radio .option .subquestions .item, .single-page .item.vertical.radio .option .subquestions .item, .paged .item.vertical.check_box .option .subquestions .item, .single-page .item.vertical.check_box .option .subquestions .item {\n    width: 91.52542%;\n    float: left;\n    margin-right: 1.69492%;\n  }\n  /* line 135, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.vertical.radio .option .subquestions .item .main, .single-page .item.vertical.radio .option .subquestions .item .main, .paged .item.vertical.check_box .option .subquestions .item .main, .single-page .item.vertical.check_box .option .subquestions .item .main {\n    width: 100%;\n    float: right;\n    margin-right: 0;\n  }\n  /* line 136, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.vertical.radio .option .subquestions .item input, .single-page .item.vertical.radio .option .subquestions .item input, .paged .item.vertical.check_box .option .subquestions .item input, .single-page .item.vertical.check_box .option .subquestions .item input {\n    width: auto;\n  }\n  /* line 139, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.vertical.radio .option .subquestions .radiocheckwrapper, .single-page .item.vertical.radio .option .subquestions .radiocheckwrapper, .paged .item.vertical.check_box .option .subquestions .radiocheckwrapper, .single-page .item.vertical.check_box .option .subquestions .radiocheckwrapper {\n    width: 10px;\n    padding-right: 20px;\n  }\n  /* line 143, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.vertical.radio .option .subquestions .labelwrapper, .single-page .item.vertical.radio .option .subquestions .labelwrapper, .paged .item.vertical.check_box .option .subquestions .labelwrapper, .single-page .item.vertical.check_box .option .subquestions .labelwrapper {\n    width: auto;\n    float: none;\n  }\n  /* line 150, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.vertical.radio .inner-title, .single-page .item.vertical.radio .inner-title, .paged .item.vertical.check_box .inner-title, .single-page .item.vertical.check_box .inner-title {\n    width: 100%;\n    float: right;\n    margin-right: 0;\n  }\n  /* line 155, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.vertical.string input, .single-page .item.vertical.string input, .paged .item.vertical.string textarea, .single-page .item.vertical.string textarea, .paged .item.vertical.textarea input, .single-page .item.vertical.textarea input, .paged .item.vertical.textarea textarea, .single-page .item.vertical.textarea textarea {\n    width: 100%;\n    margin-right: 0;\n  }\n  /* line 156, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.vertical.string .sized, .single-page .item.vertical.string .sized, .paged .item.vertical.textarea .sized, .single-page .item.vertical.textarea .sized {\n    width: auto;\n  }\n  /* line 175, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .progress-bar, .single-page .progress-bar {\n    width: 100%;\n    float: right;\n    margin-right: 0;\n    margin: 1.5em -2em -1.5em;\n    padding: 1.5em 2em;\n  }\n  /* line 181, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .progress-bar .progress-wrapper .progress-slider, .single-page .progress-bar .progress-wrapper .progress-slider {\n    background-position: 0 4px;\n    display: inline-block;\n    zoom: 1;\n  }\n  /* line 184, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .progress-bar .progress-wrapper .progress-slider .progress-stop, .single-page .progress-bar .progress-wrapper .progress-slider .progress-stop {\n    margin: 0 3px;\n    width: 10px;\n    height: 10px;\n  }\n  /* line 189, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .progress-bar .progress-wrapper .progress-slider.long-list, .single-page .progress-bar .progress-wrapper .progress-slider.long-list {\n    display: inline-block;\n    zoom: 1;\n  }\n  /* line 196, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .buttons, .single-page .buttons {\n    width: 100%;\n    float: right;\n    margin-right: 0;\n    margin: 1.5em -2em -1.5em;\n    padding: 1.5em 2em;\n    border-bottom: 0;\n  }\n  /* line 202, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .buttons .back, .single-page .buttons .back {\n    width: 24.24242%;\n    float: left;\n    margin-right: 1.0101%;\n  }\n  /* line 203, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .buttons .prev, .single-page .buttons .prev {\n    width: 24.24242%;\n    float: left;\n    margin-right: 1.0101%;\n  }\n  /* line 204, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .buttons .abort, .single-page .buttons .abort {\n    width: 24.24242%;\n    float: left;\n    margin-right: 1.0101%;\n    text-align: center;\n    display: block;\n  }\n  /* line 205, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .buttons .print, .single-page .buttons .print {\n    width: 100%;\n    float: left;\n    margin-right: 1.0101%;\n    text-align: right;\n  }\n  /* line 206, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .buttons .next, .single-page .buttons .next {\n    width: 24.24242%;\n    float: right;\n    margin-right: 0;\n    text-align: right;\n  }\n  /* line 207, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .buttons .save, .single-page .buttons .save {\n    width: 24.24242%;\n    float: right;\n    margin-right: 0;\n    text-align: right;\n  }\n}\n/* line 41, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel, .single-page .panel {\n  margin-bottom: 2em;\n  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);\n}\n/* line 45, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel h1, .single-page .panel h1 {\n  font-size: 1.5em;\n  font-weight: bold;\n  margin-bottom: 1.2em;\n  z-index: 400;\n}\n/* line 52, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel hr, .single-page .panel hr {\n  height: 8px;\n  border: 0;\n  background: #ddd;\n}\n/* line 54, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .progress-bar, .single-page .panel .progress-bar {\n  height: 25px;\n}\n/* line 56, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .progress-bar .progress-wrapper, .single-page .panel .progress-bar .progress-wrapper {\n  text-align: center;\n}\n/* line 58, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .progress-bar .progress-wrapper .progress-slider, .single-page .panel .progress-bar .progress-wrapper .progress-slider {\n  height: 8px;\n  text-align: center;\n  border: 1px solid #ccc;\n  padding: 0;\n  border-radius: 6px;\n  overflow: hidden;\n  padding: 1px;\n}\n/* line 66, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .progress-bar .progress-wrapper .progress-slider .progress-stop, .single-page .panel .progress-bar .progress-wrapper .progress-slider .progress-stop {\n  height: 8px;\n  line-height: 8px;\n  width: 6px;\n  background: #fff;\n  font-size: 6px;\n  text-indent: -1234em;\n  display: block;\n  float: left;\n  text-align: center;\n  margin: 0;\n}\n/* line 77, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .progress-bar .progress-wrapper .progress-slider .progress-stop.first-child, .single-page .panel .progress-bar .progress-wrapper .progress-slider .progress-stop.first-child {\n  width: 8px;\n  border-radius: 5px 0 0 5px;\n}\n/* line 78, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .progress-bar .progress-wrapper .progress-slider .progress-stop.last-child, .single-page .panel .progress-bar .progress-wrapper .progress-slider .progress-stop.last-child {\n  width: 8px;\n  border-radius: 0 5px 5px 0;\n}\n/* line 79, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .progress-bar .progress-wrapper .progress-slider .progress-stop.active, .single-page .panel .progress-bar .progress-wrapper .progress-slider .progress-stop.active {\n  background: #999;\n}\n/* line 80, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .progress-bar .progress-wrapper .progress-slider .progress-stop.current, .single-page .panel .progress-bar .progress-wrapper .progress-slider .progress-stop.current {\n  border-radius: 0 5px 5px 0;\n}\n/* line 82, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .progress-bar .progress-wrapper .progress-slider .progress-stop.current.first-child, .single-page .panel .progress-bar .progress-wrapper .progress-slider .progress-stop.current.first-child {\n  border-radius: 5px;\n}\n/* line 88, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .progress-bar .progress-wrapper .progress-details, .single-page .panel .progress-bar .progress-wrapper .progress-details {\n  color: #999;\n  font-size: 9px;\n  margin: 4px 0 0 0;\n  display: block;\n}\n/* line 97, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .buttons, .single-page .panel .buttons {\n  border-top: 1px dotted #d6d6d6;\n  background: #f3f3f3;\n}\n/* line 103, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.hidden, .single-page .panel .item.hidden {\n  display: none;\n}\n/* line 105, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.errors, .single-page .panel .item.errors {\n  outline: 1px solid red;\n  padding: 0.4em;\n}\n/* line 108, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.errors .error, .single-page .panel .item.errors .error {\n  background: #ffaaaa;\n  color: #550000;\n  outline: 1px solid red;\n  padding: 0.3em;\n  margin-bottom: 0.3em;\n}\n/* line 117, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item .main, .single-page .panel .item .main {\n  font-weight: bold;\n}\n/* line 119, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item .main em, .single-page .panel .item .main em {\n  font-style: italic;\n}\n/* line 4, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .text h2, .single-page .panel .item .text h2 {\n  font-size: 1.2em;\n  font-weight: bold;\n  border-top: 8px solid #ddd;\n  padding-top: 16px;\n}\n/* line 11, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .text small, .single-page .panel .item .text small {\n  font-size: 80%;\n}\n/* line 12, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .text strong, .single-page .panel .item .text strong {\n  font-style: italic;\n}\n/* line 13, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .text em, .single-page .panel .item .text em {\n  font-weight: bold;\n}\n/* line 15, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .text p, .single-page .panel .item .text p {\n  margin-bottom: 18px;\n}\n/* line 17, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .text ul, .single-page .panel .item .text ul {\n  margin-top: 1em;\n  margin-left: 1em;\n  margin-bottom: 2em;\n}\n/* line 21, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .text ul li, .single-page .panel .item .text ul li {\n  list-style-type: disc;\n  margin-bottom: 1em !important;\n}\n/* line 25, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .text ul li p, .single-page .panel .item .text ul li p {\n  margin-bottom: 0;\n}\n/* line 27, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .text ul li ul, .single-page .panel .item .text ul li ul {\n  margin-bottom: 1em;\n  margin-left: 1.5em;\n}\n/* line 30, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .text ul li ul li, .single-page .panel .item .text ul li ul li {\n  margin-bottom: 0 !important;\n  list-style-type: none;\n}\n/* line 38, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .text ol li, .single-page .panel .item .text ol li {\n  list-style-type: lower-alpha;\n}\n/* line 4, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .description-and-fields .description h2, .single-page .panel .item .description-and-fields .description h2 {\n  font-size: 1.2em;\n  font-weight: bold;\n  border-top: 8px solid #ddd;\n  padding-top: 16px;\n}\n/* line 11, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .description-and-fields .description small, .single-page .panel .item .description-and-fields .description small {\n  font-size: 80%;\n}\n/* line 12, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .description-and-fields .description strong, .single-page .panel .item .description-and-fields .description strong {\n  font-style: italic;\n}\n/* line 13, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .description-and-fields .description em, .single-page .panel .item .description-and-fields .description em {\n  font-weight: bold;\n}\n/* line 15, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .description-and-fields .description p, .single-page .panel .item .description-and-fields .description p {\n  margin-bottom: 18px;\n}\n/* line 17, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .description-and-fields .description ul, .single-page .panel .item .description-and-fields .description ul {\n  margin-top: 1em;\n  margin-left: 1em;\n  margin-bottom: 2em;\n}\n/* line 21, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .description-and-fields .description ul li, .single-page .panel .item .description-and-fields .description ul li {\n  list-style-type: disc;\n  margin-bottom: 1em !important;\n}\n/* line 25, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .description-and-fields .description ul li p, .single-page .panel .item .description-and-fields .description ul li p {\n  margin-bottom: 0;\n}\n/* line 27, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .description-and-fields .description ul li ul, .single-page .panel .item .description-and-fields .description ul li ul {\n  margin-bottom: 1em;\n  margin-left: 1.5em;\n}\n/* line 30, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .description-and-fields .description ul li ul li, .single-page .panel .item .description-and-fields .description ul li ul li {\n  margin-bottom: 0 !important;\n  list-style-type: none;\n}\n/* line 38, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .description-and-fields .description ol li, .single-page .panel .item .description-and-fields .description ol li {\n  list-style-type: lower-alpha;\n}\n/* line 133, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.horizontal .main, .single-page .panel .item.horizontal .main {\n  margin-bottom: 1em;\n}\n/* line 139, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.radio .inner-title, .single-page .panel .item.radio .inner-title, .paged .panel .item.check_box .inner-title, .single-page .panel .item.check_box .inner-title {\n  margin-top: 1.5em;\n  margin-bottom: 1.5em;\n  font-weight: bold;\n}\n/* line 147, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.radio .option .labelwrapper p, .single-page .panel .item.radio .option .labelwrapper p, .paged .panel .item.check_box .option .labelwrapper p, .single-page .panel .item.check_box .option .labelwrapper p {\n  display: inline;\n}\n/* line 151, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.radio .option.show_values .value, .single-page .panel .item.radio .option.show_values .value, .paged .panel .item.check_box .option.show_values .value, .single-page .panel .item.check_box .option.show_values .value {\n  text-align: center;\n}\n/* line 158, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.scale td, .single-page .panel .item.scale td {\n  border: 0;\n  text-align: center;\n}\n/* line 164, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.scale .option.optionwidth1, .single-page .panel .item.scale .option.optionwidth1, .paged .panel .item.scale .description.optionwidth1, .single-page .panel .item.scale .description.optionwidth1 {\n  width: 20%;\n}\n/* line 165, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.scale .option.optionwidth2, .single-page .panel .item.scale .option.optionwidth2, .paged .panel .item.scale .description.optionwidth2, .single-page .panel .item.scale .description.optionwidth2 {\n  width: 20%;\n}\n/* line 166, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.scale .option.optionwidth3, .single-page .panel .item.scale .option.optionwidth3, .paged .panel .item.scale .description.optionwidth3, .single-page .panel .item.scale .description.optionwidth3 {\n  width: 20%;\n}\n/* line 167, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.scale .option.optionwidth4, .single-page .panel .item.scale .option.optionwidth4, .paged .panel .item.scale .description.optionwidth4, .single-page .panel .item.scale .description.optionwidth4 {\n  width: 20%;\n}\n/* line 168, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.scale .option.optionwidth5, .single-page .panel .item.scale .option.optionwidth5, .paged .panel .item.scale .description.optionwidth5, .single-page .panel .item.scale .description.optionwidth5 {\n  width: 20%;\n}\n/* line 169, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.scale .option.optionwidth6, .single-page .panel .item.scale .option.optionwidth6, .paged .panel .item.scale .description.optionwidth6, .single-page .panel .item.scale .description.optionwidth6 {\n  width: 16.66667%;\n}\n/* line 170, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.scale .option.optionwidth7, .single-page .panel .item.scale .option.optionwidth7, .paged .panel .item.scale .description.optionwidth7, .single-page .panel .item.scale .description.optionwidth7 {\n  width: 14.28571%;\n}\n/* line 171, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.scale .option.optionwidth8, .single-page .panel .item.scale .option.optionwidth8, .paged .panel .item.scale .description.optionwidth8, .single-page .panel .item.scale .description.optionwidth8 {\n  width: 12.5%;\n}\n/* line 172, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.scale .option.optionwidth9, .single-page .panel .item.scale .option.optionwidth9, .paged .panel .item.scale .description.optionwidth9, .single-page .panel .item.scale .description.optionwidth9 {\n  width: 11.11111%;\n}\n/* line 173, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.scale .option.optionwidth10, .single-page .panel .item.scale .option.optionwidth10, .paged .panel .item.scale .description.optionwidth10, .single-page .panel .item.scale .description.optionwidth10 {\n  width: 10%;\n}\n/* line 174, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.scale .option.optionwidth11, .single-page .panel .item.scale .option.optionwidth11, .paged .panel .item.scale .description.optionwidth11, .single-page .panel .item.scale .description.optionwidth11 {\n  width: 9.09091%;\n}\n/* line 175, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.scale .option.optionwidth12, .single-page .panel .item.scale .option.optionwidth12, .paged .panel .item.scale .description.optionwidth12, .single-page .panel .item.scale .description.optionwidth12 {\n  width: 8.33333%;\n}\n\n/* line 4, /home/marten/rgoc/quby/app/assets/stylesheets/quby/single_page/layout.scss */\n.single-page .hidden {\n  display: none;\n}\n/* line 6, /home/marten/rgoc/quby/app/assets/stylesheets/quby/single_page/layout.scss */\n.single-page .panel.noVisibleQuestions {\n  display: none;\n}\n/* line 10, /home/marten/rgoc/quby/app/assets/stylesheets/quby/single_page/layout.scss */\n.single-page .item.hide {\n  margin: 0 !important;\n  outline: none !important;\n}\n/* line 15, /home/marten/rgoc/quby/app/assets/stylesheets/quby/single_page/layout.scss */\n.single-page .item.hide > * {\n  display: none !important;\n}\n';
 const Quby = (props) => {
   var _a;

package/dist/quby-frontend.umd.js

@@ -2782,6 +2782,7 @@ var __privateAdd = (obj, member, value) => {
         },
         "thanks_for_filling_out": "Bedankt voor het invullen van deze vragenlijst. Uw antwoorden zijn opgeslagen.",
         "ios_download_instruction": "Er opent een nieuw tabblad waarop de download wordt gestart.\n\nSla het bestand op in Boeken/iBooks. Keer dan terug naar de browser met de knop '< Safari' geheel linksboven.\n\nGa in de browser terug met de terug knop '<' en druk op 'Klaar' om je invulling vast te leggen.",
+        "comma_in_float_warning": "Komma weggelaten. Gebruik een punt voor decimale getallen.",
         "validations": {
           "maximum": "Uw antwoord moet een getal kleiner dan of gelijk aan %{value} zijn.",
           "maximum_date": "De datum moet op of voor de dag %{friendly_date} liggen.",
@@ -2851,6 +2852,7 @@ var __privateAdd = (obj, member, value) => {
         },
         "thanks_for_filling_out": "Thank you for filling out the questionnaire.",
         "ios_download_instruction": "Your download will open in a new tab.\n\nSave the file in Books/iBooks. Return to the browser using the '< Safari' button in the top left.\n\nBack in the browser, press the back '<' button and press 'Done' to complete your questionnaire.",
+        "comma_in_float_warning": "Comma omitted. Use a period for decimal numbers.",
         "validations": {
           "maximum": "Enter a number of at most %{value}.",
           "maximum_date": "Entered date must be on or before %{friendly_date}.",
@@ -2924,6 +2926,7 @@ var __privateAdd = (obj, member, value) => {
         },
         "thanks_for_filling_out": "Vielen Dank für das Ausfüllen dieses Fragebogens. Ihre Antworten sind gespeichert.",
         "ios_download_instruction": "Eine neue Browser-Tab wird geöffnet, in der der Download gestartet wird.\n\nSpeichern Sie die Datei in Books/iBooks. Kehren Sie dann mit der Knopf '< Safari' oben links zum Browser zurück. \n\nDenn, im Browser gehen Sie mit dem Zurück-Knopf '<' zurück und drücken Sie auf 'Fertig' um die Fragebogen zu speichern.",
+        "comma_in_float_warning": "Komma weggelassen. Bitte verwenden Sie einen Punkt für Dezimalzahlen.",
         "validations": {
           "maximum": {
             "date": "Das Datum muss an oder vor dem %{friendly_date} liegen.",
@@ -13408,7 +13411,7 @@ var __privateAdd = (obj, member, value) => {
     });
     return answerSet;
   };
-  const TEXTVAR_REGEX = /\{\{((?<type>[a-z_]+)\.(?<textvar>[a-z0-9]+)|(?<textvaronly>[a-z0-9_]+))\}\}/g;
+  const TEXTVAR_REGEX = /\{\{((?<type>[a-z_]+)\.(?<textvar>[a-z0-9_]+)|(?<textvaronly>[a-z0-9_]+))\}\}/g;
   class CurliesInterpolator {
     constructor(response, questionnaire) {
       __publicField(this, "response");
@@ -13500,12 +13503,12 @@ var __privateAdd = (obj, member, value) => {
     // Returns null if already on the last panel.
     nextPanelIndexToActivate(panelIndex) {
       let newIndex = panelIndex + 1;
-      if (newIndex === this.panels.length) {
-        return null;
-      }
       while (newIndex < this.panels.length && this.allQuestionsHidden(newIndex)) {
         newIndex++;
       }
+      if (newIndex === this.panels.length) {
+        return null;
+      }
       return newIndex;
     }
     // previous panel that is true for one of the following conditions:
@@ -14020,7 +14023,13 @@ var __privateAdd = (obj, member, value) => {
   const FloatQuestion = ({ question, fieldState, setQuestionRef }) => {
     var _a;
     const { t: t2 } = useTranslation();
+    const [commaError, setCommaError] = React$1.useState(false);
     const mbvArgs = useMightBecomeValid((_a = fieldState.value) == null ? void 0 : _a.toString(), (newValue) => {
+      if (newValue.includes(",")) {
+        setCommaError(true);
+      } else {
+        setCommaError(false);
+      }
       if (["-", ".", `${fieldState.value}.`].includes(newValue)) {
         return newValue;
       }
@@ -14043,6 +14052,7 @@ var __privateAdd = (obj, member, value) => {
       /* @__PURE__ */ jsxRuntime.jsx(MainLabel, { question }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "description-and-fields", children: [
         /* @__PURE__ */ jsxRuntime.jsx(QuestionDescription, { question }),
+        commaError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "error", children: t2("comma_in_float_warning") }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "fields", id: htmlId$4(question), children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             "input",
@@ -14052,6 +14062,7 @@ var __privateAdd = (obj, member, value) => {
               disabled: fieldState.disabled,
               size: question.size,
               onFocus: fieldState.setAsActiveQuestion,
+              placeholder: "0.0",
               ...mbvArgs
             }
           ),
@@ -15046,7 +15057,7 @@ var __privateAdd = (obj, member, value) => {
   };
   const renderThumb$1 = ({ props, value, isDragged, blank, showTooltip, startThumbHidden, isActiveQuestion, onFocus }) => {
     if (startThumbHidden && blank) {
-      return /* @__PURE__ */ React$1.createElement("div", { ...props, key: props.key });
+      return /* @__PURE__ */ React$1.createElement("div", { ...props, key: props.key, onFocus });
     }
     return /* @__PURE__ */ React$1.createElement(
       "div",
@@ -18990,7 +19001,7 @@ var __privateAdd = (obj, member, value) => {
       firstInput.focus();
     }
   };
-  const styles = '/*\n! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com\n*//*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: #e5e7eb; /* 2 */\n}\n\n::before,\n::after {\n  --tw-content: \'\';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user\'s configured `sans` font-family by default.\n5. Use the user\'s configured `sans` font-feature-settings by default.\n6. Use the user\'s configured `sans` font-variation-settings by default.\n*/\n\nhtml {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  -o-tab-size: 4;\n     tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n1. Use the user\'s configured `mono` font family by default.\n2. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\n[type=\'button\'],\n[type=\'reset\'],\n[type=\'submit\'] {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n  outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type=\'search\'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n/*\nReset default styling for dialogs.\n*/\ndialog {\n  padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n  resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user\'s configured gray 400 color.\n*/\n\ninput::-moz-placeholder, textarea::-moz-placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role="button"] {\n  cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don\'t get the pointer cursor.\n*/\n:disabled {\n  cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/* Make elements with the HTML hidden attribute stay hidden by default */\n[hidden] {\n  display: none;\n}\n  em {\n    font-style: italic;\n    font-weight: 500;\n  }\n\n  strong {\n    font-weight: bolder;\n  }\n    strong em {\n      font-weight: inherit;\n    }\n\n  em.clean {\n    font-style: inherit;\n  }\n\n  strong.clean { \n    font-weight: inherit;\n  }\n\n  .underline { /* mostly for <strong class="clean underline"> */\n    text-decoration: underline;\n  }\n\n  /* de-emphasize the text */\n  .de-em {\n  font-weight: 300;\n}\n  .de-em em {\n  font-weight: 400;\n}\n  .de-em strong {\n  font-weight: 600;\n}\n\n  a {\n    color: oklch(var(--primary));\n    text-decoration: underline;\n  }\n\n  .serif {\n    font-family: Georgia, serif;\n  }\n\n  small {\n    font-size: 0.8rem;\n  }\n    .text-center img, .text-center svg, .text-center input[type="radio"] { /* These are made display block by tailwind, but we want to center when scaled */\n      margin-left: auto;\n      margin-right: auto;\n    }\n\n  h1, h2, h3, h4, .h1, .h2, .h3, .h4 {\n  font-weight: 700;\n}\n\n  h1 em, h2 em, h3 em, h4 em, .h1 em, .h2 em, .h3 em, .h4 em {\n      font-weight: inherit;\n    }\n\n  h1 strong, h2 strong, h3 strong, h4 strong, .h1 strong, .h2 strong, .h3 strong, .h4 strong {\n  font-weight: 900;\n}\n\n  h1, h2, h3, h4, .h1, .h2, .h3, .h4 {\n    margin: 1.5rem 0 1rem;\n  }\n\n  h1, .h1 {\n    font-size: 1.75rem;\n    margin: 1.5rem 0 2rem;\n  }\n\n  h2, .h2 {\n    font-size: 1.5rem;\n  }\n\n  h3, .h3 {\n    font-size: 1.25rem;\n  }\n\n  h4, .h4 {\n    font-size: 1rem;\n  }\n  :host {\n    --page: 1 0 0;\n    --background: 1 0 0;\n    --foreground: .21 .04 266; /* text color */\n    --foreground-80: .38 .04 266;\n    --foreground-60: .55 .04 266;\n    --muted: var(--foreground-60); /* text color muted */\n    --super-muted: .95 .04 266;\n    --primary: .454 .135 254;\n    --primary-muted: .5 .135 254;\n    --primary-hover: 0.5 0.16 254;\n    --primary-inv: var(--background);\n    --error-bar: .64 .24 27;\n    --error-background: var(--error-bar) / .4;\n    --slider-track: .91 0 0;\n    --info-block-bg: .87 .055 223;\n    --info-block-fg: var(--foreground);\n\n    --panel-padding: 1rem;\n    --default-radius: 0.25rem;\n    --checkradio-size: 1rem;\n    --checkradio-padding: 0.75rem;\n    --question-padding: 2rem;\n    --question-bar-padding: 8px;\n    --question-bar-width: 4px;\n    --list-indent: 1.5rem;\n\n    /* To change in questionnaires */\n    --option-gap-y: 0; /* vertical gap between options, 1, 2, 3, 4 */\n    --question-mb-factor: 1; /* vertical gap to the next question, 0, 0.5, 1, 1.5, 2 */\n    --max-page-width: 75rem;\n  }\n\n  @media(min-width: 800px) {\n    :host {\n      --panel-padding: 2rem;\n      --question-bar-padding: 10px;\n    }\n  }\n\n  .dark {\n    --page: .186 .031 272;\n    --background: 0 0 0;\n    --foreground: 1 0 0;\n    --foreground-80: .8 0 0;\n    --foreground-60: .6 0 0;\n    --foreground-40: .4 0 0;\n    --muted: var(--foreground-60);\n    --super-muted: .3 0 0;\n    --primary: .68 .16 254;\n    --primary-hover: 0.5 0.16 254;\n    --primary-muted: .3 .135 254;\n    --primary-inv: var(--foreground);\n    --slider-track: .23 0 197;\n    --info-block-bg: .4342 .052 233;\n    --info-block-fg: var(--foreground);\n  }\n\n  :host {\n    all: initial;\n    display: block;\n    position: relative; /* fix absolute children when quby lives in a scrolling container */\n    /* Copied from tailwind html css. */\n    line-height: 1.5; /* 1 */\n    -webkit-text-size-adjust: 100%; /* 2 */\n    -moz-tab-size: 4;\n      -o-tab-size: 4;\n         tab-size: 4; /* 3 */\n    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */\n    font-feature-settings: normal; /* 5 */\n    font-variation-settings: normal; /* 6 */\n\n    /* Made normal font thinner (300) in tailwind.conf */\n\n    font-weight: 400;\n  }\n\n  input, 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    display: grid; /* easiest way to perfectly center the ::before */\n    place-content: center;\n    width: var(--checkradio-size);\n    height: var(--checkradio-size);\n    margin: .25rem 0;\n  } /* center vertically, (line-height-height)/2 */\n    input[type=checkbox]::before, input[type=radio]::before {\n      content: "";\n      width: 0.65rem;\n      height: 0.65rem;\n      transform: scale(0); /* hide when not checked */\n      transition: 125ms transform ease-in-out;\n      box-shadow: inset 1em 1em oklch(var(--check-color)); /* bg instead of bgcolor to enable printing */\n      background-color: CanvasText; /* replace shadow when forced colors */\n    }\n    input[type=checkbox]:checked::before, input[type=radio]:checked::before {\n      transform: scale(1);\n    }\n\n  input[type=checkbox] {\n    border-radius: var(--default-radius);\n  }\n    input[type=checkbox]::before {\n      clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); /* checkmark */\n    } \n  input[type=radio] {\n    border-radius: 50%;\n  }\n    input[type=radio]::before {\n      border-radius: 50%;\n    }\n  .active input[type=checkbox]:not(:disabled), .active input[type=radio]:not(:disabled) {\n    --check-color: var(--primary);\n  }\n\n*, ::before, ::after {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n}\n\n::backdrop {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n}\n.progress-bar {\n    margin: var(--panel-padding);\n  }\n.progress-bar .progress-wrapper .progress-slider {\n    background-position: 0 4px;\n    display: inline-block;\n    height: 12px;\n    border: 1px solid #ccc;\n    border-radius: 6px;\n    padding: 1px;\n  }\n.panel .progress-bar .progress-wrapper {\n    text-align: center;\n  }\n.progress-bar .progress-stop {\n    height: 8px;\n    line-height: 8px;\n    width: 6px;\n    background: none;\n    font-size: 6px;\n    text-indent: -1234em;\n    display: block;\n    float: left;\n  }\n.progress-bar .progress-stop.first-child {\n    width: 8px;\n    border-radius: 5px 0 0 5px;\n  }\n.progress-bar .progress-stop.last-child {\n    width: 8px;\n    border-radius: 0 5px 5px 0;\n  }\n.progress-bar .progress-stop.active {\n    background: oklch(var(--muted));\n  }\n.progress-bar .progress-stop.current {\n    border-radius: 0 5px 5px 0;\n  }\n.progress-bar .progress-stop.current.first-child {\n    border-radius: 5px;\n  }\n.progress-bar .progress-details {\n    color: has(var(--muted));\n    font-size: 9px;\n  }\n.prose p {\n      margin: 0 0 1rem 0;\n    }\n/* for things like description we want less, so the parent will determine the outer margin. */\n/* if only margin-trim was more widely supported */\n.prose > *:first-child {\n      margin-top: 0;\n    }\n.prose > *:last-child {\n      margin-bottom: 0;\n    }\n.prose ul {\n      list-style-type: disc;\n      margin: 0 0 1rem var(--list-indent);\n    }\n.prose ol {\n      list-style-type: lower-alpha;\n      margin: 0 0 1rem var(--list-indent);\n    }\n.prose ol.list-decimal {\n        list-style-type: decimal;\n      }\n.prose li {\n      padding-left: 0.5rem;\n    }\n.prose hr {\n      margin: var(--question-padding) 1rem;\n      border: none;\n      height: 0.125rem;\n      background-color: oklch(var(--muted));\n    }\n.prose hr.compact {\n      margin: 1rem;\n    }\nblockquote {\n    margin: 1em 2em;\n  }\nblockquote >* {\n        font-style: italic;\n    }\nblockquote >p::before,\n    blockquote >p:last-child::after,\n    blockquote >ul::before,\n    blockquote >ul:last-child > li:last-child::after {\n        content: "“";\n        font-family: Georgia;\n        font-size: 2.5rem;\n        margin: -.8rem 0 0 -1.4rem;\n        position: absolute;\n        color: #666;\n    }\nblockquote >ul::before {\n      margin-left: calc(-1.1rem - var(--list-indent));\n    }\nblockquote >p:last-child::after,\n    blockquote >ul:last-child > li:last-child::after {\n        content: "”";\n        margin: 0 0 0 -.1rem\n    }\nblockquote.blue-quotes p::before,\n    blockquote.blue-quotes p:last-child::after {\n        color: #298ED5;\n    }\n.visible {\n  visibility: visible;\n}\n.absolute {\n  position: absolute;\n}\n.sticky {\n  position: sticky;\n}\n.order-last {\n  order: 9999;\n}\n.float-right {\n  float: right;\n}\n.m-panel-padding {\n  margin: var(--panel-padding);\n}\n.mx-1 {\n  margin-left: 0.25rem;\n  margin-right: 0.25rem;\n}\n.my-1 {\n  margin-top: 0.25rem;\n  margin-bottom: 0.25rem;\n}\n.mb-1 {\n  margin-bottom: 0.25rem;\n}\n.mb-2 {\n  margin-bottom: 0.5rem;\n}\n.mr-1 {\n  margin-right: 0.25rem;\n}\n.mt-1 {\n  margin-top: 0.25rem;\n}\n.mt-3 {\n  margin-top: 0.75rem;\n}\n.block {\n  display: block;\n}\n.inline {\n  display: inline;\n}\n.flex {\n  display: flex;\n}\n.table {\n  display: table;\n}\n.hidden {\n  display: none;\n}\n.w-1\\/2 {\n  width: 50%;\n}\n.w-1\\/3 {\n  width: 33.333333%;\n}\n.w-1\\/4 {\n  width: 25%;\n}\n.w-1\\/5 {\n  width: 20%;\n}\n.w-1\\/6 {\n  width: 16.666667%;\n}\n.w-2\\/3 {\n  width: 66.666667%;\n}\n.w-2\\/5 {\n  width: 40%;\n}\n.w-3\\/4 {\n  width: 75%;\n}\n.w-3\\/5 {\n  width: 60%;\n}\n.w-4\\/5 {\n  width: 80%;\n}\n.w-5\\/6 {\n  width: 83.333333%;\n}\n.w-full {\n  width: 100%;\n}\n.transform {\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.resize {\n  resize: both;\n}\n.list-decimal {\n  list-style-type: decimal;\n}\n.justify-between {\n  justify-content: space-between;\n}\n.rounded {\n  border-radius: 0.25rem;\n}\n.border {\n  border-width: 1px;\n}\n.border-2 {\n  border-width: 2px;\n}\n.border-warning {\n  --tw-border-opacity: 1;\n  border-color: rgb(255 165 0 / var(--tw-border-opacity));\n}\n.bg-slate-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(241 245 249 / var(--tw-bg-opacity));\n}\n.p-panel-padding {\n  padding: var(--panel-padding);\n}\n.text-center {\n  text-align: center;\n}\n.align-top {\n  vertical-align: top;\n}\n.text-lg {\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n}\n.font-light {\n  font-weight: 300;\n}\n.font-medium {\n  font-weight: 500;\n}\n.underline {\n  text-decoration-line: underline;\n}\n.filter {\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n:host > div {\n  background-color: oklch(var(--page));\n  color: oklch(var(--foreground));\n  min-height: 100cqh;\n}\n:host > div > * {\n  max-width: var(--max-page-width);\n  margin: 0 auto;\n}\n.panel + .panel {\n  margin-top: 5rem;\n}\n.option .labelwrapper p {\n  display: inline; /* temp fix, should be stripped by quby-compiler */\n}\n.item.question {\n  box-shadow: calc(-1 * var(--question-bar-padding)) 0 0 0 oklch(var(--page)), calc(0px - var(--question-bar-width) - var(--question-bar-padding)) 0px 0px 0px oklch(var(--super-muted));\n}\n.item.active, .item:has(.active) {\n  box-shadow: calc(-1 * var(--question-bar-padding)) 0 0 0 oklch(var(--page)), calc(0px - var(--question-bar-width) - var(--question-bar-padding)) 0px 0px 0px oklch(var(--primary));\n}\n.item.errors {\n  box-shadow: calc(-1 * var(--question-bar-padding)) 0 0 0 oklch(var(--page)), calc(0px - var(--question-bar-width) - var(--question-bar-padding)) 0px 0px 0px oklch(var(--error-background));\n}\n.item.errors.active {\n  box-shadow: calc(-1 * var(--question-bar-padding)) 0 0 0 oklch(var(--page)), calc(0px - var(--question-bar-width) - var(--question-bar-padding)) 0px 0px 0px oklch(var(--error-bar));\n}\n.item .main {\n  font-weight: 700;\n}\n.item .main em {\n      font-weight: inherit;\n    }\n.item .main strong {\n  font-weight: 900;\n}\n.item .inner-title {\n    margin: 1rem 0 0.5rem;\n    font-weight: 600;\n  }\n.item .inner-title em {\n  font-weight: 700;\n}\n.item .inner-title strong {\n  font-weight: 800;\n}\n.item .description-and-fields > .description {\n  font-weight: 300;\n}\n.item .description-and-fields > .description em {\n  font-weight: 400;\n}\n.item .description-and-fields > .description strong {\n  font-weight: 600;\n}\n.item .description-and-fields > .description {\n  margin-bottom: 0.5rem;\n}\n.item .description-and-fields > .description .instruction {\n  font-weight: 400;\n}\n.item .description-and-fields > .description .example {}\n.item .description-and-fields > .description .explanation {}\nbutton {\n  border-radius: 0.375rem;\n  padding-left: 1rem;\n  padding-right: 1rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  font-weight: 600;\n}\nbutton:focus-visible {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\nbutton.secondary {\n  border-width: 2px;\n  border-color: oklch(var(--primary));\n  background-color: oklch(var(--background));\n  color: oklch(var(--primary));\n}\nbutton.secondary:hover {\n      border-color: oklch(var(--primary-hover));\n      color: oklch(var(--primary-hover));\n    }\nbutton.primary {\n  background-color: oklch(var(--primary));\n  color: oklch(var(--background));\n}\nbutton.primary:hover {\n      background-color: oklch(var(--primary-hover));\n    }\n.info-item {\n  --icon-size: 20px;\n  --icon-margin: 8px;\n}\n.info-item .info-html {\n  padding: 0.5rem;\n    margin-bottom: var(--question-padding);\n    background-color: oklch(var(--info-block-bg));\n    color: oklch(var(--info-block-fg));\n    z-index: 1; /* prevent showing under slider */\n    padding-right: calc(var(--icon-size) + 2 * var(--icon-margin));\n}\n.info-item .info-html.open { /* opened by clicking icon */\n      position: sticky;\n      top: 0;\n    }\n.info-item .info-html>div { /* actual content, extra div needed to animate scale. */\n      transform-origin: center top;\n      transition: inherit;\n    }\n.info-item .info-html.opening {\n      height: 0;\n      margin-bottom: 0;\n    }\n.info-item .info-html.opening>div { \n        transform: scale(1, 0); /* animating scale, since we can\'t both hide content and have the icon float */\n      }\n.info-item .info-html {\n    transition: all 0.3s linear;\n    interpolate-size: allow-keywords;\n}\n.info-item .info-icon {\n    position: relative; /* with z-index to make it appear above the info-html */\n    z-index: 2;\n    float: right;\n    top: 0;\n    background-color: oklch(var(--info-block-bg));\n    transition: margin 0.5s;\n  }\n.info-item .info-icon.stuck {\n      position: sticky;\n      margin-right: calc(-1 * var(--panel-padding));\n    }\n.info-item .info-icon:hover {\n      cursor: pointer;\n    }\n.info-item .info-icon svg {\n      width: var(--icon-size);\n      height: var(--icon-size);\n      margin: var(--icon-margin);\n    }\n.item.radio .option, .item.check_box .option {\n  display: flex;\n  flex-wrap: wrap;\n}\n.item.radio .option .radiocheckwrapper, .item.check_box .option .radiocheckwrapper {\n    flex: 0 0 var(--checkradio-size);\n  }\n.item.radio .option .value, .item.check_box .option .value {\n    flex: 0 0 2rem;\n    text-align: right;\n  }\n.item.radio .option .labelwrapper, .item.check_box .option .labelwrapper {\n    flex: 1 1 0;\n    padding-left: var(--checkradio-padding);\n  }\n.item.radio .option .subquestions, .item.check_box .option .subquestions {\n    width: 100%; /* forces it to the next lines */\n  }\n.item.radio .option + .option, .item.check_box .option + .option {\n    margin-top: calc(var(--option-gap-y) * 0.25rem);\n  }\n.subquestions {\n  margin-left: calc(var(--question-bar-padding) + var(--checkradio-size)/2 + 2px); /* align active bar under checkbox/radio */\n}\n/* context-description doesn\'t live under question, so doesn\'t react to a single question override. */\n.item, .context-description {\n  position: relative;\n  margin-bottom: calc(var(--question-padding) * var(--question-mb-factor));\n}\n.item:has(+.indent.question) {\n  margin-bottom: 0;\n  padding-bottom: calc(var(--question-padding) * var(--question-mb-factor) / 2);\n}\n.question.indent {\n  padding-left: calc(var(--checkradio-size) + var(--checkradio-padding));\n}\n/* align with option text, it\'s often below selects and a fine padding for other types */\n.question.indent::before {\n    content: "";\n    position: absolute;\n    top: 10px;\n    left: 0;\n    margin-left: calc(0px - var(--question-bar-padding));\n    width: calc(var(--checkradio-size) + var(--question-bar-padding));\n    height: var(--question-bar-width);\n    background-color: oklch(var(--super-muted));\n  }\n.question.indent.active::before {\n    background-color: oklch(var(--primary));\n  }\n.subquestions .item {\n  margin-bottom: 0;\n}\n/* Distance from inputs feel than from text, since they don\'t have extra line-height padding.\n  * So we add a bit of padding, but not for radio/checkbox, \n  *   since they do have line-height from the labels.\n  *   but also because it would prevent margin-collapsing when they have subquestions.\n  * Let\'s hope someday text-box-trim will make this obsolete. */\n.item:not(.radio):not(.check_box) .description-and-fields {\n  padding-bottom: 0.5em;\n}\n.item.errors .error {\n  background: oklch(var(--error-background));\n  outline: 1px solid oklch(var(--error-bar));\n  border-radius: var(--default-radius);\n  margin: 0.25rem;\n  padding: 0.25rem;\n}\nfooter {\n  font-weight: 300;\n}\nfooter em {\n  font-weight: 400;\n}\nfooter strong {\n  font-weight: 600;\n}\nfooter {\n  font-size: .875rem;\n  padding: var(--panel-padding);\n  color: oklch(var(--foreground-80));\n}\n:is(.dark .dark\\:bg-slate-700) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(51 65 85 / var(--tw-bg-opacity));\n}\n';
+  const styles = '/*\n! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com\n*//*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: #e5e7eb; /* 2 */\n}\n\n::before,\n::after {\n  --tw-content: \'\';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user\'s configured `sans` font-family by default.\n5. Use the user\'s configured `sans` font-feature-settings by default.\n6. Use the user\'s configured `sans` font-variation-settings by default.\n*/\n\nhtml {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  -o-tab-size: 4;\n     tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n1. Use the user\'s configured `mono` font family by default.\n2. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\n[type=\'button\'],\n[type=\'reset\'],\n[type=\'submit\'] {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n  outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type=\'search\'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n/*\nReset default styling for dialogs.\n*/\ndialog {\n  padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n  resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user\'s configured gray 400 color.\n*/\n\ninput::-moz-placeholder, textarea::-moz-placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role="button"] {\n  cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don\'t get the pointer cursor.\n*/\n:disabled {\n  cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/* Make elements with the HTML hidden attribute stay hidden by default */\n[hidden] {\n  display: none;\n}\n  em {\n    font-style: italic;\n    font-weight: 500;\n  }\n\n  strong {\n    font-weight: bolder;\n  }\n    strong em {\n      font-weight: inherit;\n    }\n\n  em.clean {\n    font-style: inherit;\n  }\n\n  strong.clean { \n    font-weight: inherit;\n  }\n\n  .underline { /* mostly for <strong class="clean underline"> */\n    text-decoration: underline;\n  }\n\n  /* de-emphasize the text */\n  .de-em {\n  font-weight: 300;\n}\n  .de-em em {\n  font-weight: 400;\n}\n  .de-em strong {\n  font-weight: 600;\n}\n\n  a {\n    color: oklch(var(--primary));\n    text-decoration: underline;\n  }\n\n  .serif {\n    font-family: Georgia, serif;\n  }\n\n  small {\n    font-size: 0.8rem;\n  }\n    .text-center img, .text-center svg, .text-center input[type="radio"] { /* These are made display block by tailwind, but we want to center when scaled */\n      margin-left: auto;\n      margin-right: auto;\n    }\n\n  h1, h2, h3, h4, .h1, .h2, .h3, .h4 {\n  font-weight: 700;\n}\n\n  h1 em, h2 em, h3 em, h4 em, .h1 em, .h2 em, .h3 em, .h4 em {\n      font-weight: inherit;\n    }\n\n  h1 strong, h2 strong, h3 strong, h4 strong, .h1 strong, .h2 strong, .h3 strong, .h4 strong {\n  font-weight: 900;\n}\n\n  h1, h2, h3, h4, .h1, .h2, .h3, .h4 {\n    margin: 1.5rem 0 1rem;\n  }\n\n  h1, .h1 {\n    font-size: 1.75rem;\n    margin: 1.5rem 0 2rem;\n  }\n\n  h2, .h2 {\n    font-size: 1.5rem;\n  }\n\n  h3, .h3 {\n    font-size: 1.25rem;\n  }\n\n  h4, .h4 {\n    font-size: 1rem;\n  }\n  :host {\n    --page: 1 0 0;\n    --background: 1 0 0;\n    --foreground: .21 .04 266; /* text color */\n    --foreground-80: .38 .04 266;\n    --foreground-60: .55 .04 266;\n    --muted: var(--foreground-60); /* text color muted */\n    --super-muted: .95 .04 266;\n    --primary: .454 .135 254;\n    --primary-muted: .5 .135 254;\n    --primary-hover: 0.5 0.16 254;\n    --primary-inv: var(--background);\n    --error-bar: .64 .24 27;\n    --error-background: var(--error-bar) / .4;\n    --slider-track: .91 0 0;\n    --info-block-bg: .87 .055 223;\n    --info-block-fg: var(--foreground);\n\n    --panel-padding: 1rem;\n    --default-radius: 0.25rem;\n    --checkradio-size: 1rem;\n    --checkradio-padding: 0.75rem;\n    --question-padding: 2rem;\n    --question-bar-padding: 8px;\n    --question-bar-width: 4px;\n    --list-indent: 1.5rem;\n\n    /* To change in questionnaires */\n    --option-gap-y: 0; /* vertical gap between options, 1, 2, 3, 4 */\n    --question-mb-factor: 1; /* vertical gap to the next question, 0, 0.5, 1, 1.5, 2 */\n    --max-page-width: 75rem;\n  }\n\n  @media(min-width: 800px) {\n    :host {\n      --panel-padding: 2rem;\n      --question-bar-padding: 10px;\n    }\n  }\n\n  .dark {\n    --page: .186 .031 272;\n    --background: 0 0 0;\n    --foreground: 1 0 0;\n    --foreground-80: .8 0 0;\n    --foreground-60: .6 0 0;\n    --foreground-40: .4 0 0;\n    --muted: var(--foreground-60);\n    --super-muted: .3 0 0;\n    --primary: .68 .16 254;\n    --primary-hover: 0.5 0.16 254;\n    --primary-muted: .3 .135 254;\n    --primary-inv: var(--foreground);\n    --slider-track: .23 0 197;\n    --info-block-bg: .4342 .052 233;\n    --info-block-fg: var(--foreground);\n  }\n\n  :host {\n    all: initial;\n    display: block;\n    position: relative; /* fix absolute children when quby lives in a scrolling container */\n    /* Copied from tailwind html css. */\n    line-height: 1.5; /* 1 */\n    -webkit-text-size-adjust: 100%; /* 2 */\n    -moz-tab-size: 4;\n      -o-tab-size: 4;\n         tab-size: 4; /* 3 */\n    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */\n    font-feature-settings: normal; /* 5 */\n    font-variation-settings: normal; /* 6 */\n\n    /* Made normal font thinner (300) in tailwind.conf */\n\n    font-weight: 400;\n  }\n\n  input, textarea, 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      left: -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: left;\n  }\n.progress-bar .progress-stop.first-child {\n    width: 8px;\n    border-radius: 5px 0 0 5px;\n  }\n.progress-bar .progress-stop.last-child {\n    width: 8px;\n    border-radius: 0 5px 5px 0;\n  }\n.progress-bar .progress-stop.active {\n    background: oklch(var(--muted));\n  }\n.progress-bar .progress-stop.current {\n    border-radius: 0 5px 5px 0;\n  }\n.progress-bar .progress-stop.current.first-child {\n    border-radius: 5px;\n  }\n.progress-bar .progress-details {\n    color: has(var(--muted));\n    font-size: 9px;\n  }\n.prose p {\n      margin: 0 0 1rem 0;\n    }\n/* for things like description we want less, so the parent will determine the outer margin. */\n/* if only margin-trim was more widely supported */\n.prose > *:first-child {\n      margin-top: 0;\n    }\n.prose > *:last-child {\n      margin-bottom: 0;\n    }\n.prose ul {\n      list-style-type: disc;\n      margin: 0 0 1rem var(--list-indent);\n    }\n.prose ol {\n      list-style-type: lower-alpha;\n      margin: 0 0 1rem var(--list-indent);\n    }\n.prose ol.list-decimal {\n        list-style-type: decimal;\n      }\n.prose li {\n      padding-left: 0.5rem;\n    }\n.prose hr {\n      margin: var(--question-padding) 1rem;\n      border: none;\n      height: 0.125rem;\n      background-color: oklch(var(--muted));\n    }\n.prose hr.compact {\n      margin: 1rem;\n    }\nblockquote {\n    margin: 1em 2em;\n  }\nblockquote >* {\n        font-style: italic;\n    }\nblockquote >p::before,\n    blockquote >p:last-child::after,\n    blockquote >ul::before,\n    blockquote >ul:last-child > li:last-child::after {\n        content: "“";\n        font-family: Georgia;\n        font-size: 2.5rem;\n        margin: -.8rem 0 0 -1.4rem;\n        position: absolute;\n        color: #666;\n    }\nblockquote >ul::before {\n      margin-left: calc(-1.1rem - var(--list-indent));\n    }\nblockquote >p:last-child::after,\n    blockquote >ul:last-child > li:last-child::after {\n        content: "”";\n        margin: 0 0 0 -.1rem\n    }\nblockquote.blue-quotes p::before,\n    blockquote.blue-quotes p:last-child::after {\n        color: #298ED5;\n    }\n.visible {\n  visibility: visible;\n}\n.absolute {\n  position: absolute;\n}\n.sticky {\n  position: sticky;\n}\n.order-last {\n  order: 9999;\n}\n.float-right {\n  float: right;\n}\n.m-panel-padding {\n  margin: var(--panel-padding);\n}\n.mx-1 {\n  margin-left: 0.25rem;\n  margin-right: 0.25rem;\n}\n.my-1 {\n  margin-top: 0.25rem;\n  margin-bottom: 0.25rem;\n}\n.mb-1 {\n  margin-bottom: 0.25rem;\n}\n.mb-2 {\n  margin-bottom: 0.5rem;\n}\n.mr-1 {\n  margin-right: 0.25rem;\n}\n.mt-1 {\n  margin-top: 0.25rem;\n}\n.mt-3 {\n  margin-top: 0.75rem;\n}\n.block {\n  display: block;\n}\n.inline {\n  display: inline;\n}\n.flex {\n  display: flex;\n}\n.table {\n  display: table;\n}\n.hidden {\n  display: none;\n}\n.w-1\\/2 {\n  width: 50%;\n}\n.w-1\\/3 {\n  width: 33.333333%;\n}\n.w-1\\/4 {\n  width: 25%;\n}\n.w-1\\/5 {\n  width: 20%;\n}\n.w-1\\/6 {\n  width: 16.666667%;\n}\n.w-2\\/3 {\n  width: 66.666667%;\n}\n.w-2\\/5 {\n  width: 40%;\n}\n.w-3\\/4 {\n  width: 75%;\n}\n.w-3\\/5 {\n  width: 60%;\n}\n.w-4\\/5 {\n  width: 80%;\n}\n.w-5\\/6 {\n  width: 83.333333%;\n}\n.w-full {\n  width: 100%;\n}\n.transform {\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.resize {\n  resize: both;\n}\n.list-decimal {\n  list-style-type: decimal;\n}\n.justify-between {\n  justify-content: space-between;\n}\n.rounded {\n  border-radius: 0.25rem;\n}\n.border {\n  border-width: 1px;\n}\n.border-2 {\n  border-width: 2px;\n}\n.border-warning {\n  --tw-border-opacity: 1;\n  border-color: rgb(255 165 0 / var(--tw-border-opacity));\n}\n.bg-slate-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(241 245 249 / var(--tw-bg-opacity));\n}\n.p-panel-padding {\n  padding: var(--panel-padding);\n}\n.text-center {\n  text-align: center;\n}\n.align-top {\n  vertical-align: top;\n}\n.text-lg {\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n}\n.font-light {\n  font-weight: 300;\n}\n.font-medium {\n  font-weight: 500;\n}\n.underline {\n  text-decoration-line: underline;\n}\n.filter {\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n:host > div {\n  background-color: oklch(var(--page));\n  color: oklch(var(--foreground));\n  min-height: 100cqh;\n}\n:host > div > * {\n  max-width: var(--max-page-width);\n  margin: 0 auto;\n}\n.panel + .panel {\n  margin-top: 5rem;\n}\n.option .labelwrapper p {\n  display: inline; /* temp fix, should be stripped by quby-compiler */\n}\n.item.question {\n  box-shadow: calc(-1 * var(--question-bar-padding)) 0 0 0 oklch(var(--page)), calc(0px - var(--question-bar-width) - var(--question-bar-padding)) 0px 0px 0px oklch(var(--super-muted));\n}\n.item.active, .item:has(.active) {\n  box-shadow: calc(-1 * var(--question-bar-padding)) 0 0 0 oklch(var(--page)), calc(0px - var(--question-bar-width) - var(--question-bar-padding)) 0px 0px 0px oklch(var(--primary));\n}\n.item.errors {\n  box-shadow: calc(-1 * var(--question-bar-padding)) 0 0 0 oklch(var(--page)), calc(0px - var(--question-bar-width) - var(--question-bar-padding)) 0px 0px 0px oklch(var(--error-background));\n}\n.item.errors.active {\n  box-shadow: calc(-1 * var(--question-bar-padding)) 0 0 0 oklch(var(--page)), calc(0px - var(--question-bar-width) - var(--question-bar-padding)) 0px 0px 0px oklch(var(--error-bar));\n}\n.item .main {\n  font-weight: 700;\n}\n.item .main em {\n      font-weight: inherit;\n    }\n.item .main strong {\n  font-weight: 900;\n}\n.item .inner-title {\n    margin: 1rem 0 0.5rem;\n    font-weight: 600;\n  }\n.item .inner-title em {\n  font-weight: 700;\n}\n.item .inner-title strong {\n  font-weight: 800;\n}\n.item .description-and-fields > .description {\n  font-weight: 300;\n}\n.item .description-and-fields > .description em {\n  font-weight: 400;\n}\n.item .description-and-fields > .description strong {\n  font-weight: 600;\n}\n.item .description-and-fields > .description {\n  margin-bottom: 0.5rem;\n}\n.item .description-and-fields > .description .instruction {\n  font-weight: 400;\n}\n.item .description-and-fields > .description .example {}\n.item .description-and-fields > .description .explanation {}\nbutton {\n  border-radius: 0.375rem;\n  padding-left: 1rem;\n  padding-right: 1rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  font-weight: 600;\n}\nbutton:focus-visible {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\nbutton.secondary {\n  border-width: 2px;\n  border-color: oklch(var(--primary));\n  background-color: oklch(var(--background));\n  color: oklch(var(--primary));\n}\nbutton.secondary:hover {\n      border-color: oklch(var(--primary-hover));\n      color: oklch(var(--primary-hover));\n    }\nbutton.primary {\n  background-color: oklch(var(--primary));\n  color: oklch(var(--background));\n}\nbutton.primary:hover {\n      background-color: oklch(var(--primary-hover));\n    }\n.info-item {\n  --icon-size: 20px;\n  --icon-margin: 8px;\n}\n.info-item .info-html {\n  padding: 0.5rem;\n    margin-bottom: var(--question-padding);\n    background-color: oklch(var(--info-block-bg));\n    color: oklch(var(--info-block-fg));\n    z-index: 1; /* prevent showing under slider */\n    padding-right: calc(var(--icon-size) + 2 * var(--icon-margin));\n}\n.info-item .info-html.open { /* opened by clicking icon */\n      position: sticky;\n      top: 0;\n    }\n.info-item .info-html>div { /* actual content, extra div needed to animate scale. */\n      transform-origin: center top;\n      transition: inherit;\n    }\n.info-item .info-html.opening {\n      height: 0;\n      margin-bottom: 0;\n    }\n.info-item .info-html.opening>div { \n        transform: scale(1, 0); /* animating scale, since we can\'t both hide content and have the icon float */\n      }\n.info-item .info-html {\n    transition: all 0.3s linear;\n    interpolate-size: allow-keywords;\n}\n.info-item .info-icon {\n    position: relative; /* with z-index to make it appear above the info-html */\n    z-index: 2;\n    float: right;\n    top: 0;\n    background-color: oklch(var(--info-block-bg));\n    transition: margin 0.5s;\n  }\n.info-item .info-icon.stuck {\n      position: sticky;\n      margin-right: calc(-1 * var(--panel-padding));\n    }\n.info-item .info-icon:hover {\n      cursor: pointer;\n    }\n.info-item .info-icon svg {\n      width: var(--icon-size);\n      height: var(--icon-size);\n      margin: var(--icon-margin);\n    }\n.item.radio .option, .item.check_box .option {\n  display: flex;\n  flex-wrap: wrap;\n}\n.item.radio .option .radiocheckwrapper, .item.check_box .option .radiocheckwrapper {\n    flex: 0 0 var(--checkradio-size);\n  }\n.item.radio .option .value, .item.check_box .option .value {\n    flex: 0 0 2rem;\n    text-align: right;\n  }\n.item.radio .option .labelwrapper, .item.check_box .option .labelwrapper {\n    flex: 1 1 0;\n  }\n.item.radio .option .labelwrapper>*, .item.check_box .option .labelwrapper>* {\n      padding-left: 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-left: calc(var(--question-bar-padding) + var(--checkradio-size)/2 + 2px); /* align active bar under checkbox/radio */\n}\n/* context-description doesn\'t live under question, so doesn\'t react to a single question override. */\n.item, .context-description {\n  position: relative;\n  margin-bottom: calc(var(--question-padding) * var(--question-mb-factor));\n}\n.item:has(+.indent.question) {\n  margin-bottom: 0;\n  padding-bottom: calc(var(--question-padding) * var(--question-mb-factor) / 2);\n}\n.question.indent {\n  padding-left: calc(var(--checkradio-size) + var(--checkradio-padding));\n}\n/* align with option text, it\'s often below selects and a fine padding for other types */\n.question.indent::before {\n    content: "";\n    position: absolute;\n    top: 10px;\n    left: 0;\n    margin-left: calc(0px - var(--question-bar-padding));\n    width: calc(var(--checkradio-size) + var(--question-bar-padding));\n    height: var(--question-bar-width);\n    background-color: oklch(var(--super-muted));\n  }\n.question.indent.active::before {\n    background-color: oklch(var(--primary));\n  }\n.subquestions .item {\n  margin-bottom: 0;\n}\n/* Distance from inputs feel than from text, since they don\'t have extra line-height padding.\n  * So we add a bit of padding, but not for radio/checkbox, \n  *   since they do have line-height from the labels.\n  *   but also because it would prevent margin-collapsing when they have subquestions.\n  * Let\'s hope someday text-box-trim will make this obsolete. */\n.item:not(.radio):not(.check_box) .description-and-fields {\n  padding-bottom: 0.5em;\n}\n.item .error {\n  background: oklch(var(--error-background));\n  outline: 1px solid oklch(var(--error-bar));\n  border-radius: var(--default-radius);\n  margin: 0.25rem;\n  padding: 0.25rem;\n}\nfooter {\n  font-weight: 300;\n}\nfooter em {\n  font-weight: 400;\n}\nfooter strong {\n  font-weight: 600;\n}\nfooter {\n  font-size: .875rem;\n  padding: var(--panel-padding);\n  color: oklch(var(--foreground-80));\n}\n:is(.dark .dark\\:bg-slate-700) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(51 65 85 / var(--tw-bg-opacity));\n}\n';
   const oldStyles = ':host {\n  --background: 0 0% 100%;\n}\n\n.item.date_parts .mr-1 {\n  margin-right: 0.125rem;\n}\n.item.date_parts .mb-2 { \n  margin-bottom: 0.25rem;\n}\n\n\n/* line 5, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\nhtml, body, div, span, applet, object, iframe,\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\na, abbr, acronym, address, big, cite, code,\ndel, dfn, em, img, ins, kbd, q, s, samp,\nsmall, strike, strong, sub, sup, tt, var,\nb, u, i, center,\ndl, dt, dd, ol, ul, li,\nfieldset, form, label, legend,\ntable, caption, tbody, tfoot, thead, tr, th, td,\narticle, aside, canvas, details, embed,\nfigure, figcaption, footer, header, hgroup,\nmenu, nav, output, ruby, section, summary,\ntime, mark, audio, video {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font: inherit;\n  font-size: 100%;\n  vertical-align: baseline;\n}\n\n/* line 22, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\nhtml {\n  line-height: 1;\n}\n\n/* line 24, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\nol, ul {\n  list-style: none;\n}\n\n/* line 26, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\ntable {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\n/* line 28, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\ncaption, th, td {\n  text-align: left;\n  font-weight: normal;\n  vertical-align: middle;\n}\n\n/* line 30, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\nq, blockquote {\n  quotes: none;\n}\n/* line 103, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\nq:before, q:after, blockquote:before, blockquote:after {\n  content: "";\n  content: none;\n}\n\n/* line 32, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\na img {\n  border: none;\n}\n\n/* line 116, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\narticle, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {\n  display: block;\n}\n\n/* line 3, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n#modalFrameDialog {\n  padding: 0;\n}\n\n/* line 6, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n#modalFrame {\n  width: 100%;\n  height: 99%;\n}\n\n/* line 11, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n.x_container {\n  display: none;\n}\n\n/* line 15, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\nsup, sub {\n  font-size: 0.8em !important;\n  position: relative;\n  line-height: 0;\n}\n\n/* line 21, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\nsup {\n  top: -0.4em;\n}\n\n/* line 25, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\nsub {\n  bottom: -0.25em;\n}\n\n/* line 29, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\nhtml {\n  overflow-x: hidden;\n}\n\n/* line 33, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\nbody {\n  font-family: Verdana, sans-serif;\n  font-size: 0.8em;\n  line-height: normal;\n  background-color: #eeeeee;\n  max-width: 100%;\n  overflow-x: hidden;\n  position: relative;\n}\n\n/* line 43, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n.panel-action-links {\n  text-align: right;\n  margin-bottom: 1em;\n}\n\n/* line 48, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n.panel-action-link {\n  margin-left: 1em;\n}\n\n/* line 52, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n#mastfoot {\n  margin: 0 auto;\n  max-width: 900px;\n  text-align: right;\n  color: #aaaaaa;\n}\n/* line 58, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n#mastfoot:before {\n  content: "\\2014";\n}\n/* line 62, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n#mastfoot:after {\n  content: "\\2014";\n}\n\n/* line 67, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n#noscript-warning {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  background: yellow;\n  border: 4px solid red;\n  color: red;\n  font-size: 1.5em;\n  text-align: center;\n}\n\n/* line 79, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n.nowrap {\n  white-space: nowrap;\n}\n\n/* line 83, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\nselect {\n  width: 100%;\n}\n\n/* line 87, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\ni {\n  font-style: italic !important;\n}\n\n/* line 91, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\nem {\n  font-weight: bold;\n}\n\n/* line 95, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n#content {\n  margin-bottom: 4em;\n}\n/* line 98, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n#content input[disabled] {\n  background-color: #ddd;\n}\n/* line 102, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n#content .flash {\n  max-width: 59em;\n  _width: 59em;\n  padding-left: 1em;\n  padding-right: 1em;\n  margin-left: auto;\n  margin-right: auto;\n  margin-bottom: 1em;\n}\n/* line 38, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */\n#content .flash:after {\n  content: "";\n  display: table;\n  clear: both;\n}\n/* line 106, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n#content .flash div {\n  padding: 5px;\n  background: #333333;\n  border: 1px solid black;\n}\n/* line 112, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n#content .flash .error {\n  background: #ffbbbb;\n  border: 1px solid #ff3333;\n}\n/* line 116, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n#content .flash .notice {\n  background: #ffffcc;\n  border: 1px solid #ffcc66;\n}\n/* line 120, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n#content .flash .success {\n  background-color: #ccffcc;\n  border: 1px solid #11cc11;\n}\n/* line 126, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n#content #force-submit {\n  background: #ffffcc;\n  border: 1px solid #ffcc66;\n  padding: 3em;\n  font-size: 1.2em;\n  margin-bottom: 5em;\n}\n/* line 133, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n#content #force-submit h1 {\n  font-weight: bold;\n  margin-bottom: 1em;\n}\n/* line 134, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n#content #force-submit p {\n  margin-bottom: 1em;\n}\n/* line 137, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n#content .specifier {\n  margin: 0 !important;\n}\n/* line 139, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n#content .specifier.errors {\n  width: auto !important;\n  float: left;\n}\n\n/* line 148, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n.evenRow {\n  background-color: #eeeeee;\n}\n\n/* line 157, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n.hotkeyDialog p {\n  margin: 1em 0;\n}\n/* line 160, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n.hotkeyDialog td {\n  border: 0px;\n}\n\n/* line 165, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\ntable {\n  width: 100%;\n  border-collapse: collapse;\n  margin-bottom: 1.5em;\n}\n/* line 169, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\ntable thead tr th {\n  background: black;\n  color: white;\n  padding: 5px;\n}\n/* line 175, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\ntable tr.even {\n  background: #e9e9e9;\n}\n/* line 179, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\ntable td {\n  padding: 5px;\n  border: 1px solid #cecece;\n  vertical-align: top;\n}\n\n/* line 186, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n.ui-dialog-buttonpane {\n  overflow: hidden !important;\n}\n\n/* line 190, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\npre {\n  font-family: "Deja Vu Sans Mono", "Courier New", "Courier", monospace;\n}\n\n/* line 194, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n.question {\n  background: #e5e5e5;\n  margin: 2em;\n  padding: 2em;\n}\n\n/* line 202, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\nlabel.placeholder {\n  cursor: text;\n  padding: 4px 4px 4px 4px;\n  color: #999999;\n}\n\n/* line 209, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\ninput::-webkit-input-placeholder, textarea::-webkit-input-placeholder {\n  color: #999999;\n}\n\n/* line 213, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\ninput:placeholder, textarea:placeholder {\n  color: #999999;\n}\n\n/* line 217, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n.focus {\n  background: #cce8ed !important;\n}\n\n/* line 221, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n.print {\n  width: 83.05085%;\n  float: left;\n  margin-right: 1.69492%;\n  display: inline;\n  margin-top: 2em;\n}\n/* line 224, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n.print a {\n  color: blue;\n  text-decoration: underline;\n}\n\n/* line 230, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\n.error .stacktrace {\n  color: #777;\n  white-space: pre-line;\n}\n\n/* line 235, /home/marten/rgoc/quby/app/assets/stylesheets/quby/screen.scss */\nhtml.busy, html.busy * {\n  cursor: wait !important;\n}\n\n/* line 4, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.hidden {\n  display: none;\n}\n\n/* line 7, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .noVisibleQuestions, .single-page .noVisibleQuestions {\n  display: none;\n}\n/* line 9, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .hide, .single-page .hide {\n  margin: 0 !important;\n  outline: none !important;\n}\n/* line 14, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .hide > *, .single-page .hide > * {\n  display: none !important;\n}\n/* line 34, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel, .single-page .panel {\n  background: white;\n}\n/* line 6, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .panel, .single-page .panel {\n  max-width: 59em;\n  _width: 59em;\n  padding-left: 1em;\n  padding-right: 1em;\n  margin-left: auto;\n  margin-right: auto;\n  padding-top: 20px;\n}\n/* line 38, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */\n.paged .panel:after, .single-page .panel:after {\n  content: "";\n  display: table;\n  clear: both;\n}\n/* line 40, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\n.paged .panel .table div, .single-page .panel .table div, .paged .panel .table span, .single-page .panel .table span, .paged .panel .table applet, .single-page .panel .table applet, .paged .panel .table object, .single-page .panel .table object, .paged .panel .table iframe, .single-page .panel .table iframe,\n.paged .panel .table h1,\n.single-page .panel .table h1, .paged .panel .table h2, .single-page .panel .table h2, .paged .panel .table h3, .single-page .panel .table h3, .paged .panel .table h4, .single-page .panel .table h4, .paged .panel .table h5, .single-page .panel .table h5, .paged .panel .table h6, .single-page .panel .table h6, .paged .panel .table p, .single-page .panel .table p, .paged .panel .table blockquote, .single-page .panel .table blockquote, .paged .panel .table pre, .single-page .panel .table pre,\n.paged .panel .table a,\n.single-page .panel .table a, .paged .panel .table abbr, .single-page .panel .table abbr, .paged .panel .table acronym, .single-page .panel .table acronym, .paged .panel .table address, .single-page .panel .table address, .paged .panel .table big, .single-page .panel .table big, .paged .panel .table cite, .single-page .panel .table cite, .paged .panel .table code, .single-page .panel .table code,\n.paged .panel .table del,\n.single-page .panel .table del, .paged .panel .table dfn, .single-page .panel .table dfn, .paged .panel .table em, .single-page .panel .table em, .paged .panel .table img, .single-page .panel .table img, .paged .panel .table ins, .single-page .panel .table ins, .paged .panel .table kbd, .single-page .panel .table kbd, .paged .panel .table q, .single-page .panel .table q, .paged .panel .table s, .single-page .panel .table s, .paged .panel .table samp, .single-page .panel .table samp,\n.paged .panel .table small,\n.single-page .panel .table small, .paged .panel .table strike, .single-page .panel .table strike, .paged .panel .table strong, .single-page .panel .table strong, .paged .panel .table sub, .single-page .panel .table sub, .paged .panel .table sup, .single-page .panel .table sup, .paged .panel .table tt, .single-page .panel .table tt, .paged .panel .table var, .single-page .panel .table var,\n.paged .panel .table b,\n.single-page .panel .table b, .paged .panel .table u, .single-page .panel .table u, .paged .panel .table i, .single-page .panel .table i, .paged .panel .table center, .single-page .panel .table center,\n.paged .panel .table dl,\n.single-page .panel .table dl, .paged .panel .table dt, .single-page .panel .table dt, .paged .panel .table dd, .single-page .panel .table dd, .paged .panel .table ol, .single-page .panel .table ol, .paged .panel .table ul, .single-page .panel .table ul, .paged .panel .table li, .single-page .panel .table li,\n.paged .panel .table fieldset,\n.single-page .panel .table fieldset, .paged .panel .table form, .single-page .panel .table form, .paged .panel .table label, .single-page .panel .table label, .paged .panel .table legend, .single-page .panel .table legend,\n.paged .panel .table table,\n.single-page .panel .table table, .paged .panel .table caption, .single-page .panel .table caption, .paged .panel .table tbody, .single-page .panel .table tbody, .paged .panel .table tfoot, .single-page .panel .table tfoot, .paged .panel .table thead, .single-page .panel .table thead, .paged .panel .table tr, .single-page .panel .table tr, .paged .panel .table th, .single-page .panel .table th, .paged .panel .table td, .single-page .panel .table td,\n.paged .panel .table article,\n.single-page .panel .table article, .paged .panel .table aside, .single-page .panel .table aside, .paged .panel .table canvas, .single-page .panel .table canvas, .paged .panel .table details, .single-page .panel .table details, .paged .panel .table embed, .single-page .panel .table embed,\n.paged .panel .table figure,\n.single-page .panel .table figure, .paged .panel .table figcaption, .single-page .panel .table figcaption, .paged .panel .table footer, .single-page .panel .table footer, .paged .panel .table header, .single-page .panel .table header, .paged .panel .table hgroup, .single-page .panel .table hgroup,\n.paged .panel .table menu,\n.single-page .panel .table menu, .paged .panel .table nav, .single-page .panel .table nav, .paged .panel .table output, .single-page .panel .table output, .paged .panel .table ruby, .single-page .panel .table ruby, .paged .panel .table section, .single-page .panel .table section, .paged .panel .table summary, .single-page .panel .table summary,\n.paged .panel .table time,\n.single-page .panel .table time, .paged .panel .table mark, .single-page .panel .table mark, .paged .panel .table audio, .single-page .panel .table audio, .paged .panel .table video, .single-page .panel .table video {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font: inherit;\n  font-size: 100%;\n  vertical-align: baseline;\n}\n/* line 55, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\n.paged .panel .table table, .single-page .panel .table table {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n/* line 57, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\n.paged .panel .table caption, .single-page .panel .table caption, .paged .panel .table th, .single-page .panel .table th, .paged .panel .table td, .single-page .panel .table td {\n  text-align: left;\n  font-weight: normal;\n  vertical-align: middle;\n}\n/* line 59, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\n.paged .panel .table q, .single-page .panel .table q, .paged .panel .table blockquote, .single-page .panel .table blockquote {\n  quotes: none;\n}\n/* line 103, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\n.paged .panel .table q:before, .single-page .panel .table q:before, .paged .panel .table q:after, .single-page .panel .table q:after, .paged .panel .table blockquote:before, .single-page .panel .table blockquote:before, .paged .panel .table blockquote:after, .single-page .panel .table blockquote:after {\n  content: "";\n  content: none;\n}\n/* line 61, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\n.paged .panel .table a img, .single-page .panel .table a img {\n  border: none;\n}\n/* line 4, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table p, .single-page .panel .table p, .paged .panel .table div, .single-page .panel .table div {\n  display: inline;\n}\n/* line 8, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table caption, .single-page .panel .table caption {\n  margin-bottom: 0.5em;\n}\n/* line 12, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table .errors, .single-page .panel .table .errors {\n  outline: 2px solid red !important;\n}\n/* line 16, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table .error, .single-page .panel .table .error {\n  display: inline-block;\n  background: #ffbbbb;\n  outline: 1px solid #ff3333;\n}\n/* line 20, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table .error.hidden, .single-page .panel .table .error.hidden {\n  display: none;\n}\n/* line 27, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table table, .single-page .panel .table table {\n  border-bottom: 1px solid black;\n  border-collapse: collapse;\n  margin: 0;\n}\n/* line 28, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table table *, .single-page .panel .table table * {\n  width: auto;\n}\n/* line 32, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table table .option, .single-page .panel .table table .option {\n  white-space: normal;\n}\n/* line 36, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table table td > div > *, .single-page .panel .table table td > div > * {\n  margin-top: 0.5em;\n  margin-bottom: 0.5em;\n}\n/* line 44, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table table .row, .single-page .panel .table table .row {\n  width: 100%;\n  float: right;\n  margin-right: 0;\n  display: inline;\n  float: none;\n  display: table-row;\n}\n/* line 45, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table table .row td, .single-page .panel .table table .row td, .paged .panel .table table .row th, .single-page .panel .table table .row th {\n  display: table-cell;\n  border: 0;\n  border-bottom: 1px solid #bbb;\n  vertical-align: top;\n  float: none;\n}\n/* line 50, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table table .row td.main, .single-page .panel .table table .row td.main, .paged .panel .table table .row th.main, .single-page .panel .table table .row th.main {\n  vertical-align: middle;\n}\n/* line 55, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table table .row.inner_row td, .single-page .panel .table table .row.inner_row td {\n  border: 0;\n}\n/* line 56, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table table .row:first-child td, .single-page .panel .table table .row:first-child td {\n  border-top: 1px solid #bbb;\n}\n/* line 62, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table table .row input, .single-page .panel .table table .row input {\n  /* These properties get overriden by our table reset, so we have to re-apply them with a more specific selector */\n}\n/* line 63, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table table .row input.float, .single-page .panel .table table .row input.float, .paged .panel .table table .row input.integer, .single-page .panel .table table .row input.integer {\n  width: 54px;\n}\n/* line 67, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table table .row input.string, .single-page .panel .table table .row input.string, .paged .panel .table table .row input.textarea, .single-page .panel .table table .row input.textarea {\n  width: 92%;\n}\n/* line 73, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table table .row input.sized, .single-page .panel .table table .row input.sized {\n  width: auto;\n}\n/* line 76, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table table .row input.fd-form-element-hidden, .single-page .panel .table table .row input.fd-form-element-hidden {\n  display: none;\n}\n/* line 86, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table table .row .unit, .single-page .panel .table table .row .unit {\n  vertical-align: -20%;\n  padding-left: 4px;\n}\n/* line 93, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table .item, .single-page .panel .table .item {\n  float: none;\n  width: auto;\n  margin-right: auto;\n  display: block;\n}\n/* line 96, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table .main, .single-page .panel .table .main {\n  width: 33.33333%;\n  float: none !important;\n  display: table-cell !important;\n}\n/* line 100, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table .main label small, .single-page .panel .table .main label small {\n  font-size: 0.7em;\n}\n/* line 102, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table .description, .single-page .panel .table .description {\n  text-align: right;\n}\n/* line 107, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table .option_sets .option, .single-page .panel .table .option_sets .option {\n  padding-left: 1em;\n  padding-bottom: 0.5em;\n  vertical-align: bottom;\n}\n/* line 113, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table .dark, .single-page .panel .table .dark {\n  background-color: #eee;\n}\n/* line 116, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n.paged .panel .table .light, .single-page .panel .table .light {\n  background-color: #fff;\n}\n@media (max-width: 420px) {\n  /* line 16, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n  .paged .horizontal.item.scale table, .single-page .horizontal.item.scale table {\n    table-layout: fixed;\n  }\n  /* line 18, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n  .paged .horizontal.item.scale table td.last p, .single-page .horizontal.item.scale table td.last p {\n    position: absolute;\n    right: 20px;\n    max-width: 5rem;\n    text-align: right;\n  }\n}\n/* line 28, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged tr, .single-page tr {\n  border: 1px solid #aaa;\n}\n/* line 32, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .item, .single-page .item {\n  width: 100%;\n  float: right;\n  margin-right: 0;\n  display: inline;\n  margin-bottom: 18px;\n}\n/* line 41, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .item.horizontal.radio .option, .single-page .item.horizontal.radio .option, .paged .item.horizontal.check_box .option, .single-page .item.horizontal.check_box .option,\n.paged .item.vertical.radio .option,\n.single-page .item.vertical.radio .option,\n.paged .item.vertical.check_box .option,\n.single-page .item.vertical.check_box .option {\n  width: 100%;\n  float: right;\n  margin-right: 0;\n  display: inline;\n}\n/* line 43, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .item.horizontal.radio .option .radiocheckwrapper, .single-page .item.horizontal.radio .option .radiocheckwrapper, .paged .item.horizontal.check_box .option .radiocheckwrapper, .single-page .item.horizontal.check_box .option .radiocheckwrapper,\n.paged .item.vertical.radio .option .radiocheckwrapper,\n.single-page .item.vertical.radio .option .radiocheckwrapper,\n.paged .item.vertical.check_box .option .radiocheckwrapper,\n.single-page .item.vertical.check_box .option .radiocheckwrapper {\n  width: 6.77966%;\n  float: left;\n  margin-right: 1.69492%;\n  display: inline;\n}\n/* line 44, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .item.horizontal.radio .option .labelwrapper, .single-page .item.horizontal.radio .option .labelwrapper, .paged .item.horizontal.check_box .option .labelwrapper, .single-page .item.horizontal.check_box .option .labelwrapper,\n.paged .item.vertical.radio .option .labelwrapper,\n.single-page .item.vertical.radio .option .labelwrapper,\n.paged .item.vertical.check_box .option .labelwrapper,\n.single-page .item.vertical.check_box .option .labelwrapper {\n  width: 91.52542%;\n  float: right;\n  margin-right: 0;\n  display: inline;\n}\n/* line 47, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .item.horizontal.radio .option.show_values .value, .single-page .item.horizontal.radio .option.show_values .value, .paged .item.horizontal.check_box .option.show_values .value, .single-page .item.horizontal.check_box .option.show_values .value,\n.paged .item.vertical.radio .option.show_values .value,\n.single-page .item.vertical.radio .option.show_values .value,\n.paged .item.vertical.check_box .option.show_values .value,\n.single-page .item.vertical.check_box .option.show_values .value {\n  width: 6.77966%;\n  float: left;\n  margin-right: 1.69492%;\n  display: inline;\n}\n/* line 48, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .item.horizontal.radio .option.show_values .labelwrapper, .single-page .item.horizontal.radio .option.show_values .labelwrapper, .paged .item.horizontal.check_box .option.show_values .labelwrapper, .single-page .item.horizontal.check_box .option.show_values .labelwrapper,\n.paged .item.vertical.radio .option.show_values .labelwrapper,\n.single-page .item.vertical.radio .option.show_values .labelwrapper,\n.paged .item.vertical.check_box .option.show_values .labelwrapper,\n.single-page .item.vertical.check_box .option.show_values .labelwrapper {\n  width: 83.05085%;\n  float: right;\n  margin-right: 0;\n  display: inline;\n}\n/* line 66, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .item.horizontal.string input, .single-page .item.horizontal.string input, .paged .item.horizontal.string textarea, .single-page .item.horizontal.string textarea, .paged .item.horizontal.textarea input, .single-page .item.horizontal.textarea input, .paged .item.horizontal.textarea textarea, .single-page .item.horizontal.textarea textarea,\n.paged .item.vertical.string input,\n.single-page .item.vertical.string input,\n.paged .item.vertical.string textarea,\n.single-page .item.vertical.string textarea,\n.paged .item.vertical.textarea input,\n.single-page .item.vertical.textarea input,\n.paged .item.vertical.textarea textarea,\n.single-page .item.vertical.textarea textarea {\n  width: 100%;\n  margin-right: 0;\n  display: inline;\n}\n/* line 67, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .item.horizontal.string .sized, .single-page .item.horizontal.string .sized, .paged .item.horizontal.textarea .sized, .single-page .item.horizontal.textarea .sized,\n.paged .item.vertical.string .sized,\n.single-page .item.vertical.string .sized,\n.paged .item.vertical.textarea .sized,\n.single-page .item.vertical.textarea .sized {\n  width: auto;\n}\n/* line 97, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .progress-bar, .single-page .progress-bar {\n  width: 100%;\n  float: right;\n  margin-right: 0;\n  display: inline;\n  margin-left: -20px;\n  margin-right: -20px;\n  padding: 1.5em 20px;\n}\n/* line 104, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .progress-bar .progress-wrapper .progress-slider, .single-page .progress-bar .progress-wrapper .progress-slider {\n  background-position: 0 3px;\n  display: inline-block;\n  zoom: 1;\n}\n/* line 107, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .progress-bar .progress-wrapper .progress-slider .progress-stop, .single-page .progress-bar .progress-wrapper .progress-slider .progress-stop {\n  margin: 0 2px;\n  width: 8px;\n  height: 8px;\n}\n/* line 112, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .progress-bar .progress-wrapper .progress-slider.long-list, .single-page .progress-bar .progress-wrapper .progress-slider.long-list {\n  display: none;\n}\n/* line 119, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .buttons, .single-page .buttons {\n  width: 100%;\n  float: right;\n  margin-right: 0;\n  display: inline;\n  margin-left: -20px;\n  margin-right: -20px;\n  padding: 1.5em 20px;\n  border-bottom: 1px dotted #d0d0d0;\n}\n/* line 126, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .buttons .back, .single-page .buttons .back {\n  width: 49.15254%;\n  float: left;\n  margin-right: 1.69492%;\n  display: inline;\n}\n/* line 127, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .buttons .prev, .single-page .buttons .prev {\n  width: 49.15254%;\n  float: left;\n  margin-right: 1.69492%;\n  display: inline;\n}\n/* line 128, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .buttons .next, .single-page .buttons .next {\n  width: 49.15254%;\n  float: right;\n  margin-right: 0;\n  display: inline;\n  text-align: right;\n}\n/* line 129, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .buttons .abort, .single-page .buttons .abort {\n  display: none;\n}\n/* line 130, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .buttons .print, .single-page .buttons .print {\n  display: none;\n}\n/* line 131, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .buttons .print, .single-page .buttons .print {\n  width: 100%;\n  float: left;\n  margin-right: 1.69492%;\n  display: inline;\n  text-align: right;\n}\n/* line 132, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/mobile.scss */\n.paged .buttons .save, .single-page .buttons .save {\n  width: 49.15254%;\n  float: right;\n  margin-right: 0;\n  display: inline;\n  text-align: right;\n}\n@media (min-width: 35em) {\n  /* line 2, /home/marten/rgoc/quby/app/assets/stylesheets/quby/general/desktop.scss */\n  .paged #content, .single-page #content {\n    margin: 6em auto 0em auto;\n  }\n  /* line 9, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged tr, .single-page tr {\n    border: none;\n  }\n  /* line 13, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .panel, .single-page .panel {\n    padding-left: 1em;\n    padding-right: 1em;\n    margin-left: auto;\n    margin-right: auto;\n    /* Overwrite width. New susy version seems to break this */\n    max-width: 49.5em;\n    border: 4px solid #dddddd;\n    margin-top: 6em;\n    padding: 3em 2em 1.5em;\n  }\n  /* line 38, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */\n  .paged .panel:after, .single-page .panel:after {\n    content: "";\n    display: table;\n    clear: both;\n  }\n  /* line 40, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\n  .paged .panel .table div, .single-page .panel .table div, .paged .panel .table span, .single-page .panel .table span, .paged .panel .table applet, .single-page .panel .table applet, .paged .panel .table object, .single-page .panel .table object, .paged .panel .table iframe, .single-page .panel .table iframe,\n  .paged .panel .table h1,\n  .single-page .panel .table h1, .paged .panel .table h2, .single-page .panel .table h2, .paged .panel .table h3, .single-page .panel .table h3, .paged .panel .table h4, .single-page .panel .table h4, .paged .panel .table h5, .single-page .panel .table h5, .paged .panel .table h6, .single-page .panel .table h6, .paged .panel .table p, .single-page .panel .table p, .paged .panel .table blockquote, .single-page .panel .table blockquote, .paged .panel .table pre, .single-page .panel .table pre,\n  .paged .panel .table a,\n  .single-page .panel .table a, .paged .panel .table abbr, .single-page .panel .table abbr, .paged .panel .table acronym, .single-page .panel .table acronym, .paged .panel .table address, .single-page .panel .table address, .paged .panel .table big, .single-page .panel .table big, .paged .panel .table cite, .single-page .panel .table cite, .paged .panel .table code, .single-page .panel .table code,\n  .paged .panel .table del,\n  .single-page .panel .table del, .paged .panel .table dfn, .single-page .panel .table dfn, .paged .panel .table em, .single-page .panel .table em, .paged .panel .table img, .single-page .panel .table img, .paged .panel .table ins, .single-page .panel .table ins, .paged .panel .table kbd, .single-page .panel .table kbd, .paged .panel .table q, .single-page .panel .table q, .paged .panel .table s, .single-page .panel .table s, .paged .panel .table samp, .single-page .panel .table samp,\n  .paged .panel .table small,\n  .single-page .panel .table small, .paged .panel .table strike, .single-page .panel .table strike, .paged .panel .table strong, .single-page .panel .table strong, .paged .panel .table sub, .single-page .panel .table sub, .paged .panel .table sup, .single-page .panel .table sup, .paged .panel .table tt, .single-page .panel .table tt, .paged .panel .table var, .single-page .panel .table var,\n  .paged .panel .table b,\n  .single-page .panel .table b, .paged .panel .table u, .single-page .panel .table u, .paged .panel .table i, .single-page .panel .table i, .paged .panel .table center, .single-page .panel .table center,\n  .paged .panel .table dl,\n  .single-page .panel .table dl, .paged .panel .table dt, .single-page .panel .table dt, .paged .panel .table dd, .single-page .panel .table dd, .paged .panel .table ol, .single-page .panel .table ol, .paged .panel .table ul, .single-page .panel .table ul, .paged .panel .table li, .single-page .panel .table li,\n  .paged .panel .table fieldset,\n  .single-page .panel .table fieldset, .paged .panel .table form, .single-page .panel .table form, .paged .panel .table label, .single-page .panel .table label, .paged .panel .table legend, .single-page .panel .table legend,\n  .paged .panel .table table,\n  .single-page .panel .table table, .paged .panel .table caption, .single-page .panel .table caption, .paged .panel .table tbody, .single-page .panel .table tbody, .paged .panel .table tfoot, .single-page .panel .table tfoot, .paged .panel .table thead, .single-page .panel .table thead, .paged .panel .table tr, .single-page .panel .table tr, .paged .panel .table th, .single-page .panel .table th, .paged .panel .table td, .single-page .panel .table td,\n  .paged .panel .table article,\n  .single-page .panel .table article, .paged .panel .table aside, .single-page .panel .table aside, .paged .panel .table canvas, .single-page .panel .table canvas, .paged .panel .table details, .single-page .panel .table details, .paged .panel .table embed, .single-page .panel .table embed,\n  .paged .panel .table figure,\n  .single-page .panel .table figure, .paged .panel .table figcaption, .single-page .panel .table figcaption, .paged .panel .table footer, .single-page .panel .table footer, .paged .panel .table header, .single-page .panel .table header, .paged .panel .table hgroup, .single-page .panel .table hgroup,\n  .paged .panel .table menu,\n  .single-page .panel .table menu, .paged .panel .table nav, .single-page .panel .table nav, .paged .panel .table output, .single-page .panel .table output, .paged .panel .table ruby, .single-page .panel .table ruby, .paged .panel .table section, .single-page .panel .table section, .paged .panel .table summary, .single-page .panel .table summary,\n  .paged .panel .table time,\n  .single-page .panel .table time, .paged .panel .table mark, .single-page .panel .table mark, .paged .panel .table audio, .single-page .panel .table audio, .paged .panel .table video, .single-page .panel .table video {\n    margin: 0;\n    padding: 0;\n    border: 0;\n    font: inherit;\n    font-size: 100%;\n    vertical-align: baseline;\n  }\n  /* line 55, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\n  .paged .panel .table table, .single-page .panel .table table {\n    border-collapse: collapse;\n    border-spacing: 0;\n  }\n  /* line 57, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\n  .paged .panel .table caption, .single-page .panel .table caption, .paged .panel .table th, .single-page .panel .table th, .paged .panel .table td, .single-page .panel .table td {\n    text-align: left;\n    font-weight: normal;\n    vertical-align: middle;\n  }\n  /* line 59, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\n  .paged .panel .table q, .single-page .panel .table q, .paged .panel .table blockquote, .single-page .panel .table blockquote {\n    quotes: none;\n  }\n  /* line 103, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\n  .paged .panel .table q:before, .single-page .panel .table q:before, .paged .panel .table q:after, .single-page .panel .table q:after, .paged .panel .table blockquote:before, .single-page .panel .table blockquote:before, .paged .panel .table blockquote:after, .single-page .panel .table blockquote:after {\n    content: "";\n    content: none;\n  }\n  /* line 61, /home/marten/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\n  .paged .panel .table a img, .single-page .panel .table a img {\n    border: none;\n  }\n  /* line 4, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table p, .single-page .panel .table p, .paged .panel .table div, .single-page .panel .table div {\n    display: inline;\n  }\n  /* line 8, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table caption, .single-page .panel .table caption {\n    margin-bottom: 0.5em;\n  }\n  /* line 12, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table .errors, .single-page .panel .table .errors {\n    outline: 2px solid red !important;\n  }\n  /* line 16, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table .error, .single-page .panel .table .error {\n    display: inline-block;\n    background: #ffbbbb;\n    outline: 1px solid #ff3333;\n  }\n  /* line 20, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table .error.hidden, .single-page .panel .table .error.hidden {\n    display: none;\n  }\n  /* line 27, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table table, .single-page .panel .table table {\n    border-bottom: 1px solid black;\n    border-collapse: collapse;\n    margin: 0;\n  }\n  /* line 28, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table table *, .single-page .panel .table table * {\n    width: auto;\n  }\n  /* line 32, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table table .option, .single-page .panel .table table .option {\n    white-space: normal;\n  }\n  /* line 36, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table table td > div > *, .single-page .panel .table table td > div > * {\n    margin-top: 0.5em;\n    margin-bottom: 0.5em;\n  }\n  /* line 44, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table table .row, .single-page .panel .table table .row {\n    width: 100%;\n    float: right;\n    margin-right: 0;\n    float: none;\n    display: table-row;\n  }\n  /* line 45, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table table .row td, .single-page .panel .table table .row td, .paged .panel .table table .row th, .single-page .panel .table table .row th {\n    display: table-cell;\n    border: 0;\n    border-bottom: 1px solid #bbb;\n    vertical-align: top;\n    float: none;\n  }\n  /* line 50, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table table .row td.main, .single-page .panel .table table .row td.main, .paged .panel .table table .row th.main, .single-page .panel .table table .row th.main {\n    vertical-align: middle;\n  }\n  /* line 55, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table table .row.inner_row td, .single-page .panel .table table .row.inner_row td {\n    border: 0;\n  }\n  /* line 56, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table table .row:first-child td, .single-page .panel .table table .row:first-child td {\n    border-top: 1px solid #bbb;\n  }\n  /* line 62, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table table .row input, .single-page .panel .table table .row input {\n    /* These properties get overriden by our table reset, so we have to re-apply them with a more specific selector */\n  }\n  /* line 63, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table table .row input.float, .single-page .panel .table table .row input.float, .paged .panel .table table .row input.integer, .single-page .panel .table table .row input.integer {\n    width: 54px;\n  }\n  /* line 67, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table table .row input.string, .single-page .panel .table table .row input.string, .paged .panel .table table .row input.textarea, .single-page .panel .table table .row input.textarea {\n    width: 92%;\n  }\n  /* line 73, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table table .row input.sized, .single-page .panel .table table .row input.sized {\n    width: auto;\n  }\n  /* line 76, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table table .row input.fd-form-element-hidden, .single-page .panel .table table .row input.fd-form-element-hidden {\n    display: none;\n  }\n  /* line 86, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table table .row .unit, .single-page .panel .table table .row .unit {\n    vertical-align: -20%;\n    padding-left: 4px;\n  }\n  /* line 93, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table .item, .single-page .panel .table .item {\n    float: none;\n    width: auto;\n    margin-right: auto;\n  }\n  /* line 96, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table .main, .single-page .panel .table .main {\n    width: 33.33333%;\n    float: none !important;\n    display: table-cell !important;\n  }\n  /* line 100, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table .main label small, .single-page .panel .table .main label small {\n    font-size: 0.7em;\n  }\n  /* line 102, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table .description, .single-page .panel .table .description {\n    text-align: right;\n  }\n  /* line 107, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table .option_sets .option, .single-page .panel .table .option_sets .option {\n    padding-left: 1em;\n    padding-bottom: 0.5em;\n    vertical-align: bottom;\n  }\n  /* line 113, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table .dark, .single-page .panel .table .dark {\n    background-color: #eee;\n  }\n  /* line 116, /home/marten/rgoc/quby/app/assets/stylesheets/quby/table/layout.scss */\n  .paged .panel .table .light, .single-page .panel .table .light {\n    background-color: #fff;\n  }\n  /* line 25, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item, .single-page .item {\n    width: 100%;\n    float: right;\n    margin-right: 0;\n    margin-bottom: 18px;\n  }\n  /* line 34, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.horizontal.radio .option, .single-page .item.horizontal.radio .option, .paged .item.horizontal.check_box .option, .single-page .item.horizontal.check_box .option {\n    width: 100%;\n    float: right;\n    margin-right: 0;\n  }\n  /* line 37, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.horizontal.radio .option .radiocheckwrapper, .single-page .item.horizontal.radio .option .radiocheckwrapper, .paged .item.horizontal.check_box .option .radiocheckwrapper, .single-page .item.horizontal.check_box .option .radiocheckwrapper {\n    width: 4.0404%;\n    float: left;\n    margin-right: 1.0101%;\n  }\n  /* line 38, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.horizontal.radio .option .labelwrapper, .single-page .item.horizontal.radio .option .labelwrapper, .paged .item.horizontal.check_box .option .labelwrapper, .single-page .item.horizontal.check_box .option .labelwrapper {\n    width: 94.94949%;\n    float: right;\n    margin-right: 0;\n  }\n  /* line 43, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.horizontal.radio .option.show_values .value, .single-page .item.horizontal.radio .option.show_values .value, .paged .item.horizontal.check_box .option.show_values .value, .single-page .item.horizontal.check_box .option.show_values .value {\n    width: 4.0404%;\n    float: left;\n    margin-right: 1.0101%;\n  }\n  /* line 44, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.horizontal.radio .option.show_values .labelwrapper, .single-page .item.horizontal.radio .option.show_values .labelwrapper, .paged .item.horizontal.check_box .option.show_values .labelwrapper, .single-page .item.horizontal.check_box .option.show_values .labelwrapper {\n    width: 89.89899%;\n    float: right;\n    margin-right: 0;\n  }\n  /* line 49, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.horizontal.radio .option .subquestions, .single-page .item.horizontal.radio .option .subquestions, .paged .item.horizontal.check_box .option .subquestions, .single-page .item.horizontal.check_box .option .subquestions {\n    margin-left: 5.05051%;\n    width: 74.74747%;\n    float: left;\n    margin-right: 1.0101%;\n  }\n  /* line 53, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.horizontal.radio .option .subquestions .item, .single-page .item.horizontal.radio .option .subquestions .item, .paged .item.horizontal.check_box .option .subquestions .item, .single-page .item.horizontal.check_box .option .subquestions .item {\n    width: 74.74747%;\n    float: left;\n    margin-right: 1.0101%;\n  }\n  /* line 55, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.horizontal.radio .option .subquestions .item input, .single-page .item.horizontal.radio .option .subquestions .item input, .paged .item.horizontal.check_box .option .subquestions .item input, .single-page .item.horizontal.check_box .option .subquestions .item input {\n    width: auto;\n  }\n  /* line 58, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.horizontal.radio .option .subquestions .radiocheckwrapper, .single-page .item.horizontal.radio .option .subquestions .radiocheckwrapper, .paged .item.horizontal.check_box .option .subquestions .radiocheckwrapper, .single-page .item.horizontal.check_box .option .subquestions .radiocheckwrapper {\n    width: 10px;\n    padding-right: 20px;\n  }\n  /* line 62, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.horizontal.radio .option .subquestions .labelwrapper, .single-page .item.horizontal.radio .option .subquestions .labelwrapper, .paged .item.horizontal.check_box .option .subquestions .labelwrapper, .single-page .item.horizontal.check_box .option .subquestions .labelwrapper {\n    width: auto;\n    float: none;\n  }\n  /* line 69, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.horizontal.radio .inner-title, .single-page .item.horizontal.radio .inner-title, .paged .item.horizontal.check_box .inner-title, .single-page .item.horizontal.check_box .inner-title {\n    width: 100%;\n    float: right;\n    margin-right: 0;\n  }\n  /* line 74, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.horizontal.string input, .single-page .item.horizontal.string input, .paged .item.horizontal.string textarea, .single-page .item.horizontal.string textarea, .paged .item.horizontal.textarea input, .single-page .item.horizontal.textarea input, .paged .item.horizontal.textarea textarea, .single-page .item.horizontal.textarea textarea {\n    width: 100%;\n    margin-right: 0;\n  }\n  /* line 75, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.horizontal.string .sized, .single-page .item.horizontal.string .sized, .paged .item.horizontal.textarea .sized, .single-page .item.horizontal.textarea .sized {\n    width: auto;\n  }\n  /* line 106, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.vertical .main, .single-page .item.vertical .main {\n    width: 39.39394%;\n    float: left;\n    margin-right: 1.0101%;\n  }\n  /* line 110, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.vertical .description-and-fields, .single-page .item.vertical .description-and-fields {\n    width: 59.59596%;\n    float: right;\n    margin-right: 0;\n    float: left;\n  }\n  /* line 4, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n  .paged .item.vertical .description-and-fields .description h2, .single-page .item.vertical .description-and-fields .description h2 {\n    font-size: 1.2em;\n    font-weight: bold;\n    border-top: 8px solid #ddd;\n    padding-top: 16px;\n  }\n  /* line 11, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n  .paged .item.vertical .description-and-fields .description small, .single-page .item.vertical .description-and-fields .description small {\n    font-size: 80%;\n  }\n  /* line 12, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n  .paged .item.vertical .description-and-fields .description strong, .single-page .item.vertical .description-and-fields .description strong {\n    font-style: italic;\n  }\n  /* line 13, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n  .paged .item.vertical .description-and-fields .description em, .single-page .item.vertical .description-and-fields .description em {\n    font-weight: bold;\n  }\n  /* line 15, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n  .paged .item.vertical .description-and-fields .description p, .single-page .item.vertical .description-and-fields .description p {\n    margin-bottom: 18px;\n  }\n  /* line 17, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n  .paged .item.vertical .description-and-fields .description ul, .single-page .item.vertical .description-and-fields .description ul {\n    margin-top: 1em;\n    margin-left: 1em;\n    margin-bottom: 2em;\n  }\n  /* line 21, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n  .paged .item.vertical .description-and-fields .description ul li, .single-page .item.vertical .description-and-fields .description ul li {\n    list-style-type: disc;\n    margin-bottom: 1em !important;\n  }\n  /* line 25, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n  .paged .item.vertical .description-and-fields .description ul li p, .single-page .item.vertical .description-and-fields .description ul li p {\n    margin-bottom: 0;\n  }\n  /* line 27, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n  .paged .item.vertical .description-and-fields .description ul li ul, .single-page .item.vertical .description-and-fields .description ul li ul {\n    margin-bottom: 1em;\n    margin-left: 1.5em;\n  }\n  /* line 30, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n  .paged .item.vertical .description-and-fields .description ul li ul li, .single-page .item.vertical .description-and-fields .description ul li ul li {\n    margin-bottom: 0 !important;\n    list-style-type: none;\n  }\n  /* line 38, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n  .paged .item.vertical .description-and-fields .description ol li, .single-page .item.vertical .description-and-fields .description ol li {\n    list-style-type: lower-alpha;\n  }\n  /* line 118, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.vertical.radio .option, .single-page .item.vertical.radio .option, .paged .item.vertical.check_box .option, .single-page .item.vertical.check_box .option {\n    width: 100%;\n    float: right;\n    margin-right: 0;\n  }\n  /* line 121, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.vertical.radio .option .radiocheckwrapper, .single-page .item.vertical.radio .option .radiocheckwrapper, .paged .item.vertical.check_box .option .radiocheckwrapper, .single-page .item.vertical.check_box .option .radiocheckwrapper {\n    width: 6.77966%;\n    float: left;\n    margin-right: 1.69492%;\n  }\n  /* line 122, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.vertical.radio .option .labelwrapper, .single-page .item.vertical.radio .option .labelwrapper, .paged .item.vertical.check_box .option .labelwrapper, .single-page .item.vertical.check_box .option .labelwrapper {\n    width: 91.52542%;\n    float: right;\n    margin-right: 0;\n  }\n  /* line 125, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.vertical.radio .option.show_values .value, .single-page .item.vertical.radio .option.show_values .value, .paged .item.vertical.check_box .option.show_values .value, .single-page .item.vertical.check_box .option.show_values .value {\n    width: 6.77966%;\n    float: left;\n    margin-right: 1.69492%;\n  }\n  /* line 126, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.vertical.radio .option.show_values .labelwrapper, .single-page .item.vertical.radio .option.show_values .labelwrapper, .paged .item.vertical.check_box .option.show_values .labelwrapper, .single-page .item.vertical.check_box .option.show_values .labelwrapper {\n    width: 83.05085%;\n    float: right;\n    margin-right: 0;\n  }\n  /* line 129, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.vertical.radio .option .subquestions, .single-page .item.vertical.radio .option .subquestions, .paged .item.vertical.check_box .option .subquestions, .single-page .item.vertical.check_box .option .subquestions {\n    margin-left: 5.05051%;\n    width: 91.52542%;\n    float: left;\n    margin-right: 1.69492%;\n  }\n  /* line 133, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.vertical.radio .option .subquestions .item, .single-page .item.vertical.radio .option .subquestions .item, .paged .item.vertical.check_box .option .subquestions .item, .single-page .item.vertical.check_box .option .subquestions .item {\n    width: 91.52542%;\n    float: left;\n    margin-right: 1.69492%;\n  }\n  /* line 135, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.vertical.radio .option .subquestions .item .main, .single-page .item.vertical.radio .option .subquestions .item .main, .paged .item.vertical.check_box .option .subquestions .item .main, .single-page .item.vertical.check_box .option .subquestions .item .main {\n    width: 100%;\n    float: right;\n    margin-right: 0;\n  }\n  /* line 136, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.vertical.radio .option .subquestions .item input, .single-page .item.vertical.radio .option .subquestions .item input, .paged .item.vertical.check_box .option .subquestions .item input, .single-page .item.vertical.check_box .option .subquestions .item input {\n    width: auto;\n  }\n  /* line 139, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.vertical.radio .option .subquestions .radiocheckwrapper, .single-page .item.vertical.radio .option .subquestions .radiocheckwrapper, .paged .item.vertical.check_box .option .subquestions .radiocheckwrapper, .single-page .item.vertical.check_box .option .subquestions .radiocheckwrapper {\n    width: 10px;\n    padding-right: 20px;\n  }\n  /* line 143, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.vertical.radio .option .subquestions .labelwrapper, .single-page .item.vertical.radio .option .subquestions .labelwrapper, .paged .item.vertical.check_box .option .subquestions .labelwrapper, .single-page .item.vertical.check_box .option .subquestions .labelwrapper {\n    width: auto;\n    float: none;\n  }\n  /* line 150, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.vertical.radio .inner-title, .single-page .item.vertical.radio .inner-title, .paged .item.vertical.check_box .inner-title, .single-page .item.vertical.check_box .inner-title {\n    width: 100%;\n    float: right;\n    margin-right: 0;\n  }\n  /* line 155, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.vertical.string input, .single-page .item.vertical.string input, .paged .item.vertical.string textarea, .single-page .item.vertical.string textarea, .paged .item.vertical.textarea input, .single-page .item.vertical.textarea input, .paged .item.vertical.textarea textarea, .single-page .item.vertical.textarea textarea {\n    width: 100%;\n    margin-right: 0;\n  }\n  /* line 156, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .item.vertical.string .sized, .single-page .item.vertical.string .sized, .paged .item.vertical.textarea .sized, .single-page .item.vertical.textarea .sized {\n    width: auto;\n  }\n  /* line 175, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .progress-bar, .single-page .progress-bar {\n    width: 100%;\n    float: right;\n    margin-right: 0;\n    margin: 1.5em -2em -1.5em;\n    padding: 1.5em 2em;\n  }\n  /* line 181, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .progress-bar .progress-wrapper .progress-slider, .single-page .progress-bar .progress-wrapper .progress-slider {\n    background-position: 0 4px;\n    display: inline-block;\n    zoom: 1;\n  }\n  /* line 184, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .progress-bar .progress-wrapper .progress-slider .progress-stop, .single-page .progress-bar .progress-wrapper .progress-slider .progress-stop {\n    margin: 0 3px;\n    width: 10px;\n    height: 10px;\n  }\n  /* line 189, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .progress-bar .progress-wrapper .progress-slider.long-list, .single-page .progress-bar .progress-wrapper .progress-slider.long-list {\n    display: inline-block;\n    zoom: 1;\n  }\n  /* line 196, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .buttons, .single-page .buttons {\n    width: 100%;\n    float: right;\n    margin-right: 0;\n    margin: 1.5em -2em -1.5em;\n    padding: 1.5em 2em;\n    border-bottom: 0;\n  }\n  /* line 202, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .buttons .back, .single-page .buttons .back {\n    width: 24.24242%;\n    float: left;\n    margin-right: 1.0101%;\n  }\n  /* line 203, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .buttons .prev, .single-page .buttons .prev {\n    width: 24.24242%;\n    float: left;\n    margin-right: 1.0101%;\n  }\n  /* line 204, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .buttons .abort, .single-page .buttons .abort {\n    width: 24.24242%;\n    float: left;\n    margin-right: 1.0101%;\n    text-align: center;\n    display: block;\n  }\n  /* line 205, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .buttons .print, .single-page .buttons .print {\n    width: 100%;\n    float: left;\n    margin-right: 1.0101%;\n    text-align: right;\n  }\n  /* line 206, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .buttons .next, .single-page .buttons .next {\n    width: 24.24242%;\n    float: right;\n    margin-right: 0;\n    text-align: right;\n  }\n  /* line 207, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged/desktop.scss */\n  .paged .buttons .save, .single-page .buttons .save {\n    width: 24.24242%;\n    float: right;\n    margin-right: 0;\n    text-align: right;\n  }\n}\n/* line 41, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel, .single-page .panel {\n  margin-bottom: 2em;\n  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);\n}\n/* line 45, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel h1, .single-page .panel h1 {\n  font-size: 1.5em;\n  font-weight: bold;\n  margin-bottom: 1.2em;\n  z-index: 400;\n}\n/* line 52, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel hr, .single-page .panel hr {\n  height: 8px;\n  border: 0;\n  background: #ddd;\n}\n/* line 54, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .progress-bar, .single-page .panel .progress-bar {\n  height: 25px;\n}\n/* line 56, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .progress-bar .progress-wrapper, .single-page .panel .progress-bar .progress-wrapper {\n  text-align: center;\n}\n/* line 58, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .progress-bar .progress-wrapper .progress-slider, .single-page .panel .progress-bar .progress-wrapper .progress-slider {\n  height: 8px;\n  text-align: center;\n  border: 1px solid #ccc;\n  padding: 0;\n  border-radius: 6px;\n  overflow: hidden;\n  padding: 1px;\n}\n/* line 66, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .progress-bar .progress-wrapper .progress-slider .progress-stop, .single-page .panel .progress-bar .progress-wrapper .progress-slider .progress-stop {\n  height: 8px;\n  line-height: 8px;\n  width: 6px;\n  background: #fff;\n  font-size: 6px;\n  text-indent: -1234em;\n  display: block;\n  float: left;\n  text-align: center;\n  margin: 0;\n}\n/* line 77, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .progress-bar .progress-wrapper .progress-slider .progress-stop.first-child, .single-page .panel .progress-bar .progress-wrapper .progress-slider .progress-stop.first-child {\n  width: 8px;\n  border-radius: 5px 0 0 5px;\n}\n/* line 78, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .progress-bar .progress-wrapper .progress-slider .progress-stop.last-child, .single-page .panel .progress-bar .progress-wrapper .progress-slider .progress-stop.last-child {\n  width: 8px;\n  border-radius: 0 5px 5px 0;\n}\n/* line 79, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .progress-bar .progress-wrapper .progress-slider .progress-stop.active, .single-page .panel .progress-bar .progress-wrapper .progress-slider .progress-stop.active {\n  background: #999;\n}\n/* line 80, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .progress-bar .progress-wrapper .progress-slider .progress-stop.current, .single-page .panel .progress-bar .progress-wrapper .progress-slider .progress-stop.current {\n  border-radius: 0 5px 5px 0;\n}\n/* line 82, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .progress-bar .progress-wrapper .progress-slider .progress-stop.current.first-child, .single-page .panel .progress-bar .progress-wrapper .progress-slider .progress-stop.current.first-child {\n  border-radius: 5px;\n}\n/* line 88, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .progress-bar .progress-wrapper .progress-details, .single-page .panel .progress-bar .progress-wrapper .progress-details {\n  color: #999;\n  font-size: 9px;\n  margin: 4px 0 0 0;\n  display: block;\n}\n/* line 97, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .buttons, .single-page .panel .buttons {\n  border-top: 1px dotted #d6d6d6;\n  background: #f3f3f3;\n}\n/* line 103, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.hidden, .single-page .panel .item.hidden {\n  display: none;\n}\n/* line 105, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.errors, .single-page .panel .item.errors {\n  outline: 1px solid red;\n  padding: 0.4em;\n}\n/* line 108, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.errors .error, .single-page .panel .item.errors .error {\n  background: #ffaaaa;\n  color: #550000;\n  outline: 1px solid red;\n  padding: 0.3em;\n  margin-bottom: 0.3em;\n}\n/* line 117, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item .main, .single-page .panel .item .main {\n  font-weight: bold;\n}\n/* line 119, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item .main em, .single-page .panel .item .main em {\n  font-style: italic;\n}\n/* line 4, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .text h2, .single-page .panel .item .text h2 {\n  font-size: 1.2em;\n  font-weight: bold;\n  border-top: 8px solid #ddd;\n  padding-top: 16px;\n}\n/* line 11, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .text small, .single-page .panel .item .text small {\n  font-size: 80%;\n}\n/* line 12, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .text strong, .single-page .panel .item .text strong {\n  font-style: italic;\n}\n/* line 13, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .text em, .single-page .panel .item .text em {\n  font-weight: bold;\n}\n/* line 15, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .text p, .single-page .panel .item .text p {\n  margin-bottom: 18px;\n}\n/* line 17, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .text ul, .single-page .panel .item .text ul {\n  margin-top: 1em;\n  margin-left: 1em;\n  margin-bottom: 2em;\n}\n/* line 21, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .text ul li, .single-page .panel .item .text ul li {\n  list-style-type: disc;\n  margin-bottom: 1em !important;\n}\n/* line 25, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .text ul li p, .single-page .panel .item .text ul li p {\n  margin-bottom: 0;\n}\n/* line 27, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .text ul li ul, .single-page .panel .item .text ul li ul {\n  margin-bottom: 1em;\n  margin-left: 1.5em;\n}\n/* line 30, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .text ul li ul li, .single-page .panel .item .text ul li ul li {\n  margin-bottom: 0 !important;\n  list-style-type: none;\n}\n/* line 38, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .text ol li, .single-page .panel .item .text ol li {\n  list-style-type: lower-alpha;\n}\n/* line 4, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .description-and-fields .description h2, .single-page .panel .item .description-and-fields .description h2 {\n  font-size: 1.2em;\n  font-weight: bold;\n  border-top: 8px solid #ddd;\n  padding-top: 16px;\n}\n/* line 11, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .description-and-fields .description small, .single-page .panel .item .description-and-fields .description small {\n  font-size: 80%;\n}\n/* line 12, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .description-and-fields .description strong, .single-page .panel .item .description-and-fields .description strong {\n  font-style: italic;\n}\n/* line 13, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .description-and-fields .description em, .single-page .panel .item .description-and-fields .description em {\n  font-weight: bold;\n}\n/* line 15, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .description-and-fields .description p, .single-page .panel .item .description-and-fields .description p {\n  margin-bottom: 18px;\n}\n/* line 17, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .description-and-fields .description ul, .single-page .panel .item .description-and-fields .description ul {\n  margin-top: 1em;\n  margin-left: 1em;\n  margin-bottom: 2em;\n}\n/* line 21, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .description-and-fields .description ul li, .single-page .panel .item .description-and-fields .description ul li {\n  list-style-type: disc;\n  margin-bottom: 1em !important;\n}\n/* line 25, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .description-and-fields .description ul li p, .single-page .panel .item .description-and-fields .description ul li p {\n  margin-bottom: 0;\n}\n/* line 27, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .description-and-fields .description ul li ul, .single-page .panel .item .description-and-fields .description ul li ul {\n  margin-bottom: 1em;\n  margin-left: 1.5em;\n}\n/* line 30, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .description-and-fields .description ul li ul li, .single-page .panel .item .description-and-fields .description ul li ul li {\n  margin-bottom: 0 !important;\n  list-style-type: none;\n}\n/* line 38, /home/marten/rgoc/quby/app/assets/stylesheets/quby/partials/_text.scss */\n.paged .panel .item .description-and-fields .description ol li, .single-page .panel .item .description-and-fields .description ol li {\n  list-style-type: lower-alpha;\n}\n/* line 133, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.horizontal .main, .single-page .panel .item.horizontal .main {\n  margin-bottom: 1em;\n}\n/* line 139, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.radio .inner-title, .single-page .panel .item.radio .inner-title, .paged .panel .item.check_box .inner-title, .single-page .panel .item.check_box .inner-title {\n  margin-top: 1.5em;\n  margin-bottom: 1.5em;\n  font-weight: bold;\n}\n/* line 147, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.radio .option .labelwrapper p, .single-page .panel .item.radio .option .labelwrapper p, .paged .panel .item.check_box .option .labelwrapper p, .single-page .panel .item.check_box .option .labelwrapper p {\n  display: inline;\n}\n/* line 151, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.radio .option.show_values .value, .single-page .panel .item.radio .option.show_values .value, .paged .panel .item.check_box .option.show_values .value, .single-page .panel .item.check_box .option.show_values .value {\n  text-align: center;\n}\n/* line 158, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.scale td, .single-page .panel .item.scale td {\n  border: 0;\n  text-align: center;\n}\n/* line 164, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.scale .option.optionwidth1, .single-page .panel .item.scale .option.optionwidth1, .paged .panel .item.scale .description.optionwidth1, .single-page .panel .item.scale .description.optionwidth1 {\n  width: 20%;\n}\n/* line 165, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.scale .option.optionwidth2, .single-page .panel .item.scale .option.optionwidth2, .paged .panel .item.scale .description.optionwidth2, .single-page .panel .item.scale .description.optionwidth2 {\n  width: 20%;\n}\n/* line 166, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.scale .option.optionwidth3, .single-page .panel .item.scale .option.optionwidth3, .paged .panel .item.scale .description.optionwidth3, .single-page .panel .item.scale .description.optionwidth3 {\n  width: 20%;\n}\n/* line 167, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.scale .option.optionwidth4, .single-page .panel .item.scale .option.optionwidth4, .paged .panel .item.scale .description.optionwidth4, .single-page .panel .item.scale .description.optionwidth4 {\n  width: 20%;\n}\n/* line 168, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.scale .option.optionwidth5, .single-page .panel .item.scale .option.optionwidth5, .paged .panel .item.scale .description.optionwidth5, .single-page .panel .item.scale .description.optionwidth5 {\n  width: 20%;\n}\n/* line 169, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.scale .option.optionwidth6, .single-page .panel .item.scale .option.optionwidth6, .paged .panel .item.scale .description.optionwidth6, .single-page .panel .item.scale .description.optionwidth6 {\n  width: 16.66667%;\n}\n/* line 170, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.scale .option.optionwidth7, .single-page .panel .item.scale .option.optionwidth7, .paged .panel .item.scale .description.optionwidth7, .single-page .panel .item.scale .description.optionwidth7 {\n  width: 14.28571%;\n}\n/* line 171, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.scale .option.optionwidth8, .single-page .panel .item.scale .option.optionwidth8, .paged .panel .item.scale .description.optionwidth8, .single-page .panel .item.scale .description.optionwidth8 {\n  width: 12.5%;\n}\n/* line 172, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.scale .option.optionwidth9, .single-page .panel .item.scale .option.optionwidth9, .paged .panel .item.scale .description.optionwidth9, .single-page .panel .item.scale .description.optionwidth9 {\n  width: 11.11111%;\n}\n/* line 173, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.scale .option.optionwidth10, .single-page .panel .item.scale .option.optionwidth10, .paged .panel .item.scale .description.optionwidth10, .single-page .panel .item.scale .description.optionwidth10 {\n  width: 10%;\n}\n/* line 174, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.scale .option.optionwidth11, .single-page .panel .item.scale .option.optionwidth11, .paged .panel .item.scale .description.optionwidth11, .single-page .panel .item.scale .description.optionwidth11 {\n  width: 9.09091%;\n}\n/* line 175, /home/marten/rgoc/quby/app/assets/stylesheets/quby/paged.scss */\n.paged .panel .item.scale .option.optionwidth12, .single-page .panel .item.scale .option.optionwidth12, .paged .panel .item.scale .description.optionwidth12, .single-page .panel .item.scale .description.optionwidth12 {\n  width: 8.33333%;\n}\n\n/* line 4, /home/marten/rgoc/quby/app/assets/stylesheets/quby/single_page/layout.scss */\n.single-page .hidden {\n  display: none;\n}\n/* line 6, /home/marten/rgoc/quby/app/assets/stylesheets/quby/single_page/layout.scss */\n.single-page .panel.noVisibleQuestions {\n  display: none;\n}\n/* line 10, /home/marten/rgoc/quby/app/assets/stylesheets/quby/single_page/layout.scss */\n.single-page .item.hide {\n  margin: 0 !important;\n  outline: none !important;\n}\n/* line 15, /home/marten/rgoc/quby/app/assets/stylesheets/quby/single_page/layout.scss */\n.single-page .item.hide > * {\n  display: none !important;\n}\n';
   const Quby = (props) => {
     var _a;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@roqua/quby-frontend",
-  "version": "0.10.19",
+  "version": "0.10.21",
   "main": "./dist/quby-frontend.umd.js",
   "module": "./dist/quby-frontend.es.js",
   "types": "./dist/index.d.ts",