@citolab/qti-components 7.0.6-beta.2 → 7.0.6-beta.4

package/dist/chunks/{chunk-3EU75IUF.js → chunk-MLT7V47R.js}

@@ -1,7 +1,7 @@
 import {
   testContext,
   testElement
-} from "./chunk-UFYWCLXF.js";
+} from "./chunk-AUWATZ65.js";
 import {
   watch
 } from "./chunk-ELDMXTUQ.js";
@@ -61,7 +61,7 @@ var TestComponent = class extends LitElement {
     this._internals = this.attachInternals();
   }
   _handleTestElementChange(_oldValue, newValue) {
-    if (newValue.el) {
+    if (newValue) {
       this.disabled = false;
     }
   }
@@ -73,24 +73,6 @@ var TestComponent = class extends LitElement {
       this.view = this._testContext?.view;
     }
   }
-  _switchView(view) {
-    this.dispatchEvent(
-      new CustomEvent("on-test-switch-view", {
-        composed: true,
-        bubbles: true,
-        detail: view
-      })
-    );
-  }
-  _requestItem(identifier) {
-    this.dispatchEvent(
-      new CustomEvent("qti-request-test-item", {
-        composed: true,
-        bubbles: true,
-        detail: identifier
-      })
-    );
-  }
 };
 __decorateClass([
   propInternalState({
@@ -115,4 +97,4 @@ __decorateClass([
 export {
   TestComponent
 };
-//# sourceMappingURL=chunk-3EU75IUF.js.map
+//# sourceMappingURL=chunk-MLT7V47R.js.map

package/dist/chunks/chunk-MLT7V47R.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/qti-test/components/test-component.abstract.ts","../../src/lib/decorators/prop-internal-state.ts"],"sourcesContent":["import { consume } from '@lit/context';\nimport { LitElement } from 'lit';\nimport { state } from 'lit/decorators.js';\nimport { propInternalState } from '../../decorators';\nimport type { TestElement, TestContext } from '../core/context';\nimport { testContext, testElement } from '../core/context';\nimport { watch } from '../../decorators/watch';\n\nexport abstract class TestComponent extends LitElement {\n  @propInternalState({\n    type: Boolean,\n    reflect: true,\n    aria: 'ariaDisabled' // Maps to `aria-disabled` attribute\n  })\n  public disabled = true;\n\n  @state()\n  @consume({ context: testContext, subscribe: true })\n  protected _testContext?: TestContext;\n\n  @state()\n  @consume({ context: testElement, subscribe: true })\n  protected _testElement?: TestElement;\n  @watch('_testElement')\n  _handleTestElementChange(_oldValue: TestElement, newValue: TestElement) {\n    if (newValue) {\n      this.disabled = false;\n    }\n  }\n\n  protected _internals: ElementInternals;\n\n  protected items;\n  protected itemIndex;\n  protected view;\n\n  constructor() {\n    super();\n    this._internals = this.attachInternals();\n  }\n\n  protected willUpdate(changedProperties: Map<string | number | symbol, unknown>) {\n    if (changedProperties.has('_testContext')) {\n      const { items = [], navItemId } = this._testContext ?? {};\n      this.itemIndex = items.findIndex(item => item.identifier === navItemId);\n      this.items = items;\n      this.view = this._testContext?.view;\n    }\n  }\n}\n","import type { ReactiveElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport type { PropertyDeclaration } from 'lit';\n\n// Extended decorator options\ninterface InternalStateOptions extends PropertyDeclaration {\n  aria?: string; // Corresponding ARIA attribute, e.g., 'aria-disabled'\n}\n\nexport function propInternalState(options: InternalStateOptions) {\n  return (protoOrDescriptor: any, name: string) => {\n    // Apply the default Lit `@property` decorator\n    property(options)(protoOrDescriptor, name);\n\n    // Intercept the property descriptor to enhance functionality\n    const key = `__${name}`; // Internal backing field\n\n    Object.defineProperty(protoOrDescriptor, name, {\n      get() {\n        return this[key];\n      },\n      set(value: any) {\n        const oldValue = this[key];\n        this[key] = value;\n\n        // Trigger updates if value changes\n        if (oldValue !== value) {\n          // Update internals state\n          if (this._internals?.states) {\n            const stateName = name.toLowerCase();\n            if (value) {\n              this._internals.states.add(`--${stateName}`);\n            } else {\n              this._internals.states.delete(`--${stateName}`);\n            }\n          }\n\n          // Update ARIA attributes if specified\n          if (options.aria && this._internals) {\n            const ariaAttribute = options.aria;\n            if (value) {\n              this._internals[ariaAttribute] = 'true';\n            } else {\n              this._internals[ariaAttribute] = null;\n            }\n          }\n\n          // Request an update\n          (this as ReactiveElement).requestUpdate(name, oldValue);\n        }\n      },\n      configurable: true,\n      enumerable: true\n    });\n  };\n}\n"],"mappings":";;;;;;;;;;;;AAAA,SAAS,eAAe;AACxB,SAAS,kBAAkB;AAC3B,SAAS,aAAa;;;ACDtB,SAAS,gBAAgB;AAQlB,SAAS,kBAAkB,SAA+B;AAC/D,SAAO,CAAC,mBAAwB,SAAiB;AAE/C,aAAS,OAAO,EAAE,mBAAmB,IAAI;AAGzC,UAAM,MAAM,KAAK,IAAI;AAErB,WAAO,eAAe,mBAAmB,MAAM;AAAA,MAC7C,MAAM;AACJ,eAAO,KAAK,GAAG;AAAA,MACjB;AAAA,MACA,IAAI,OAAY;AACd,cAAM,WAAW,KAAK,GAAG;AACzB,aAAK,GAAG,IAAI;AAGZ,YAAI,aAAa,OAAO;AAEtB,cAAI,KAAK,YAAY,QAAQ;AAC3B,kBAAM,YAAY,KAAK,YAAY;AACnC,gBAAI,OAAO;AACT,mBAAK,WAAW,OAAO,IAAI,KAAK,SAAS,EAAE;AAAA,YAC7C,OAAO;AACL,mBAAK,WAAW,OAAO,OAAO,KAAK,SAAS,EAAE;AAAA,YAChD;AAAA,UACF;AAGA,cAAI,QAAQ,QAAQ,KAAK,YAAY;AACnC,kBAAM,gBAAgB,QAAQ;AAC9B,gBAAI,OAAO;AACT,mBAAK,WAAW,aAAa,IAAI;AAAA,YACnC,OAAO;AACL,mBAAK,WAAW,aAAa,IAAI;AAAA,YACnC;AAAA,UACF;AAGA,UAAC,KAAyB,cAAc,MAAM,QAAQ;AAAA,QACxD;AAAA,MACF;AAAA,MACA,cAAc;AAAA,MACd,YAAY;AAAA,IACd,CAAC;AAAA,EACH;AACF;;;AD/CO,IAAe,gBAAf,cAAqC,WAAW;AAAA,EA4BrD,cAAc;AACZ,UAAM;AAvBR,SAAO,WAAW;AAwBhB,SAAK,aAAa,KAAK,gBAAgB;AAAA,EACzC;AAAA,EAfA,yBAAyB,WAAwB,UAAuB;AACtE,QAAI,UAAU;AACZ,WAAK,WAAW;AAAA,IAClB;AAAA,EACF;AAAA,EAaU,WAAW,mBAA2D;AAC9E,QAAI,kBAAkB,IAAI,cAAc,GAAG;AACzC,YAAM,EAAE,QAAQ,CAAC,GAAG,UAAU,IAAI,KAAK,gBAAgB,CAAC;AACxD,WAAK,YAAY,MAAM,UAAU,UAAQ,KAAK,eAAe,SAAS;AACtE,WAAK,QAAQ;AACb,WAAK,OAAO,KAAK,cAAc;AAAA,IACjC;AAAA,EACF;AACF;AAnCS;AAAA,EALN,kBAAkB;AAAA,IACjB,MAAM;AAAA,IACN,SAAS;AAAA,IACT,MAAM;AAAA;AAAA,EACR,CAAC;AAAA,GALmB,cAMb;AAIG;AAAA,EAFT,MAAM;AAAA,EACN,QAAQ,EAAE,SAAS,aAAa,WAAW,KAAK,CAAC;AAAA,GAT9B,cAUV;AAIA;AAAA,EAFT,MAAM;AAAA,EACN,QAAQ,EAAE,SAAS,aAAa,WAAW,KAAK,CAAC;AAAA,GAb9B,cAcV;AAEV;AAAA,EADC,MAAM,cAAc;AAAA,GAfD,cAgBpB;","names":[]}

package/dist/chunks/chunk-NHA53UTY.js

@@ -0,0 +1,52 @@
+import {
+  btn,
+  dis
+} from "./chunk-4O5F7WV7.js";
+import {
+  TestComponent
+} from "./chunk-MLT7V47R.js";
+import {
+  __decorateClass
+} from "./chunk-H2JE6IVU.js";
+
+// src/lib/qti-test/components/test-item-link.ts
+import { css, html } from "lit";
+import { customElement, property } from "lit/decorators.js";
+var TestItemLink = class extends TestComponent {
+  constructor() {
+    super();
+    this.itemId = null;
+    this.addEventListener("click", () => this._requestItem(this.itemId));
+  }
+  _requestItem(identifier) {
+    this.dispatchEvent(
+      new CustomEvent("qti-request-test-item", {
+        composed: true,
+        bubbles: true,
+        detail: identifier
+      })
+    );
+  }
+  render() {
+    return html` <slot></slot> `;
+  }
+};
+TestItemLink.styles = css`
+    :host {
+      ${btn};
+    }
+    :host([disabled]) {
+      ${dis};
+    }
+  `;
+__decorateClass([
+  property({ type: String, attribute: "item-id" })
+], TestItemLink.prototype, "itemId", 2);
+TestItemLink = __decorateClass([
+  customElement("test-item-link")
+], TestItemLink);
+
+export {
+  TestItemLink
+};
+//# sourceMappingURL=chunk-NHA53UTY.js.map

package/dist/chunks/chunk-NHA53UTY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/qti-test/components/test-item-link.ts"],"sourcesContent":["import { css, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { TestComponent } from './test-component.abstract';\nimport * as styles from './styles';\n\n@customElement('test-item-link')\nexport class TestItemLink extends TestComponent {\n  static styles = css`\n    :host {\n      ${styles.btn};\n    }\n    :host([disabled]) {\n      ${styles.dis};\n    }\n  `;\n\n  @property({ type: String, attribute: 'item-id' })\n  private itemId: string = null;\n\n  constructor() {\n    super();\n    this.addEventListener('click', () => this._requestItem(this.itemId));\n  }\n\n  protected _requestItem(identifier: string): void {\n    this.dispatchEvent(\n      new CustomEvent('qti-request-test-item', {\n        composed: true,\n        bubbles: true,\n        detail: identifier\n      })\n    );\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'test-item-link': TestItemLink;\n  }\n}\n"],"mappings":";;;;;;;;;;;;AAAA,SAAS,KAAK,YAAY;AAC1B,SAAS,eAAe,gBAAgB;AAKjC,IAAM,eAAN,cAA2B,cAAc;AAAA,EAa9C,cAAc;AACZ,UAAM;AAHR,SAAQ,SAAiB;AAIvB,SAAK,iBAAiB,SAAS,MAAM,KAAK,aAAa,KAAK,MAAM,CAAC;AAAA,EACrE;AAAA,EAEU,aAAa,YAA0B;AAC/C,SAAK;AAAA,MACH,IAAI,YAAY,yBAAyB;AAAA,QACvC,UAAU;AAAA,QACV,SAAS;AAAA,QACT,QAAQ;AAAA,MACV,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EAEA,SAAS;AACP,WAAO;AAAA,EACT;AACF;AA/Ba,aACJ,SAAS;AAAA;AAAA,QAEH,GAAG;AAAA;AAAA;AAAA,QAGH,GAAG;AAAA;AAAA;AAKR;AAAA,EADP,SAAS,EAAE,MAAM,QAAQ,WAAW,UAAU,CAAC;AAAA,GAVrC,aAWH;AAXG,eAAN;AAAA,EADN,cAAc,gBAAgB;AAAA,GAClB;","names":[]}

package/dist/chunks/{chunk-J2SHENRN.js → chunk-NZQKGIJP.js}

@@ -2621,6 +2621,14 @@ qti-response-declaration {
                 mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' width='100%' height='100%' viewBox='0 0 24 24'%3E%3Cpath d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z'/%3E%3C/svg%3E");
       }
 
+      &:state(correct-response),
+      &[data-correct-response='true'] {
+        &::after {
+          content: '\\02714';
+          color: #16a34a; /* text-green-600 */
+        }
+      }
+
       gap: 0.5rem;
 
       border-radius: var(--qti-border-radius);
@@ -2632,8 +2640,6 @@ qti-response-declaration {
       cursor: pointer
     }
 
-    /* } */
-
     &.qti-input-control-hidden {
       qti-hottext {
         /* --qti-padding-md: 0.1rem;
@@ -3526,4 +3532,4 @@ qti-response-declaration {
 export {
   item_default
 };
-//# sourceMappingURL=chunk-J2SHENRN.js.map
+//# sourceMappingURL=chunk-NZQKGIJP.js.map

package/dist/chunks/{chunk-J2SHENRN.js.map → chunk-NZQKGIJP.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["inline:../../../../item.css?inline"],"sourcesContent":["@layer qti-base, qti-components, qti-utilities, qti-variants, qti-extended;\n\n:root,\n:host {\n  /* Active colors */\n  --qti-bg-active: #ffecec;\n  --qti-border-active: #f86d70;\n\n  /* Gap size */\n  --qti-gap-size: 1rem;\n\n  /* Background colors */\n  --qti-bg: white;\n  --qti-hover-bg: #f9fafb;\n\n  /* Light theme colors */\n  --qti-light-bg-active: #f0f0f0; /* Light gray */\n  --qti-light-border-active: #d0d0d0; /* Medium gray */\n\n  /* Dark theme colors */\n  --qti-dark-bg-active: #1f2937; /* Dark gray */\n  --qti-dark-border-active: #64748b; /* Medium gray */\n\n  /* Disabled colors */\n  --qti-disabled-bg: #f3f4f6;\n  --qti-disabled-color: #45484f;\n\n  /* Border properties */\n  --qti-border-thickness: 2px;\n  --qti-border-style: solid;\n  --qti-border-color: #c6cad0;\n  --qti-border-radius: 0.3rem;\n  --qti-drop-border-radius: calc(var(--qti-border-radius) + var(--qti-border-thickness));\n\n  /* Focus & active states */\n  --qti-focus-border-width: 5px;\n  --qti-focus-color: #bddcff7e;\n\n  /* Class-specific variables */\n\n  /* Form elements */\n  --qti-form-size: 1rem;\n\n  /* Point elements */\n  --qti-point-size: 2rem;\n\n  /* Order buttons */\n  --qti-order-size: 2rem;\n\n  /* Generic padding for all elements */\n  --qti-padding-vertical: 0.5rem; /* py-2 */\n  --qti-padding-horizontal: 0.5rem; /* px-2 */\n}\n\n/* SVG masks and backgrounds */\n\n.chevron {\n  background: url(\"data:image/svg+xml,%3Csvg fill='currentColor' width='22' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'%3E%3Cpath clip-rule='evenodd' fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z'%3E%3C/path%3E%3C/svg%3E\")\n    no-repeat center right 6px;\n}\n\n.handle {\n  background-image: radial-gradient(\n    circle at center,\n    rgb(0 0 0 / 10%) 0,\n    rgb(0 0 0 / 20%) 2px,\n    rgb(255 255 255 / 0%) 2px,\n    rgb(255 255 255 / 0%) 100%\n  );\n  background-repeat: repeat-y;\n  background-position: left center;\n  background-size: 14px 8px;\n}\n\n.check-mask {\n  -webkit-mask: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' width='100%' height='100%' viewBox='0 0 24 24'%3E%3Cpath d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z'/%3E%3C/svg%3E\");\n          mask: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' width='100%' height='100%' viewBox='0 0 24 24'%3E%3Cpath d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z'/%3E%3C/svg%3E\");\n}\n\n/* \n  Following are classes that can be applied to elements and element states, so they are not used directly \n  The @apply directive is used to apply these classes to elements\n*/\n\n/* Apply .bordered to an element */\n\n.bordered {\n  border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n  outline: none;\n}\n\n/* Apply .form rules for checkbox and radiobutton */\n\n.form {\n\n  display: grid;\n  place-content: center;\n  width: var(--qti-form-size);\n  height: var(--qti-form-size);\n  border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n  outline: none;\n}\n\n/* Apply .button rules for button-like elements, such as drags and buttons */\n\n.button {\n\n  border-radius: var(--qti-border-radius);\n  padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);\n  border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n  outline: none;\n}\n\n/* Apply .select for the select dropdown element */\n\n.select {\n\n  border-radius: var(--qti-border-radius);\n  position: relative;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);\n  padding-right: calc(var(--qti-padding-horizontal) + 1.5rem); /* 1.5rem for the chevron */ border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color); outline: none; background: url(\"data:image/svg+xml,%3Csvg fill='currentColor' width='22' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'%3E%3Cpath clip-rule='evenodd' fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z'%3E%3C/path%3E%3C/svg%3E\")\n    no-repeat center right 6px;\n}\n\n/* Apply .text for the input text and textarea */\n\n.text {\n\n  border-radius: 0;\n  cursor: text;\n  padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);\n  background: unset;\n  border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n  outline: none;\n}\n\n/* Apply .spot for hotspot shapes */\n\n.spot {\n\n  width: 100%;\n  height: 100%;\n  background-color: transparent;\n  padding: 0;\n  border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n  outline: none;\n}\n\n/* Apply .point for circular small hotspots */\n\n.point {\n\n  border-radius: 100%;\n  width: var(--qti-point-size);\n  height: var(--qti-point-size);\n  background-color: transparent;\n  padding: 0;\n  border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n  outline: none;\n}\n\n/* Apply .drag for draggable elements */\n\n.drag {\n\n  transition:\n    transform 200ms ease-out,\n    box-shadow 200ms ease-out,\n    rotate 200ms ease-out;\n  cursor: grab;\n  background-color: var(--qti-bg);\n  padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);\n  border-radius: var(--qti-border-radius);\n  padding-left: calc(var(--qti-padding-horizontal) + 0.5rem) !important; /* 1.5rem for the drag */ border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color); outline: none; background-image: radial-gradient(\n    circle at center,\n    rgb(0 0 0 / 10%) 0,\n    rgb(0 0 0 / 20%) 2px,\n    rgb(255 255 255 / 0%) 2px,\n    rgb(255 255 255 / 0%) 100%\n  ); background-repeat: repeat-y; background-position: left center; background-size: 14px 8px;\n}\n\n/* Apply .dragging for the dragging state of a draggable element */\n\n.dragging {\n  pointer-events: none;\n  rotate: -2deg;\n  box-shadow:\n    0 8px 12px rgb(0 0 0 / 20%),\n    0 4px 8px rgb(0 0 0 / 10%);\n}\n\n/* Apply .drop for an element where you can drop the draggable */\n\n.drop {\n\n  background: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"7\" stroke=\"%23CCCCCC\" stroke-width=\"1\" fill=\"transparent\" /></svg>')\n    center no-repeat;\n  border-radius: var(--qti-border-radius);\n  position: relative;\n  background-color: var(--qti-bg);\n  border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n  outline: none;\n}\n\n/* Apply .dropping for an indicator where you can drop the draggable */\n\n.dropping {\n  background-color: var(--qti-bg-active);\n}\n\n/* Apply .order for a small circular button */\n\n.order {\n\n  display: grid;\n  place-content: center;\n\n  /* background-color: var(--qti-bg-active); */\n  border-radius: 100%;\n  width: var(--qti-order-size);\n  height: var(--qti-order-size);\n  border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n  outline: none;\n}\n\n/* Apply .check-size for radio and checkbox size */\n\n.check-size {\n  width: calc(var(--qti-form-size) - 6px);\n  height: calc(var(--qti-form-size) - 6px);\n}\n\n/* Apply .check for checkbox */\n\n.check {\n  gap: 0.5rem;\n  border-radius: var(--qti-border-radius);\n  padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);\n  outline: none;\n  cursor: pointer;\n}\n\n/* Apply .check-radio for outer circle of the radio buttons */\n\n.check-radio {\n\n  border-radius: 100%;\n\n  display: grid;\n\n  place-content: center;\n\n  width: var(--qti-form-size);\n\n  height: var(--qti-form-size);\n\n  border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n\n  outline: none;\n}\n\n/* Apply .check-radio-checked for the inner checked radio */\n\n.check-radio-checked {\n  background-color: var(--qti-border-active);\n  border-radius: 100%;\n}\n\n/* Apply .check-checkbox for outer square of the checkbox */\n\n.check-checkbox {\n\n  display: flex;\n  place-items: center;\n  border-radius: var(--qti-border-radius);\n  display: grid;\n  place-content: center;\n  width: var(--qti-form-size);\n  height: var(--qti-form-size);\n  border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n  outline: none;\n}\n\n/* Apply .check-checkbox-checked for the inner checkmark */\n\n.check-checkbox-checked {\n  background-color: var(--qti-border-active);\n  -webkit-mask: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' width='100%' height='100%' viewBox='0 0 24 24'%3E%3Cpath d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z'/%3E%3C/svg%3E\");\n          mask: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' width='100%' height='100%' viewBox='0 0 24 24'%3E%3Cpath d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z'/%3E%3C/svg%3E\");\n}\n\n/* Apply .hov for hover state */\n\n.hov {\n  background-color: var(--qti-hover-bg);\n}\n\n/* Apply .foc for focus state */\n\n.foc {\n  box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n}\n\n/* Apply .act for active state */\n\n.act {\n  border-color: var(--qti-border-active);\n  background-color: var(--qti-bg-active);\n}\n\n.act-bg {\n  background-color: var(--qti-bg-active);\n}\n\n.act-bor {\n  border-color: var(--qti-border-active);\n}\n\n/* Apply .rdo for readonly state */\n\n.rdo {\n  cursor: pointer;\n  background-color: var(--qti-bg);\n  outline: 0;\n  border: none;\n}\n\n/* Apply .dis for disabled state */\n\n.dis {\n  cursor: not-allowed;\n  background-color: var(--qti-disabled-bg);\n  color: var(--qti-disabled-color);\n  border-color: var(--qti-border-color);\n  outline: 4px solid var(--qti-disabled-bg);\n}\n\n/* base */\n\n/* ============================\n   QTI 3 shared css\n   1.  Display\n   2.  Special Flex styles\n   3.  Margin\n   4.  Padding\n   5.  Horizontal Alignment styles\n   6.  Vertical Alignment styles\n   7.  Height\n   8.  Width\n   9.  Text-Indent\n   10. List Style\n   11. Layout\n   12. Other QTI 3 presentation utilities\n   ============================ */\n\n/* ==========\n  Display css\n  =========== */\n\n.qti-display-inline {\n  display: inline;\n}\n\n.qti-display-inline-block {\n  display: inline-block;\n}\n\n.qti-display-block {\n  display: block;\n}\n\n.qti-display-flex {\n  display: flexbox;\n  display: flex;\n}\n\n.qti-display-inline-flex {\n  display: inline-flex;\n}\n\n.qti-display-grid {\n  display: grid;\n}\n\n.qti-display-inline-grid {\n  display: inline-grid;\n}\n\n.qti-display-table {\n  display: table;\n}\n\n.qti-display-table-cell {\n  display: table-cell;\n}\n\n.qti-display-table-row {\n  display: table-row;\n}\n\n.qti-display-list-item {\n  display: list-item;\n}\n\n.qti-display-inherit {\n  display: inherit;\n}\n\n/* \n   * hidden to screen readers and sighted\n   */\n\n.qti-hidden {\n  display: none;\n}\n\n/*\n  * visible to screen readers, hidden to sighted\n   */\n\n.qti-visually-hidden {\n  position: fixed !important;\n  overflow: hidden;\n  clip: rect(1px 1px 1px 1px);\n  height: 1px;\n  width: 1px;\n  border: 0;\n  margin: -1px;\n}\n\n/* =============================\n     Special flex styles\n     ============================= */\n\n.qti-flex-direction-column {\n  flex-direction: column;\n}\n\n.qti-flex-direction-row {\n  flex-direction: row;\n}\n\n.qti-flex-grow-1 {\n  flex-grow: 1;\n}\n\n.qti-flex-grow-0 {\n  flex-grow: 0;\n}\n\n/* =========\n    Margin css\n    ========== */\n\n/**\n   * For margin Top and Bottom and Left and Right\n   */\n\n.qti-margin-0 {\n  margin: 0 !important;\n}\n\n.qti-margin-1 {\n  margin: 0.25rem !important;\n}\n\n.qti-margin-2 {\n  margin: 0.5rem !important;\n}\n\n.qti-margin-3 {\n  margin: 1rem !important;\n}\n\n.qti-margin-4 {\n  margin: 1.5rem !important;\n}\n\n.qti-margin-5 {\n  margin: 3rem !important;\n}\n\n.qti-margin-auto {\n  margin: auto !important;\n}\n\n/*\n   For margin Left and Right\n   */\n\n.qti-margin-x-0 {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n\n.qti-margin-x-1 {\n  margin-right: 0.25rem !important;\n  margin-left: 0.25rem !important;\n}\n\n.qti-margin-x-2 {\n  margin-right: 0.5rem !important;\n  margin-left: 0.5rem !important;\n}\n\n.qti-margin-x-3 {\n  margin-right: 1rem !important;\n  margin-left: 1rem !important;\n}\n\n.qti-margin-x-4 {\n  margin-right: 1.5rem !important;\n  margin-left: 1.5rem !important;\n}\n\n.qti-margin-x-5 {\n  margin-right: 3rem !important;\n  margin-left: 3rem !important;\n}\n\n.qti-margin-x-auto {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n\n/*\n   For margin Top and Bottom\n   */\n\n.qti-margin-y-0 {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n\n.qti-margin-y-1 {\n  margin-top: 0.25rem !important;\n  margin-bottom: 0.25rem !important;\n}\n\n.qti-margin-y-2 {\n  margin-top: 0.5rem !important;\n  margin-bottom: 0.5rem !important;\n}\n\n.qti-margin-y-3 {\n  margin-top: 1rem !important;\n  margin-bottom: 1rem !important;\n}\n\n.qti-margin-y-4 {\n  margin-top: 1.5rem !important;\n  margin-bottom: 1.5rem !important;\n}\n\n.qti-margin-y-5 {\n  margin-top: 3rem !important;\n  margin-bottom: 3rem !important;\n}\n\n.qti-margin-y-auto {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n\n/*\n   For margin Top\n   */\n\n.qti-margin-t-0 {\n  margin-top: 0 !important;\n}\n\n.qti-margin-t-1 {\n  margin-top: 0.25rem !important;\n}\n\n.qti-margin-t-2 {\n  margin-top: 0.5rem !important;\n}\n\n.qti-margin-t-3 {\n  margin-top: 1rem !important;\n}\n\n.qti-margin-t-4 {\n  margin-top: 1.5rem !important;\n}\n\n.qti-margin-t-5 {\n  margin-top: 3rem !important;\n}\n\n.qti-margin-t-auto {\n  margin-top: auto !important;\n}\n\n/* \n  For margin Bottom\n   */\n\n.qti-margin-b-0 {\n  margin-bottom: 0 !important;\n}\n\n.qti-margin-b-1 {\n  margin-bottom: 0.25rem !important;\n}\n\n.qti-margin-b-2 {\n  margin-bottom: 0.5rem !important;\n}\n\n.qti-margin-b-3 {\n  margin-bottom: 1rem !important;\n}\n\n.qti-margin-b-4 {\n  margin-bottom: 1.5rem !important;\n}\n\n.qti-margin-b-5 {\n  margin-bottom: 3rem !important;\n}\n\n.qti-margin-b-auto {\n  margin-bottom: auto !important;\n}\n\n/*\n   For margin Start LTR\n   */\n\n.qti-margin-s-0 {\n  margin-left: 0 !important;\n}\n\n.qti-margin-s-1 {\n  margin-left: 0.25rem !important;\n}\n\n.qti-margin-s-2 {\n  margin-left: 0.5rem !important;\n}\n\n.qti-margin-s-3 {\n  margin-left: 1rem !important;\n}\n\n.qti-margin-s-4 {\n  margin-left: 1.5rem !important;\n}\n\n.qti-margin-s-5 {\n  margin-left: 3rem !important;\n}\n\n.qti-margin-s-auto {\n  margin-left: auto !important;\n}\n\n/* \n  For margin End LTR\n   */\n\n.qti-margin-e-0 {\n  margin-right: 0 !important;\n}\n\n.qti-margin-e-1 {\n  margin-right: 0.25rem !important;\n}\n\n.qti-margin-e-2 {\n  margin-right: 0.5rem !important;\n}\n\n.qti-margin-e-3 {\n  margin-right: 1rem !important;\n}\n\n.qti-margin-e-4 {\n  margin-right: 1.5rem !important;\n}\n\n.qti-margin-e-5 {\n  margin-right: 3rem !important;\n}\n\n.qti-margin-e-auto {\n  margin-right: auto !important;\n}\n\n/* =========\n    Padding css\n    ========== */\n\n/*\n  For padding Top and Bottom and Left and Right\n   */\n\n.qti-padding-0 {\n  padding: 0 !important;\n}\n\n.qti-padding-1 {\n  padding: 0.25rem !important;\n}\n\n.qti-padding-2 {\n  padding: 0.5rem !important;\n}\n\n.qti-padding-3 {\n  padding: 1rem !important;\n}\n\n.qti-padding-4 {\n  padding: 1.5rem !important;\n}\n\n.qti-padding-5 {\n  padding: 3rem !important;\n}\n\n/*\n   For padding Left and Right\n   */\n\n.qti-padding-x-0 {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n\n.qti-padding-x-1 {\n  padding-right: 0.25rem !important;\n  padding-left: 0.25rem !important;\n}\n\n.qti-padding-x-2 {\n  padding-right: 0.5rem !important;\n  padding-left: 0.5rem !important;\n}\n\n.qti-padding-x-3 {\n  padding-right: 1rem !important;\n  padding-left: 1rem !important;\n}\n\n.qti-padding-x-4 {\n  padding-right: 1.5rem !important;\n  padding-left: 1.5rem !important;\n}\n\n.qti-padding-x-5 {\n  padding-right: 3rem !important;\n  padding-left: 3rem !important;\n}\n\n/*\n    For padding Top and Bottom\n   */\n\n.qti-padding-y-0 {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n\n.qti-padding-y-1 {\n  padding-top: 0.25rem !important;\n  padding-bottom: 0.25rem !important;\n}\n\n.qti-padding-y-2 {\n  padding-top: 0.5rem !important;\n  padding-bottom: 0.5rem !important;\n}\n\n.qti-padding-y-3 {\n  padding-top: 1rem !important;\n  padding-bottom: 1rem !important;\n}\n\n.qti-padding-y-4 {\n  padding-top: 1.5rem !important;\n  padding-bottom: 1.5rem !important;\n}\n\n.qti-padding-y-5 {\n  padding-top: 3rem !important;\n  padding-bottom: 3rem !important;\n}\n\n/*\n   For padding Top\n   */\n\n.qti-padding-t-0 {\n  padding-top: 0 !important;\n}\n\n.qti-padding-t-1 {\n  padding-top: 0.25rem !important;\n}\n\n.qti-padding-t-2 {\n  padding-top: 0.5rem !important;\n}\n\n.qti-padding-t-3 {\n  padding-top: 1rem !important;\n}\n\n.qti-padding-t-4 {\n  padding-top: 1.5rem !important;\n}\n\n.qti-padding-t-5 {\n  padding-top: 3rem !important;\n}\n\n/*\n   For padding Bottom\n   */\n\n.qti-padding-b-0 {\n  padding-bottom: 0 !important;\n}\n\n.qti-padding-b-1 {\n  padding-bottom: 0.25rem !important;\n}\n\n.qti-padding-b-2 {\n  padding-bottom: 0.5rem !important;\n}\n\n.qti-padding-b-3 {\n  padding-bottom: 1rem !important;\n}\n\n.qti-padding-b-4 {\n  padding-bottom: 1.5rem !important;\n}\n\n.qti-padding-b-5 {\n  padding-bottom: 3rem !important;\n}\n\n/*\n    For padding Start LTR\n   */\n\n.qti-padding-s-0 {\n  padding-left: 0 !important;\n}\n\n.qti-padding-s-1 {\n  padding-left: 0.25rem !important;\n}\n\n.qti-padding-s-2 {\n  padding-left: 0.5rem !important;\n}\n\n.qti-padding-s-3 {\n  padding-left: 1rem !important;\n}\n\n.qti-padding-s-4 {\n  padding-left: 1.5rem !important;\n}\n\n.qti-padding-s-5 {\n  padding-left: 3rem !important;\n}\n\n/*\n   For padding End LTR\n   */\n\n.qti-padding-e-0 {\n  padding-right: 0 !important;\n}\n\n.qti-padding-e-1 {\n  padding-right: 0.25rem !important;\n}\n\n.qti-padding-e-2 {\n  padding-right: 0.5rem !important;\n}\n\n.qti-padding-e-3 {\n  padding-right: 1rem !important;\n}\n\n.qti-padding-e-4 {\n  padding-right: 1.5rem !important;\n}\n\n.qti-padding-e-5 {\n  padding-right: 3rem !important;\n}\n\n/* ====================\n     Horizontal alignment\n     ==================== */\n\n.qti-align-left {\n  text-align: left;\n}\n\n.qti-align-center {\n  text-align: center;\n}\n\n.qti-align-right {\n  text-align: right;\n}\n\n/* ==================\n     Vertical alignment\n     ================== */\n\n.qti-valign-top {\n  vertical-align: top;\n}\n\n.qti-valign-middle {\n  vertical-align: middle;\n}\n\n.qti-valign-baseline {\n  vertical-align: baseline;\n}\n\n.qti-valign-bottom {\n  vertical-align: bottom;\n}\n\n/* =============\n     Height styles\n     ============= */\n\n.qti-height-0 {\n  height: 0;\n}\n\n.qti-height-px {\n  height: 1px;\n}\n\n.qti-height-0p5 {\n  height: 0.125rem;\n}\n\n.qti-height-1 {\n  height: 0.25rem;\n}\n\n.qti-height-1p5 {\n  height: 0.375rem;\n}\n\n.qti-height-2 {\n  height: 0.5rem;\n}\n\n.qti-height-2p5 {\n  height: 0.625rem;\n}\n\n.qti-height-3 {\n  height: 0.75rem;\n}\n\n.qti-height-3p5 {\n  height: 0.875rem;\n}\n\n.qti-height-4 {\n  height: 1rem;\n}\n\n.qti-height-5 {\n  height: 1.25rem;\n}\n\n.qti-height-6 {\n  height: 1.5rem;\n}\n\n.qti-height-7 {\n  height: 1.75rem;\n}\n\n.qti-height-8 {\n  height: 2rem;\n}\n\n.qti-height-9 {\n  height: 2.25rem;\n}\n\n.qti-height-10 {\n  height: 2.5rem;\n}\n\n.qti-height-11 {\n  height: 2.75rem;\n}\n\n.qti-height-12 {\n  height: 3rem;\n}\n\n.qti-height-14 {\n  height: 3.5rem;\n}\n\n.qti-height-16 {\n  height: 4rem;\n}\n\n.qti-height-20 {\n  height: 5rem;\n}\n\n.qti-height-24 {\n  height: 6rem;\n}\n\n.qti-height-28 {\n  height: 7rem;\n}\n\n.qti-height-32 {\n  height: 8rem;\n}\n\n.qti-height-36 {\n  height: 9rem;\n}\n\n.qti-height-40 {\n  height: 10rem;\n}\n\n.qti-height-44 {\n  height: 11rem;\n}\n\n.qti-height-48 {\n  height: 12rem;\n}\n\n.qti-height-52 {\n  height: 13rem;\n}\n\n.qti-height-56 {\n  height: 14rem;\n}\n\n.qti-height-60 {\n  height: 15rem;\n}\n\n.qti-height-64 {\n  height: 16rem;\n}\n\n.qti-height-72 {\n  height: 18rem;\n}\n\n.qti-height-80 {\n  height: 20rem;\n}\n\n.qti-height-96 {\n  height: 24rem;\n}\n\n.qti-height-1-2 {\n  height: 50%;\n}\n\n.qti-height-1-3 {\n  height: 33.3333%;\n}\n\n.qti-height-2-3 {\n  height: 66.6667%;\n}\n\n.qti-height-1-4 {\n  height: 25%;\n}\n\n.qti-height-2-4 {\n  height: 50%;\n}\n\n.qti-height-3-4 {\n  height: 75%;\n}\n\n.qti-height-1-5 {\n  height: 20%;\n}\n\n.qti-height-2-5 {\n  height: 40%;\n}\n\n.qti-height-3-5 {\n  height: 60%;\n}\n\n.qti-height-4-5 {\n  height: 80%;\n}\n\n.qti-height-1-6 {\n  height: 16.6667%;\n}\n\n.qti-height-2-6 {\n  height: 33.3333%;\n}\n\n.qti-height-3-6 {\n  height: 50%;\n}\n\n.qti-height-4-6 {\n  height: 66.6667%;\n}\n\n.qti-height-5-6 {\n  height: 83.3333%;\n}\n\n.qti-height-auto {\n  height: auto;\n}\n\n.qti-height-full {\n  height: 100%;\n}\n\n/* ============\n     Width styles\n     ============ */\n\n.qti-width-0 {\n  width: 0;\n}\n\n.qti-width-px {\n  width: 1px;\n}\n\n.qti-width-0p5 {\n  width: 0.125rem;\n}\n\n.qti-width-1 {\n  width: 0.25rem;\n}\n\n.qti-width-1p5 {\n  width: 0.375rem;\n}\n\n.qti-width-2 {\n  width: 0.5rem;\n}\n\n.qti-width-2p5 {\n  width: 0.625rem;\n}\n\n.qti-width-3 {\n  width: 0.75rem;\n}\n\n.qti-width-3p5 {\n  width: 0.875rem;\n}\n\n.qti-width-4 {\n  width: 1rem;\n}\n\n.qti-width-5 {\n  width: 1.25rem;\n}\n\n.qti-width-6 {\n  width: 1.5rem;\n}\n\n.qti-width-7 {\n  width: 1.75rem;\n}\n\n.qti-width-8 {\n  width: 2rem;\n}\n\n.qti-width-9 {\n  width: 2.25rem;\n}\n\n.qti-width-10 {\n  width: 2.5rem;\n}\n\n.qti-width-11 {\n  width: 2.75rem;\n}\n\n.qti-width-12 {\n  width: 3rem;\n}\n\n.qti-width-14 {\n  width: 3.5rem;\n}\n\n.qti-width-16 {\n  width: 4rem;\n}\n\n.qti-width-20 {\n  width: 5rem;\n}\n\n.qti-width-24 {\n  width: 6rem;\n}\n\n.qti-width-28 {\n  width: 7rem;\n}\n\n.qti-width-32 {\n  width: 8rem;\n}\n\n.qti-width-36 {\n  width: 9rem;\n}\n\n.qti-width-40 {\n  width: 10rem;\n}\n\n.qti-width-44 {\n  width: 11rem;\n}\n\n.qti-width-48 {\n  width: 12rem;\n}\n\n.qti-width-52 {\n  width: 13rem;\n}\n\n.qti-width-56 {\n  width: 14rem;\n}\n\n.qti-width-60 {\n  width: 15rem;\n}\n\n.qti-width-64 {\n  width: 16rem;\n}\n\n.qti-width-72 {\n  width: 18rem;\n}\n\n.qti-width-80 {\n  width: 20rem;\n}\n\n.qti-width-96 {\n  width: 24rem;\n}\n\n.qti-width-auto {\n  width: auto;\n}\n\n.qti-width-1-2 {\n  width: 50%;\n}\n\n.qti-width-1-3 {\n  width: 33.3333%;\n}\n\n.qti-width-2-3 {\n  width: 66.6667%;\n}\n\n.qti-width-1-4 {\n  width: 25%;\n}\n\n.qti-width-2-4 {\n  width: 50%;\n}\n\n.qti-width-3-4 {\n  width: 75%;\n}\n\n.qti-width-1-5 {\n  width: 20%;\n}\n\n.qti-width-2-5 {\n  width: 40%;\n}\n\n.qti-width-3-5 {\n  width: 60%;\n}\n\n.qti-width-4-5 {\n  width: 80%;\n}\n\n.qti-width-1-6 {\n  width: 16.6667%;\n}\n\n.qti-width-2-6 {\n  width: 33.3333%;\n}\n\n.qti-width-3-6 {\n  width: 50%;\n}\n\n.qti-width-4-6 {\n  width: 66.6667%;\n}\n\n.qti-width-5-6 {\n  width: 83.3333%;\n}\n\n.qti-width-1-12 {\n  width: 8.3333%;\n}\n\n.qti-width-2-12 {\n  width: 16.6667%;\n}\n\n.qti-width-3-12 {\n  width: 25%;\n}\n\n.qti-width-4-12 {\n  width: 33.3333%;\n}\n\n.qti-width-5-12 {\n  width: 41.6667%;\n}\n\n.qti-width-6-12 {\n  width: 50%;\n}\n\n.qti-width-7-12 {\n  width: 58.3333%;\n}\n\n.qti-width-8-12 {\n  width: 66.6667%;\n}\n\n.qti-width-9-12 {\n  width: 75%;\n}\n\n.qti-width-10-12 {\n  width: 83.3333%;\n}\n\n.qti-width-11-12 {\n  width: 91.6667%;\n}\n\n.qti-width-full,\n.qti-fullwidth {\n  width: 100%;\n}\n\n/* ==================\n     Text Indent styles\n     ================== */\n\n.qti-text-indent-0 {\n  text-indent: 0;\n}\n\n.qti-text-indent-px {\n  text-indent: 1px;\n}\n\n.qti-text-indent-0p5 {\n  text-indent: 0.125rem;\n}\n\n.qti-text-indent-1 {\n  text-indent: 0.25rem;\n}\n\n.qti-text-indent-1p5 {\n  text-indent: 0.375rem;\n}\n\n.qti-text-indent-2 {\n  text-indent: 0.5rem;\n}\n\n.qti-text-indent-2p5 {\n  text-indent: 0.625rem;\n}\n\n.qti-text-indent-3 {\n  text-indent: 0.75rem;\n}\n\n.qti-text-indent-3p5 {\n  text-indent: 0.875rem;\n}\n\n.qti-text-indent-4 {\n  text-indent: 1rem;\n}\n\n.qti-text-indent-5 {\n  text-indent: 1.25rem;\n}\n\n.qti-text-indent-6 {\n  text-indent: 1.5rem;\n}\n\n.qti-text-indent-7 {\n  text-indent: 1.75rem;\n}\n\n.qti-text-indent-8 {\n  text-indent: 2rem;\n}\n\n.qti-text-indent-12 {\n  text-indent: 3rem;\n}\n\n.qti-text-indent-16 {\n  text-indent: 4rem;\n}\n\n.qti-text-indent-20 {\n  text-indent: 5rem;\n}\n\n.qti-text-indent-24 {\n  text-indent: 6rem;\n}\n\n.qti-text-indent-28 {\n  text-indent: 7rem;\n}\n\n.qti-text-indent-32 {\n  text-indent: 8rem;\n}\n\n/* =================\n     List Style styles\n     ================= */\n\n.qti-list-style-type-none {\n  list-style-type: none;\n}\n\n.qti-list-style-type-disc {\n  list-style-type: disc;\n}\n\n.qti-list-style-type-circle {\n  list-style-type: circle;\n}\n\n.qti-list-style-type-square {\n  list-style-type: square;\n}\n\n.qti-list-style-type-decimal {\n  list-style-type: decimal;\n}\n\n.qti-list-style-type-decimal-leading-zero {\n  list-style-type: decimal-leading-zero;\n}\n\n.qti-list-style-type-lower-alpha {\n  list-style-type: lower-alpha;\n}\n\n.qti-list-style-type-upper-alpha {\n  list-style-type: upper-alpha;\n}\n\n.qti-list-style-type-lower-roman {\n  list-style-type: lower-roman;\n}\n\n.qti-list-style-type-upper-roman {\n  list-style-type: upper-roman;\n}\n\n.qti-list-style-type-lower-latin {\n  list-style-type: lower-latin;\n}\n\n.qti-list-style-type-upper-latin {\n  list-style-type: upper-latin;\n}\n\n.qti-list-style-type-lower-greek {\n  list-style-type: lower-greek;\n}\n\n.qti-list-style-type-arabic-indic {\n  list-style-type: arabic-indic;\n}\n\n.qti-list-style-type-armenian {\n  list-style-type: armenian;\n}\n\n.qti-list-style-type-lower-armenian {\n  list-style-type: lower-armenian;\n}\n\n.qti-list-style-type-upper-armenian {\n  list-style-type: upper-armenian;\n}\n\n.qti-list-style-type-bengali {\n  list-style-type: bengali;\n}\n\n.qti-list-style-type-cambodian {\n  list-style-type: cambodian;\n}\n\n.qti-list-style-type-simp-chinese-formal {\n  list-style-type: simp-chinese-formal;\n}\n\n.qti-list-style-type-simp-chinese-informal {\n  list-style-type: simp-chinese-informal;\n}\n\n.qti-list-style-type-trad-chinese-formal {\n  list-style-type: trad-chinese-formal;\n}\n\n.qti-list-style-type-trad-chinese-informal {\n  list-style-type: trad-chinese-informal;\n}\n\n.qti-list-style-type-cjk-ideographic {\n  list-style-type: cjk-ideographic;\n}\n\n.qti-list-style-type-cjk-heavenly-stem {\n  list-style-type: cjk-heavenly-stem;\n}\n\n.qti-list-style-type-cjk-earthly-branch {\n  list-style-type: cjk-earthly-branch;\n}\n\n.qti-list-style-type-devanagari {\n  list-style-type: devanagari;\n}\n\n.qti-list-style-type-ethiopic-halehame-ti-er {\n  list-style-type: ethiopic-halehame-ti-er;\n}\n\n.qti-list-style-type-ethiopic-halehame-ti-et {\n  list-style-type: ethiopic-halehame-ti-et;\n}\n\n.qti-list-style-type-ethiopic-halehame-am {\n  list-style-type: ethiopic-halehame-am;\n}\n\n.qti-list-style-type-ethiopic-halehame {\n  list-style-type: ethiopic-halehame;\n}\n\n.qti-list-style-type-georgian {\n  list-style-type: georgian;\n}\n\n.qti-list-style-type-gujarati {\n  list-style-type: gujarati;\n}\n\n.qti-list-style-type-gurmukhi {\n  list-style-type: gurmukhi;\n}\n\n.qti-list-style-type-hangul {\n  list-style-type: hangul;\n}\n\n.qti-list-style-type-hangul-consonant {\n  list-style-type: hangul-consonant;\n}\n\n.qti-list-style-type-hebrew {\n  list-style-type: hebrew;\n}\n\n.qti-list-style-type-hiragana {\n  list-style-type: hiragana;\n}\n\n.qti-list-style-type-hiragana-iroha {\n  list-style-type: hiragana-iroha;\n}\n\n.qti-list-style-type-khmer {\n  list-style-type: khmer;\n}\n\n.qti-list-style-type-korean-hangul-formal {\n  list-style-type: korean-hangul-formal;\n}\n\n.qti-list-style-type-korean-hanja-formal {\n  list-style-type: korean-hanja-formal;\n}\n\n.qti-list-style-type-korean-hanja-informal {\n  list-style-type: korean-hanja-informal;\n}\n\n.qti-list-style-type-lao {\n  list-style-type: lao;\n}\n\n.qti-list-style-type-malayalam {\n  list-style-type: malayalam;\n}\n\n.qti-list-style-type-mongolian {\n  list-style-type: mongolian;\n}\n\n.qti-list-style-type-myanmar {\n  list-style-type: myanmar;\n}\n\n.qti-list-style-type-oriya {\n  list-style-type: oriya;\n}\n\n.qti-list-style-type-persian {\n  list-style-type: persian;\n}\n\n.qti-list-style-type-thai {\n  list-style-type: thai;\n}\n\n.qti-list-style-type-tibetan {\n  list-style-type: tibetan;\n}\n\n.qti-list-style-type-telugu {\n  list-style-type: telugu;\n}\n\n.qti-list-style-type-urdu {\n  list-style-type: urdu;\n}\n\n/* =========================\n     Other QTI 3 Presentation Utilities\n     ========================= */\n\n.qti-bordered {\n  border: 1px solid var(--table-border-color);\n}\n\n.qti-underline {\n  text-decoration: underline;\n  text-decoration-color: var(--foreground);\n}\n\n.qti-italic {\n  font-style: italic;\n}\n\n.qti-well {\n  min-height: 20px;\n  padding: 19px;\n  margin-bottom: 20px;\n  background-color: var(--well-bg);\n  border: var(--well-border);\n  border-radius: 4px;\n  box-shadow: var(--well-box-shadow);\n}\n\n/* Set writing-mode to vertical-rl \n     Typical for CJK vertical text */\n\n.qti-writing-mode-vertical-rl {\n  writing-mode: vertical-rl;\n}\n\n/* Set writing-mode to vertical-lr\n     Typical for Mongolian vertical text  */\n\n.qti-writing-mode-vertical-lr {\n  writing-mode: vertical-lr;\n}\n\n/* Set writing-mode to horizontal-tb \n     Browser default */\n\n.qti-writing-mode-horizontal-tb {\n  writing-mode: horizontal-tb;\n}\n\n/* Float an element left */\n\n.qti-float-left {\n  float: left;\n}\n\n/* Float an element right */\n\n.qti-float-right {\n  float: right;\n}\n\n/* Remove a float */\n\n.qti-float-none {\n  float: none;\n}\n\n/* Clearfix Hack to apply to a container of \n   floated content that overflows the container. */\n\n.qti-float-clearfix::after {\n  content: '';\n  clear: both;\n  display: table;\n}\n\n.qti-float-clear-left\n  .qti-float-clear-right\n  .qti-float-clear-both\n  \n  /* Set text-orientation to upright */\n  .qti-text-orientation-upright {\n  text-orientation: upright;\n}\n\n/* stylelint-disable number-max-precision */\n\n@layer qti-base {\n  .qti-layout-row {\n    display: flex;\n    flex-wrap: wrap;\n    width: 100%;\n    gap: 2.1276595745%;\n  }\n\n  .qti-layout-row [class*='qti-layout-col']:not(:empty) {\n    box-sizing: border-box;\n  }\n\n  .qti-layout-row [class*='qti-layout-col']:empty {\n    width: 0;\n    overflow: hidden; /* to fully collapse if there’s padding or borders */\n  }\n\n  .qti-layout-col1 {\n    width: 6.3829787234%;\n  }\n\n  .qti-layout-col2 {\n    width: 14.8936170213%;\n  }\n\n  .qti-layout-col3 {\n    width: 23.4042553191%;\n  }\n\n  .qti-layout-col4 {\n    width: 31.914893617%;\n  }\n\n  .qti-layout-col5 {\n    width: 40.4255319149%;\n  }\n\n  .qti-layout-col6 {\n    width: 48.9361702128%;\n  }\n\n  .qti-layout-col7 {\n    width: 57.4468085106%;\n  }\n\n  .qti-layout-col8 {\n    width: 65.9574468085%;\n  }\n\n  .qti-layout-col9 {\n    width: 74.4680851064%;\n  }\n\n  .qti-layout-col10 {\n    width: 82.9787234043%;\n  }\n\n  .qti-layout-col11 {\n    width: 91.4893617021%;\n  }\n\n  .qti-layout-col12 {\n    width: 100%;\n  }\n\n  .qti-layout-offset1 {\n    margin-left: 8.5106382979%;\n  }\n\n  .qti-layout-offset2 {\n    margin-left: 17.0212765957%;\n  }\n\n  .qti-layout-offset3 {\n    margin-left: 25.5319148936%;\n  }\n\n  .qti-layout-offset4 {\n    margin-left: 34.0425531915%;\n  }\n\n  .qti-layout-offset5 {\n    margin-left: 42.5531914894%;\n  }\n\n  .qti-layout-offset6 {\n    margin-left: 51.0638297872%;\n  }\n\n  .qti-layout-offset7 {\n    margin-left: 59.5744680851%;\n  }\n\n  .qti-layout-offset8 {\n    margin-left: 68.085106383%;\n  }\n\n  .qti-layout-offset9 {\n    margin-left: 76.5957446809%;\n  }\n\n  .qti-layout-offset10 {\n    margin-left: 85.1063829787%;\n  }\n\n  .qti-layout-offset11 {\n    margin-left: 93.6170212766%;\n  }\n\n  .qti-layout-offset12 {\n    margin-left: 102.1276595745%;\n  }\n\n  @media (width <= 767px) {\n    [class*='qti-layout-col'] {\n      width: 100%;\n    }\n  }\n}\n\n[view],\nqti-outcome-declaration,\nqti-response-declaration {\n  display: none;\n}\n\n[view].show {\n  display: block;\n}\n\n:host {\n  box-sizing: border-box;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: inherit;\n}\n\n/* components */\n\n@layer qti-components {\n  qti-choice-interaction {\n    &.qti-input-control-hidden {\n      & qti-simple-choice {\n\n        &:hover {\n          background-color: var(--qti-hover-bg);\n        }\n\n        &:focus {\n          box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n        }\n\n        &::part(ch) {\n          display: none;\n        }\n\n        &:state(--checked),\n        &[aria-checked='true'] {\n          border-color: var(--qti-border-active);\n          background-color: var(--qti-bg-active);\n        }\n\n        &:state(readonly),\n        &[aria-readonly='true'] {\n          cursor: pointer;\n          background-color: var(--qti-bg);\n          outline: 0;\n          border: none;\n        }\n\n        &:state(disabled),\n        &[aria-disabled='true'] {\n          cursor: not-allowed;\n          background-color: var(--qti-disabled-bg);\n          color: var(--qti-disabled-color);\n          border-color: var(--qti-border-color);\n          outline: 4px solid var(--qti-disabled-bg);\n        }\n\n        border-radius: var(--qti-border-radius);\n\n        padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);\n\n        border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n\n        outline: none\n      }\n    }\n\n    &:not(.qti-input-control-hidden) {\n      & qti-simple-choice {\n\n        &:not([aria-disabled='true'], [aria-readonly='true'], :state(--checked)):hover {\n          background-color: var(--qti-hover-bg);\n        }\n\n        &:focus {\n          box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n        }\n\n        &:state(--checked),\n        &[aria-checked='true'] {\n          border-color: var(--qti-border-active);\n          background-color: var(--qti-bg-active);\n        }\n\n        &:state(readonly),\n        &[aria-readonly='true'] {\n          cursor: pointer;\n          background-color: var(--qti-bg);\n          outline: 0;\n          border: none;\n        }\n\n        &:state(disabled),\n        &[aria-disabled='true'] {\n          cursor: not-allowed;\n          background-color: var(--qti-disabled-bg);\n          color: var(--qti-disabled-color);\n          border-color: var(--qti-border-color);\n          outline: 4px solid var(--qti-disabled-bg);\n        }\n\n        &::part(cha) {\n          width: calc(var(--qti-form-size) - 6px);\n          height: calc(var(--qti-form-size) - 6px);\n        }\n\n        &:state(radio)::part(ch) {\n          border-radius: 100%;\n          display: grid;\n          place-content: center;\n          width: var(--qti-form-size);\n          height: var(--qti-form-size);\n          border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n          outline: none;\n        }\n\n        &:state(radio):state(--checked)::part(cha) {\n          background-color: var(--qti-border-active);\n          border-radius: 100%;\n        }\n\n        &:state(checkbox)::part(ch) {\n          display: flex;\n          place-items: center;\n          border-radius: var(--qti-border-radius);\n          display: grid;\n          place-content: center;\n          width: var(--qti-form-size);\n          height: var(--qti-form-size);\n          border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n          outline: none;\n        }\n\n        &:state(checkbox):state(--checked)::part(cha) {\n          background-color: var(--qti-border-active);\n          -webkit-mask: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' width='100%' height='100%' viewBox='0 0 24 24'%3E%3Cpath d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z'/%3E%3C/svg%3E\");\n                  mask: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' width='100%' height='100%' viewBox='0 0 24 24'%3E%3Cpath d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z'/%3E%3C/svg%3E\");\n        }\n\n        gap: 0.5rem;\n\n        border-radius: var(--qti-border-radius);\n\n        padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);\n\n        outline: none;\n\n        cursor: pointer\n      }\n    }\n\n    & qti-simple-choice {\n      width: -moz-fit-content;\n      width: fit-content;\n      cursor: pointer;\n\n      &:state(correct-response),\n      &[data-correct-response='true'] {\n        &::after {\n          content: '\\02714';\n          color: #16a34a; /* text-green-600 */\n        }\n      }\n    }\n\n    & qti-simple-choice > p {\n      margin: 0 !important;\n      padding: 0 !important;\n    }\n  }\n\n  .hover-border {\n    border: 2px solid #000; /* Adjust the border style and color as needed */\n  }\n\n  qti-graphic-gap-match-interaction {\n    position: relative;\n\n    &.qti-selections-light {\n      &:state(--dragzone-active)::part(drags) {\n        background-color: var(--qti-light-bg-active);\n        border-color: var(--qti-light-border-active);\n      }\n\n      &:state(--dragzone-enabled)::part(drags) {\n        background-color: var(--qti-light-bg-active);\n      }\n    }\n\n    &.qti-selections-dark {\n      &:state(--dragzone-active)::part(drags) {\n        background-color: var(--qti-dark-bg-active);\n        border-color: var(--qti-dark-border-active);\n      }\n\n      &:state(--dragzone-enabled)::part(drags) {\n        background-color: var(--qti-dark-bg-active);\n      }\n    }\n\n    /* General styles for active and enabled states */\n    &:state(--dragzone-active)::part(drags) {\n      border-color: var(--qti-border-active);\n      background-color: var(--qti-bg-active);\n    }\n\n    &:state(--dragzone-enabled)::part(drags) {\n      background-color: var(--qti-bg-active);\n    }\n\n    & qti-gap-img,\n    qti-gap-text {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      cursor: grab;\n    }\n\n    & qti-associable-hotspot {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      border: 2px solid transparent;\n\n      &[enabled] {\n\n        /* Light theme override */\n        .qti-selections-light {\n          background-color: var(--qti-light-bg-active);\n        }\n\n        /* Dark theme override */\n        .qti-selections-dark {\n          background-color: var(--qti-dark-bg-active);\n        }\n        background-color: var(--qti-bg-active)\n      }\n\n      &[active] {\n\n        /* Light theme override */\n        .qti-selections-light {\n          background-color: var(--qti-light-bg-active);\n          border-color: var(--qti-light-border-active);\n        }\n\n        /* Dark theme override */\n        .qti-selections-dark {\n          background-color: var(--qti-dark-bg-active);\n          border-color: var(--qti-dark-border-active);\n        }\n        border-color: var(--qti-border-active);\n        background-color: var(--qti-bg-active)\n      }\n\n      &[disabled] {\n\n        &:not(:empty) {\n          cursor: default !important;\n        }\n\n        cursor: not-allowed;\n\n        background-color: var(--qti-disabled-bg);\n\n        color: var(--qti-disabled-color);\n\n        border-color: var(--qti-border-color);\n\n        outline: 4px solid var(--qti-disabled-bg)\n      }\n\n      &:empty::after {\n        padding: var(--qti-padding-md) var(--qti-padding-lg); /* Padding shorthand */\n        content: '\\0000a0'; /* when empty, put a space in it */\n      }\n\n      &:not(:empty) {\n        padding: 0;\n        width: auto;\n      }\n\n      &:not(:empty) > * {\n        flex: 1;\n        transform: rotate(0); /* rotate-0 */\n        box-shadow: 0 0 0 1px #e5e7eb; /* ring-gray-200 */\n      }\n    }\n\n    & img {\n      margin: 0;\n      padding: 0;\n    }\n  }\n\n  qti-text-entry-interaction {\n    &::part(input) {\n      border-radius: 0;\n      cursor: text;\n      padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);\n      background: unset;\n      border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n      outline: none;\n    }\n\n    &:hover {\n      background-color: var(--qti-hover-bg);\n    }\n\n    &:focus-within {\n      &::part(input) {\n        box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n        border-color: var(--qti-border-active);\n      }\n    }\n  }\n\n  qti-extended-text-interaction {\n    &::part(textarea) {\n      border-radius: 0;\n      cursor: text;\n      padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);\n      background: unset;\n      border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n      outline: none;\n    }\n\n    &:hover {\n      background-color: var(--qti-hover-bg);\n    }\n\n    &:focus-within {\n      &::part(textarea) {\n        box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n        border-color: var(--qti-border-active);\n      }\n    }\n  }\n\n  qti-gap-match-interaction {\n    &.qti-selections-light {\n      &:state(--dragzone-active)::part(drags) {\n        background-color: var(--qti-light-bg-active);\n        border-color: var(--qti-light-border-active);\n      }\n\n      &:state(--dragzone-enabled)::part(drags) {\n        background-color: var(--qti-light-bg-active);\n      }\n    }\n\n    &.qti-selections-dark {\n      &:state(--dragzone-active)::part(drags) {\n        background-color: var(--qti-dark-bg-active);\n        border-color: var(--qti-dark-border-active);\n      }\n\n      &:state(--dragzone-enabled)::part(drags) {\n        background-color: var(--qti-dark-bg-active);\n      }\n    }\n\n    /* General styles for active and enabled states */\n    &:state(--dragzone-active)::part(drags) {\n      border-color: var(--qti-border-active);\n      background-color: var(--qti-bg-active);\n    }\n\n    &:state(--dragzone-enabled)::part(drags) {\n      background-color: var(--qti-bg-active);\n    }\n\n    & qti-gap-text {\n\n      &[dragging] {\n        pointer-events: none;\n        rotate: -2deg;\n        box-shadow: 0 8px 12px rgb(0 0 0 / 20%),\n    0 4px 8px rgb(0 0 0 / 10%);\n      }\n\n      &:hover {\n        background-color: var(--qti-hover-bg);\n      }\n\n      &:focus {\n        box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n      }\n\n      transition: transform 200ms ease-out,\n    box-shadow 200ms ease-out,\n    rotate 200ms ease-out;\n\n      cursor: grab;\n\n      background-color: var(--qti-bg);\n\n      padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);\n\n      border-radius: var(--qti-border-radius);\n\n      padding-left: calc(var(--qti-padding-horizontal) + 0.5rem);\n\n      border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n\n      outline: none;\n\n      background-image: radial-gradient(\n    circle at center,\n    rgb(0 0 0 / 10%) 0,\n    rgb(0 0 0 / 20%) 2px,\n    rgb(255 255 255 / 0%) 2px,\n    rgb(255 255 255 / 0%) 100%\n  );\n\n      background-repeat: repeat-y;\n\n      background-position: left center;\n\n      background-size: 14px 8px\n    }\n\n    & qti-gap {\n\n      &[disabled] {\n\n        &:not(:empty) {\n          cursor: default !important;\n        }\n\n        cursor: not-allowed;\n\n        background-color: var(--qti-disabled-bg);\n\n        color: var(--qti-disabled-color);\n\n        border-color: var(--qti-border-color);\n\n        outline: 4px solid var(--qti-disabled-bg)\n      }\n\n      &[enabled] {\n\n        /* Light theme override */\n        .qti-selections-light {\n          border-color: var(--qti-light-border-active);\n        }\n\n        /* Dark theme override */\n        .qti-selections-dark {\n          border-color: var(--qti-dark-border-active);\n        }\n        background-color: var(--qti-bg-active)\n      }\n\n      &[active] {\n\n        /* Light theme override */\n        .qti-selections-light {\n          background-color: var(--qti-light-bg-active);\n          border-color: var(--qti-light-border-active);\n        }\n\n        /* Dark theme override */\n        .qti-selections-dark {\n          background-color: var(--qti-dark-bg-active);\n          border-color: var(--qti-dark-border-active);\n        }\n        border-color: var(--qti-border-active);\n        background-color: var(--qti-bg-active)\n      }\n\n      display: inline-flex;\n      align-items: center;\n\n      &:empty::after {\n        padding: var(--qti-padding-md) var(--qti-padding-lg); /* Padding shorthand */\n        content: '\\0000a0'; /* when empty, put a space in it */\n      }\n\n      &:not(:empty) {\n        display: inline-flex;\n        padding: 0;\n        width: auto;\n      }\n\n      &:not(:empty) > * {\n        flex: 1;\n        transform: rotate(0); /* rotate-0 */\n        box-shadow: 0 0 0 1px #e5e7eb; /* ring-gray-200 */\n      }\n\n      background: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"7\" stroke=\"%23CCCCCC\" stroke-width=\"1\" fill=\"transparent\" /></svg>')\n    center no-repeat;\n\n      border-radius: var(--qti-border-radius);\n\n      position: relative;\n\n      background-color: var(--qti-bg);\n\n      border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n\n      outline: none\n    }\n  }\n\n  qti-hotspot-interaction {\n    & qti-hotspot-choice {\n      &[shape='circle'] {\n\n        &:hover {\n          background-color: var(--qti-hover-bg);\n        }\n\n        &:focus {\n          box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n        }\n\n        &:state(--checked),\n        &[aria-checked='true'] {\n          border-color: var(--qti-border-active);\n        }\n\n        &:state(--readonly),\n        &[aria-readonly='true'] {\n          cursor: pointer;\n          background-color: var(--qti-bg);\n          outline: 0;\n          border: none;\n        }\n\n        &:state(--disabled),\n        &[aria-disabled='true'] {\n          cursor: not-allowed;\n          background-color: var(--qti-disabled-bg);\n          color: var(--qti-disabled-color);\n          border-color: var(--qti-border-color);\n          outline: 4px solid var(--qti-disabled-bg);\n        }\n\n        width: 100%;\n\n        height: 100%;\n\n        background-color: transparent;\n\n        padding: 0;\n\n        border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n\n        outline: none\n      }\n\n      &[shape='rect'] {\n\n        /* &:hover {\n          @apply hov;\n        } */\n\n        &:focus {\n          box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n        }\n\n        &:state(--checked),\n        &[aria-checked='true'] {\n          border-color: var(--qti-border-active);\n        }\n\n        &[aria-readonly='true'] {\n          cursor: pointer;\n          background-color: var(--qti-bg);\n          outline: 0;\n          border: none;\n        }\n\n        &[aria-disabled='true'] {\n          cursor: not-allowed;\n          background-color: var(--qti-disabled-bg);\n          color: var(--qti-disabled-color);\n          border-color: var(--qti-border-color);\n          outline: 4px solid var(--qti-disabled-bg);\n        }\n\n        width: 100%;\n\n        height: 100%;\n\n        background-color: transparent;\n\n        padding: 0;\n\n        border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n\n        outline: none\n      }\n\n      &[shape='poly'] {\n        &:hover::after {\n          content: '';\n          width: 100%;\n          height: 100%;\n          background: repeating-linear-gradient(\n            45deg,\n            var(--qti-border-active),\n            var(--qti-border-active) 5px,\n            transparent 5px,\n            transparent 10px\n          );\n          display: block;\n        }\n\n        &:state(--checked)::after,\n        &[aria-checked='true']::after {\n          content: '';\n          width: 100%;\n          height: 100%;\n          background: repeating-linear-gradient(\n            45deg,\n            transparent,\n            transparent 5px,\n            var(--qti-border-active) 5px,\n            var(--qti-border-active) 10px\n          );\n          display: block;\n        }\n\n        &[aria-readonly='true'] {\n          cursor: pointer;\n          background-color: var(--qti-bg);\n          outline: 0;\n          border: none;\n        }\n\n        &[aria-disabled='true'] {\n          cursor: not-allowed;\n          background-color: var(--qti-disabled-bg);\n          color: var(--qti-disabled-color);\n          border-color: var(--qti-border-color);\n          outline: 4px solid var(--qti-disabled-bg);\n        }\n      }\n    }\n  }\n\n  qti-hottext-interaction {\n    /* &:not(.qti-input-control-hidden),\n    &:not(.qti-unselected-hidden) { */\n    qti-hottext {\n      display: inline-flex;\n      align-items: center;\n\n      &:hover {\n        background-color: var(--qti-hover-bg);\n      }\n\n      &:focus {\n        box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n      }\n\n      &::part(cha) {\n        width: calc(var(--qti-form-size) - 6px);\n        height: calc(var(--qti-form-size) - 6px);\n      }\n\n      &:state(radio)::part(ch) {\n        border-radius: 100%;\n        display: grid;\n        place-content: center;\n        width: var(--qti-form-size);\n        height: var(--qti-form-size);\n        border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n        outline: none;\n      }\n\n      &:state(radio):state(--checked)::part(cha) {\n        background-color: var(--qti-border-active);\n        border-radius: 100%;\n      }\n\n      &:state(checkbox)::part(ch) {\n        display: flex;\n        place-items: center;\n        border-radius: var(--qti-border-radius);\n        display: grid;\n        place-content: center;\n        width: var(--qti-form-size);\n        height: var(--qti-form-size);\n        border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n        outline: none;\n      }\n\n      &:state(checkbox):state(--checked)::part(cha) {\n        background-color: var(--qti-border-active);\n        -webkit-mask: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' width='100%' height='100%' viewBox='0 0 24 24'%3E%3Cpath d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z'/%3E%3C/svg%3E\");\n                mask: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' width='100%' height='100%' viewBox='0 0 24 24'%3E%3Cpath d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z'/%3E%3C/svg%3E\");\n      }\n\n      gap: 0.5rem;\n\n      border-radius: var(--qti-border-radius);\n\n      padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);\n\n      outline: none;\n\n      cursor: pointer\n    }\n\n    /* } */\n\n    &.qti-input-control-hidden {\n      qti-hottext {\n        /* --qti-padding-md: 0.1rem;\n        --qti-padding-lg: 0.2rem;\n        --qti-border-radius-md: 0.3rem;\n        --qti-border-thickness: 1px;\n        --qti-font-weight-semibold: 400; */\n\n        &:hover {\n          background-color: var(--qti-hover-bg);\n        }\n\n        &:focus {\n          box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n        }\n\n        /* @layer qti-variants { */\n        &::part(ch) {\n          display: none;\n        }\n\n        &:state(--checked) {\n          border-color: var(--qti-border-active);\n          background-color: var(--qti-bg-active);\n        }\n\n        &[aria-readonly='true'] {\n          cursor: pointer;\n          background-color: var(--qti-bg);\n          outline: 0;\n          border: none;\n        }\n\n        &[aria-disabled='true'] {\n          cursor: not-allowed;\n          background-color: var(--qti-disabled-bg);\n          color: var(--qti-disabled-color);\n          border-color: var(--qti-border-color);\n          outline: 4px solid var(--qti-disabled-bg);\n        }\n\n        border-radius: var(--qti-border-radius);\n\n        padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);\n\n        border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n\n        outline: none\n      }\n\n      /* } */\n    }\n\n    &.qti-unselected-hidden {\n      qti-hottext {\n        &:hover {\n          background-color: var(--qti-hover-bg);\n        }\n\n        &:focus {\n          box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n        }\n\n        cursor: pointer;\n\n        &::part(ch) {\n          display: none;\n        }\n\n        &:state(--checked) {\n          background-color: var(--qti-bg-active);\n        }\n\n        &[aria-readonly='true'] {\n          cursor: pointer;\n          background-color: var(--qti-bg);\n          outline: 0;\n          border: none;\n        }\n\n        &[aria-disabled='true'] {\n          cursor: not-allowed;\n          background-color: var(--qti-disabled-bg);\n          color: var(--qti-disabled-color);\n          border-color: var(--qti-border-color);\n          outline: 4px solid var(--qti-disabled-bg);\n        }\n      }\n    }\n  }\n\n  qti-inline-choice-interaction {\n    &::part(select) {\n\n      &:hover {\n        background-color: var(--qti-hover-bg);\n      }\n\n      &:focus {\n        box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n      }\n\n      border-radius: var(--qti-border-radius);\n\n      position: relative;\n\n      -webkit-appearance: none;\n\n         -moz-appearance: none;\n\n              appearance: none;\n\n      padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);\n\n      padding-right: calc(var(--qti-padding-horizontal) + 1.5rem);\n\n      border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n\n      outline: none;\n\n      background: url(\"data:image/svg+xml,%3Csvg fill='currentColor' width='22' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'%3E%3Cpath clip-rule='evenodd' fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z'%3E%3C/path%3E%3C/svg%3E\")\n    no-repeat center right 6px\n    }\n  }\n\n  qti-match-interaction:not(.qti-match-tabular) {\n    &:state(--dragzone-enabled) qti-simple-match-set:first-of-type {\n      background-color: var(--qti-bg-active);\n    }\n\n    &:state(--dragzone-active) qti-simple-match-set:first-of-type {\n      border-color: var(--qti-border-active);\n      background-color: var(--qti-bg-active);\n    }\n\n    /* The draggables */\n    & qti-simple-match-set:first-of-type {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: flex-start; /* Prevents children from stretching */\n      gap: var(--qti-gap-size);\n      border: 2px solid transparent;\n\n      & qti-simple-associable-choice {\n\n        &[dragging] {\n          pointer-events: none;\n          rotate: -2deg;\n          box-shadow: 0 8px 12px rgb(0 0 0 / 20%),\n    0 4px 8px rgb(0 0 0 / 10%);\n        }\n\n        &:hover {\n          background-color: var(--qti-hover-bg);\n        }\n\n        &:focus {\n          box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n        }\n\n        transition: transform 200ms ease-out,\n    box-shadow 200ms ease-out,\n    rotate 200ms ease-out;\n\n        cursor: grab;\n\n        background-color: var(--qti-bg);\n\n        padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);\n\n        border-radius: var(--qti-border-radius);\n\n        padding-left: calc(var(--qti-padding-horizontal) + 0.5rem);\n\n        border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n\n        outline: none;\n\n        background-image: radial-gradient(\n    circle at center,\n    rgb(0 0 0 / 10%) 0,\n    rgb(0 0 0 / 20%) 2px,\n    rgb(255 255 255 / 0%) 2px,\n    rgb(255 255 255 / 0%) 100%\n  );\n\n        background-repeat: repeat-y;\n\n        background-position: left center;\n\n        background-size: 14px 8px\n      }\n    }\n\n    /* The droppables */\n    & qti-simple-match-set:last-of-type {\n      display: grid;\n      grid-auto-columns: 1fr; /* auto-cols-fr */\n      grid-auto-flow: column; /* grid-flow-col */\n      gap: var(--qti-gap-size); /* gap-2 */\n      width: 100%; /* w-full */\n\n      & qti-simple-associable-choice {\n        display: flex;\n        flex-direction: column;\n      }\n\n      & > qti-simple-associable-choice {\n        /* a droppable qti-simple-associable-choice */\n        box-sizing: border-box;\n        display: grid;\n        grid-row: 2 / 4;\n        grid-template-rows: subgrid;\n\n        & img {\n          max-width: 100%;\n          height: auto;\n        }\n\n        &[enabled] {\n          &::part(dropslot) {\n            background-color: var(--qti-bg-active);\n          }\n        }\n\n        &[disabled] {\n          &::part(dropslot) {\n            cursor: not-allowed;\n            background-color: var(--qti-disabled-bg);\n            color: var(--qti-disabled-color);\n            border-color: var(--qti-border-color);\n            outline: 4px solid var(--qti-disabled-bg);\n          }\n        }\n\n        &[active] {\n          &::part(dropslot) {\n            border-color: var(--qti-border-active);\n            background-color: var(--qti-bg-active);\n          }\n        }\n\n        &::part(dropslot) {\n\n          &[dragging] {\n            pointer-events: none;\n            rotate: -2deg;\n            box-shadow: 0 8px 12px rgb(0 0 0 / 20%),\n    0 4px 8px rgb(0 0 0 / 10%);\n          }\n\n          &:focus {\n            box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n          }\n\n          min-height: 6rem;\n          gap: var(--qti-gap-size);\n          box-sizing: border-box;\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          background: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"7\" stroke=\"%23CCCCCC\" stroke-width=\"1\" fill=\"transparent\" /></svg>')\n    center no-repeat;\n          border-radius: var(--qti-border-radius);\n          position: relative;\n          background-color: var(--qti-bg);\n          border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n          outline: none;\n        }\n\n        & > *:not(qti-simple-associable-choice) {\n          pointer-events: none;\n        }\n\n        & > qti-simple-associable-choice {\n\n          &::part(dropslot) {\n            display: none;\n          }\n\n          &:hover {\n            background-color: var(--qti-hover-bg);\n          }\n\n          &:focus {\n            box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n          }\n\n          flex-basis: fit-content;\n\n          transition: transform 200ms ease-out,\n    box-shadow 200ms ease-out,\n    rotate 200ms ease-out;\n\n          cursor: grab;\n\n          background-color: var(--qti-bg);\n\n          padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);\n\n          border-radius: var(--qti-border-radius);\n\n          padding-left: calc(var(--qti-padding-horizontal) + 0.5rem);\n\n          border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n\n          outline: none;\n\n          background-image: radial-gradient(\n    circle at center,\n    rgb(0 0 0 / 10%) 0,\n    rgb(0 0 0 / 20%) 2px,\n    rgb(255 255 255 / 0%) 2px,\n    rgb(255 255 255 / 0%) 100%\n  );\n\n          background-repeat: repeat-y;\n\n          background-position: left center;\n\n          background-size: 14px 8px;\n        }\n      }\n    }\n  }\n\n  qti-order-interaction:state(--dragzone-active)::part(drags) {\n    border-color: var(--qti-border-active);\n    background-color: var(--qti-bg-active);\n  }\n\n  qti-order-interaction:state(--dragzone-enabled)::part(drags) {\n    background-color: var(--qti-bg-active);\n  }\n\n  qti-order-interaction {\n    &::part(qti-simple-choice),\n    & qti-simple-choice {\n\n      &[dragging] {\n        pointer-events: none;\n        rotate: -2deg;\n        box-shadow: 0 8px 12px rgb(0 0 0 / 20%),\n    0 4px 8px rgb(0 0 0 / 10%);\n      }\n\n      &:hover {\n        background-color: var(--qti-hover-bg);\n      }\n\n      &:focus {\n        box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n      }\n\n      transition: transform 200ms ease-out,\n    box-shadow 200ms ease-out,\n    rotate 200ms ease-out;\n\n      cursor: grab;\n\n      background-color: var(--qti-bg);\n\n      padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);\n\n      border-radius: var(--qti-border-radius);\n\n      padding-left: calc(var(--qti-padding-horizontal) + 0.5rem);\n\n      border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n\n      outline: none;\n\n      background-image: radial-gradient(\n    circle at center,\n    rgb(0 0 0 / 10%) 0,\n    rgb(0 0 0 / 20%) 2px,\n    rgb(255 255 255 / 0%) 2px,\n    rgb(255 255 255 / 0%) 100%\n  );\n\n      background-repeat: repeat-y;\n\n      background-position: left center;\n\n      background-size: 14px 8px\n    }\n\n    &::part(qti-simple-choice) {\n      display: flex;\n      overflow: hidden;\n      align-items: center;\n      width: 100%;\n      text-overflow: ellipsis;\n    }\n\n    &::part(drops) {\n      gap: 0.5rem; /* gap-2 */\n    }\n\n    &::part(drags) {\n      gap: 0.5rem; /* gap-2 */\n    }\n\n    &::part(drop-list) {\n\n      &[enabled] {\n\n        /* Light theme override */\n        .qti-selections-light {\n          border-color: var(--qti-light-border-active);\n        }\n\n        /* Dark theme override */\n        .qti-selections-dark {\n          border-color: var(--qti-dark-border-active);\n        }\n        background-color: var(--qti-bg-active)\n      }\n\n      &:hover {\n        background-color: var(--qti-hover-bg);\n      }\n\n      &:focus {\n        box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n      }\n\n      display: flex;\n      min-height: 4rem;\n      background: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"7\" stroke=\"%23CCCCCC\" stroke-width=\"1\" fill=\"transparent\" /></svg>')\n    center no-repeat;\n      border-radius: var(--qti-border-radius);\n      position: relative;\n      background-color: var(--qti-bg);\n      border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n      outline: none;\n    }\n\n    &::part(active) {\n      border-color: var(--qti-border-active);\n      background-color: var(--qti-bg-active);\n    }\n\n    & drop-list {\n      &[shape='circle'] {\n\n        &:hover {\n          background-color: var(--qti-hover-bg);\n        }\n\n        &:focus {\n          box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n        }\n\n        &[aria-checked='true'] {\n          border-color: var(--qti-border-active);\n          background-color: var(--qti-bg-active);\n        }\n\n        &[aria-readonly='true'] {\n          cursor: pointer;\n          background-color: var(--qti-bg);\n          outline: 0;\n          border: none;\n        }\n\n        &[aria-disabled='true'] {\n          cursor: not-allowed;\n          background-color: var(--qti-disabled-bg);\n          color: var(--qti-disabled-color);\n          border-color: var(--qti-border-color);\n          outline: 4px solid var(--qti-disabled-bg);\n        }\n\n        width: 100%;\n\n        height: 100%;\n\n        background-color: transparent;\n\n        padding: 0;\n\n        border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n\n        outline: none\n      }\n\n      &[shape='square'] {\n\n        &:hover {\n          background-color: var(--qti-hover-bg);\n        }\n\n        &:focus {\n          box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n        }\n\n        &[aria-checked='true'] {\n          border-color: var(--qti-border-active);\n          background-color: var(--qti-bg-active);\n        }\n\n        &[aria-readonly='true'] {\n          cursor: pointer;\n          background-color: var(--qti-bg);\n          outline: 0;\n          border: none;\n        }\n\n        &[aria-disabled='true'] {\n          cursor: not-allowed;\n          background-color: var(--qti-disabled-bg);\n          color: var(--qti-disabled-color);\n          border-color: var(--qti-border-color);\n          outline: 4px solid var(--qti-disabled-bg);\n        }\n\n        width: 100%;\n\n        height: 100%;\n\n        background-color: transparent;\n\n        padding: 0;\n\n        border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n\n        outline: none\n      }\n    }\n  }\n\n  qti-associate-interaction {\n    /* General styles for active and enabled states */\n    &:state(--dragzone-active) slot[name='qti-simple-associable-choice'] {\n      border-color: var(--qti-border-active);\n      background-color: var(--qti-bg-active);\n    }\n\n    &:state(--dragzone-enabled) slot[name='qti-simple-associable-choice'] {\n      background-color: var(--qti-bg-active);\n    }\n\n    & qti-simple-associable-choice, /* drags when in lightdom */\n    &::part(qti-simple-associable-choice) /* drags when in shadowdom */ {\n\n      &:hover {\n        background-color: var(--qti-hover-bg);\n      }\n\n      &:focus {\n        box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n      }\n\n      &[dragging] {\n        pointer-events: none;\n        rotate: -2deg;\n        box-shadow: 0 8px 12px rgb(0 0 0 / 20%),\n    0 4px 8px rgb(0 0 0 / 10%);\n      }\n\n      transition: transform 200ms ease-out,\n    box-shadow 200ms ease-out,\n    rotate 200ms ease-out;\n\n      cursor: grab;\n\n      background-color: var(--qti-bg);\n\n      padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);\n\n      border-radius: var(--qti-border-radius);\n\n      padding-left: calc(var(--qti-padding-horizontal) + 0.5rem);\n\n      border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n\n      outline: none;\n\n      background-image: radial-gradient(\n    circle at center,\n    rgb(0 0 0 / 10%) 0,\n    rgb(0 0 0 / 20%) 2px,\n    rgb(255 255 255 / 0%) 2px,\n    rgb(255 255 255 / 0%) 100%\n  );\n\n      background-repeat: repeat-y;\n\n      background-position: left center;\n\n      background-size: 14px 8px\n    }\n\n    /* display: flex;\n    overflow: hidden;\n    align-items: center; */\n\n    /* &::part(drop-container) {\n      display: flex;\n      flex-direction: column;\n      gap: var(--qti-gap-size);\n    } */\n\n    &::part(drop-list) {\n\n      display: grid;\n      height: 3rem;\n      min-width: 10rem;\n      background: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"7\" stroke=\"%23CCCCCC\" stroke-width=\"1\" fill=\"transparent\" /></svg>')\n    center no-repeat;\n      border-radius: var(--qti-border-radius);\n      position: relative;\n      background-color: var(--qti-bg);\n      border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n      outline: none;\n    }\n\n    &::part(drop-list):focus {\n      box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n    }\n\n    &::part(drop-list)[dragging] {\n      border-color: var(--qti-border-active);\n      background-color: var(--qti-bg-active);\n    }\n\n    /* &::part(drop-list) {\n      @apply act;\n    } */\n  }\n\n  qti-graphic-order-interaction {\n    & qti-hotspot-choice {\n\n      &:hover {\n        background-color: var(--qti-hover-bg);\n      }\n\n      &:focus {\n        box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n      }\n\n      &:state(--checked),\n      &[aria-checked='true'] {\n        border-color: var(--qti-border-active);\n        background-color: var(--qti-bg-active);\n      }\n\n      &[aria-readonly='true'] {\n        cursor: pointer;\n        background-color: var(--qti-bg);\n        outline: 0;\n        border: none;\n      }\n\n      &[aria-disabled='true'] {\n        cursor: not-allowed;\n        background-color: var(--qti-disabled-bg);\n        color: var(--qti-disabled-color);\n        border-color: var(--qti-border-color);\n        outline: 4px solid var(--qti-disabled-bg);\n      }\n\n      &[aria-ordervalue] {\n        display: grid;\n        place-content: center;\n      }\n\n      &[aria-ordervalue]::after {\n        content: attr(aria-ordervalue) !important;\n      }\n\n      width: 100%;\n\n      height: 100%;\n\n      background-color: transparent;\n\n      padding: 0;\n\n      border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n\n      outline: none\n    }\n\n    &.qti-selections-light {\n      &:state(--dragzone-active)::part(drags) {\n        background-color: var(--qti-light-bg-active);\n        border-color: var(--qti-light-border-active);\n      }\n\n      &:state(--dragzone-enabled)::part(drags) {\n        background-color: var(--qti-light-bg-active);\n      }\n    }\n\n    &.qti-selections-dark {\n      &:state(--dragzone-active)::part(drags) {\n        background-color: var(--qti-dark-bg-active);\n        border-color: var(--qti-dark-border-active);\n      }\n\n      &:state(--dragzone-enabled)::part(drags) {\n        background-color: var(--qti-dark-bg-active);\n      }\n    }\n\n    /* General styles for active and enabled states */\n    &:state(--dragzone-active)::part(drags) {\n      border-color: var(--qti-border-active);\n      background-color: var(--qti-bg-active);\n    }\n\n    &:state(--dragzone-enabled)::part(drags) {\n      background-color: var(--qti-bg-active);\n    }\n  }\n\n  qti-graphic-associate-interaction {\n    position: relative;\n    display: block;\n\n    & qti-associable-hotspot {\n      &[shape='circle'] {\n\n        &:hover {\n          background-color: var(--qti-hover-bg);\n        }\n\n        &:focus {\n          box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n        }\n\n        &[aria-checked='true'] {\n          border-color: var(--qti-border-active);\n          background-color: var(--qti-bg-active);\n        }\n\n        &[aria-readonly='true'] {\n          cursor: pointer;\n          background-color: var(--qti-bg);\n          outline: 0;\n          border: none;\n        }\n\n        &[aria-disabled='true'] {\n          cursor: not-allowed;\n          background-color: var(--qti-disabled-bg);\n          color: var(--qti-disabled-color);\n          border-color: var(--qti-border-color);\n          outline: 4px solid var(--qti-disabled-bg);\n        }\n\n        width: 100%;\n\n        height: 100%;\n\n        background-color: transparent;\n\n        padding: 0;\n\n        border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n\n        outline: none\n      }\n\n      &[shape='square'] {\n\n        &:hover {\n          background-color: var(--qti-hover-bg);\n        }\n\n        &:focus {\n          box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n        }\n\n        &[aria-checked='true'] {\n          border-color: var(--qti-border-active);\n          background-color: var(--qti-bg-active);\n        }\n\n        &[aria-readonly='true'] {\n          cursor: pointer;\n          background-color: var(--qti-bg);\n          outline: 0;\n          border: none;\n        }\n\n        &[aria-disabled='true'] {\n          cursor: not-allowed;\n          background-color: var(--qti-disabled-bg);\n          color: var(--qti-disabled-color);\n          border-color: var(--qti-border-color);\n          outline: 4px solid var(--qti-disabled-bg);\n        }\n\n        width: 100%;\n\n        height: 100%;\n\n        background-color: transparent;\n\n        padding: 0;\n\n        border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n\n        outline: none\n      }\n    }\n\n    &.qti-selections-light {\n      &:state(--dragzone-active)::part(drags) {\n        background-color: var(--qti-light-bg-active);\n        border-color: var(--qti-light-border-active);\n      }\n\n      &:state(--dragzone-enabled)::part(drags) {\n        background-color: var(--qti-light-bg-active);\n      }\n    }\n\n    &.qti-selections-dark {\n      &:state(--dragzone-active)::part(drags) {\n        background-color: var(--qti-dark-bg-active);\n        border-color: var(--qti-dark-border-active);\n      }\n\n      &:state(--dragzone-enabled)::part(drags) {\n        background-color: var(--qti-dark-bg-active);\n      }\n    }\n\n    /* General styles for active and enabled states */\n    &:state(--dragzone-active)::part(drags) {\n      border-color: var(--qti-border-active);\n      background-color: var(--qti-bg-active);\n    }\n\n    &:state(--dragzone-enabled)::part(drags) {\n      background-color: var(--qti-bg-active);\n    }\n  }\n\n  qti-slider-interaction {\n    --qti-tick-color: rgb(229 231 235 / 100%);\n    --qti-tick-width: 1px;\n  }\n\n  qti-select-point-interaction {\n    &::part(point) {\n      &:hover {\n        background-color: var(--qti-hover-bg);\n      }\n\n      &:focus {\n        box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n      }\n\n      border-radius: 100%;\n\n      width: var(--qti-point-size);\n\n      height: var(--qti-point-size);\n\n      background-color: transparent;\n\n      padding: 0;\n\n      border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n\n      outline: none;\n    }\n  }\n\n  qti-position-object-stage {\n    & qti-position-object-interaction {\n      /* no styles necessary, only layout styles, defined in the component */\n    }\n  }\n\n  qti-prompt {\n    margin: 0.5rem 0; /* my-2 */\n    display: block;\n    width: 100%;\n  }\n}\n"],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;","names":[]}
+{"version":3,"sources":["inline:../../../../item.css?inline"],"sourcesContent":["@layer qti-base, qti-components, qti-utilities, qti-variants, qti-extended;\n\n:root,\n:host {\n  /* Active colors */\n  --qti-bg-active: #ffecec;\n  --qti-border-active: #f86d70;\n\n  /* Gap size */\n  --qti-gap-size: 1rem;\n\n  /* Background colors */\n  --qti-bg: white;\n  --qti-hover-bg: #f9fafb;\n\n  /* Light theme colors */\n  --qti-light-bg-active: #f0f0f0; /* Light gray */\n  --qti-light-border-active: #d0d0d0; /* Medium gray */\n\n  /* Dark theme colors */\n  --qti-dark-bg-active: #1f2937; /* Dark gray */\n  --qti-dark-border-active: #64748b; /* Medium gray */\n\n  /* Disabled colors */\n  --qti-disabled-bg: #f3f4f6;\n  --qti-disabled-color: #45484f;\n\n  /* Border properties */\n  --qti-border-thickness: 2px;\n  --qti-border-style: solid;\n  --qti-border-color: #c6cad0;\n  --qti-border-radius: 0.3rem;\n  --qti-drop-border-radius: calc(var(--qti-border-radius) + var(--qti-border-thickness));\n\n  /* Focus & active states */\n  --qti-focus-border-width: 5px;\n  --qti-focus-color: #bddcff7e;\n\n  /* Class-specific variables */\n\n  /* Form elements */\n  --qti-form-size: 1rem;\n\n  /* Point elements */\n  --qti-point-size: 2rem;\n\n  /* Order buttons */\n  --qti-order-size: 2rem;\n\n  /* Generic padding for all elements */\n  --qti-padding-vertical: 0.5rem; /* py-2 */\n  --qti-padding-horizontal: 0.5rem; /* px-2 */\n}\n\n/* SVG masks and backgrounds */\n\n.chevron {\n  background: url(\"data:image/svg+xml,%3Csvg fill='currentColor' width='22' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'%3E%3Cpath clip-rule='evenodd' fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z'%3E%3C/path%3E%3C/svg%3E\")\n    no-repeat center right 6px;\n}\n\n.handle {\n  background-image: radial-gradient(\n    circle at center,\n    rgb(0 0 0 / 10%) 0,\n    rgb(0 0 0 / 20%) 2px,\n    rgb(255 255 255 / 0%) 2px,\n    rgb(255 255 255 / 0%) 100%\n  );\n  background-repeat: repeat-y;\n  background-position: left center;\n  background-size: 14px 8px;\n}\n\n.check-mask {\n  -webkit-mask: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' width='100%' height='100%' viewBox='0 0 24 24'%3E%3Cpath d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z'/%3E%3C/svg%3E\");\n          mask: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' width='100%' height='100%' viewBox='0 0 24 24'%3E%3Cpath d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z'/%3E%3C/svg%3E\");\n}\n\n/* \n  Following are classes that can be applied to elements and element states, so they are not used directly \n  The @apply directive is used to apply these classes to elements\n*/\n\n/* Apply .bordered to an element */\n\n.bordered {\n  border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n  outline: none;\n}\n\n/* Apply .form rules for checkbox and radiobutton */\n\n.form {\n\n  display: grid;\n  place-content: center;\n  width: var(--qti-form-size);\n  height: var(--qti-form-size);\n  border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n  outline: none;\n}\n\n/* Apply .button rules for button-like elements, such as drags and buttons */\n\n.button {\n\n  border-radius: var(--qti-border-radius);\n  padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);\n  border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n  outline: none;\n}\n\n/* Apply .select for the select dropdown element */\n\n.select {\n\n  border-radius: var(--qti-border-radius);\n  position: relative;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);\n  padding-right: calc(var(--qti-padding-horizontal) + 1.5rem); /* 1.5rem for the chevron */ border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color); outline: none; background: url(\"data:image/svg+xml,%3Csvg fill='currentColor' width='22' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'%3E%3Cpath clip-rule='evenodd' fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z'%3E%3C/path%3E%3C/svg%3E\")\n    no-repeat center right 6px;\n}\n\n/* Apply .text for the input text and textarea */\n\n.text {\n\n  border-radius: 0;\n  cursor: text;\n  padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);\n  background: unset;\n  border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n  outline: none;\n}\n\n/* Apply .spot for hotspot shapes */\n\n.spot {\n\n  width: 100%;\n  height: 100%;\n  background-color: transparent;\n  padding: 0;\n  border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n  outline: none;\n}\n\n/* Apply .point for circular small hotspots */\n\n.point {\n\n  border-radius: 100%;\n  width: var(--qti-point-size);\n  height: var(--qti-point-size);\n  background-color: transparent;\n  padding: 0;\n  border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n  outline: none;\n}\n\n/* Apply .drag for draggable elements */\n\n.drag {\n\n  transition:\n    transform 200ms ease-out,\n    box-shadow 200ms ease-out,\n    rotate 200ms ease-out;\n  cursor: grab;\n  background-color: var(--qti-bg);\n  padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);\n  border-radius: var(--qti-border-radius);\n  padding-left: calc(var(--qti-padding-horizontal) + 0.5rem) !important; /* 1.5rem for the drag */ border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color); outline: none; background-image: radial-gradient(\n    circle at center,\n    rgb(0 0 0 / 10%) 0,\n    rgb(0 0 0 / 20%) 2px,\n    rgb(255 255 255 / 0%) 2px,\n    rgb(255 255 255 / 0%) 100%\n  ); background-repeat: repeat-y; background-position: left center; background-size: 14px 8px;\n}\n\n/* Apply .dragging for the dragging state of a draggable element */\n\n.dragging {\n  pointer-events: none;\n  rotate: -2deg;\n  box-shadow:\n    0 8px 12px rgb(0 0 0 / 20%),\n    0 4px 8px rgb(0 0 0 / 10%);\n}\n\n/* Apply .drop for an element where you can drop the draggable */\n\n.drop {\n\n  background: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"7\" stroke=\"%23CCCCCC\" stroke-width=\"1\" fill=\"transparent\" /></svg>')\n    center no-repeat;\n  border-radius: var(--qti-border-radius);\n  position: relative;\n  background-color: var(--qti-bg);\n  border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n  outline: none;\n}\n\n/* Apply .dropping for an indicator where you can drop the draggable */\n\n.dropping {\n  background-color: var(--qti-bg-active);\n}\n\n/* Apply .order for a small circular button */\n\n.order {\n\n  display: grid;\n  place-content: center;\n\n  /* background-color: var(--qti-bg-active); */\n  border-radius: 100%;\n  width: var(--qti-order-size);\n  height: var(--qti-order-size);\n  border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n  outline: none;\n}\n\n/* Apply .check-size for radio and checkbox size */\n\n.check-size {\n  width: calc(var(--qti-form-size) - 6px);\n  height: calc(var(--qti-form-size) - 6px);\n}\n\n/* Apply .check for checkbox */\n\n.check {\n  gap: 0.5rem;\n  border-radius: var(--qti-border-radius);\n  padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);\n  outline: none;\n  cursor: pointer;\n}\n\n/* Apply .check-radio for outer circle of the radio buttons */\n\n.check-radio {\n\n  border-radius: 100%;\n\n  display: grid;\n\n  place-content: center;\n\n  width: var(--qti-form-size);\n\n  height: var(--qti-form-size);\n\n  border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n\n  outline: none;\n}\n\n/* Apply .check-radio-checked for the inner checked radio */\n\n.check-radio-checked {\n  background-color: var(--qti-border-active);\n  border-radius: 100%;\n}\n\n/* Apply .check-checkbox for outer square of the checkbox */\n\n.check-checkbox {\n\n  display: flex;\n  place-items: center;\n  border-radius: var(--qti-border-radius);\n  display: grid;\n  place-content: center;\n  width: var(--qti-form-size);\n  height: var(--qti-form-size);\n  border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n  outline: none;\n}\n\n/* Apply .check-checkbox-checked for the inner checkmark */\n\n.check-checkbox-checked {\n  background-color: var(--qti-border-active);\n  -webkit-mask: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' width='100%' height='100%' viewBox='0 0 24 24'%3E%3Cpath d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z'/%3E%3C/svg%3E\");\n          mask: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' width='100%' height='100%' viewBox='0 0 24 24'%3E%3Cpath d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z'/%3E%3C/svg%3E\");\n}\n\n/* Apply .hov for hover state */\n\n.hov {\n  background-color: var(--qti-hover-bg);\n}\n\n/* Apply .foc for focus state */\n\n.foc {\n  box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n}\n\n/* Apply .act for active state */\n\n.act {\n  border-color: var(--qti-border-active);\n  background-color: var(--qti-bg-active);\n}\n\n.act-bg {\n  background-color: var(--qti-bg-active);\n}\n\n.act-bor {\n  border-color: var(--qti-border-active);\n}\n\n/* Apply .rdo for readonly state */\n\n.rdo {\n  cursor: pointer;\n  background-color: var(--qti-bg);\n  outline: 0;\n  border: none;\n}\n\n/* Apply .dis for disabled state */\n\n.dis {\n  cursor: not-allowed;\n  background-color: var(--qti-disabled-bg);\n  color: var(--qti-disabled-color);\n  border-color: var(--qti-border-color);\n  outline: 4px solid var(--qti-disabled-bg);\n}\n\n/* base */\n\n/* ============================\n   QTI 3 shared css\n   1.  Display\n   2.  Special Flex styles\n   3.  Margin\n   4.  Padding\n   5.  Horizontal Alignment styles\n   6.  Vertical Alignment styles\n   7.  Height\n   8.  Width\n   9.  Text-Indent\n   10. List Style\n   11. Layout\n   12. Other QTI 3 presentation utilities\n   ============================ */\n\n/* ==========\n  Display css\n  =========== */\n\n.qti-display-inline {\n  display: inline;\n}\n\n.qti-display-inline-block {\n  display: inline-block;\n}\n\n.qti-display-block {\n  display: block;\n}\n\n.qti-display-flex {\n  display: flexbox;\n  display: flex;\n}\n\n.qti-display-inline-flex {\n  display: inline-flex;\n}\n\n.qti-display-grid {\n  display: grid;\n}\n\n.qti-display-inline-grid {\n  display: inline-grid;\n}\n\n.qti-display-table {\n  display: table;\n}\n\n.qti-display-table-cell {\n  display: table-cell;\n}\n\n.qti-display-table-row {\n  display: table-row;\n}\n\n.qti-display-list-item {\n  display: list-item;\n}\n\n.qti-display-inherit {\n  display: inherit;\n}\n\n/* \n   * hidden to screen readers and sighted\n   */\n\n.qti-hidden {\n  display: none;\n}\n\n/*\n  * visible to screen readers, hidden to sighted\n   */\n\n.qti-visually-hidden {\n  position: fixed !important;\n  overflow: hidden;\n  clip: rect(1px 1px 1px 1px);\n  height: 1px;\n  width: 1px;\n  border: 0;\n  margin: -1px;\n}\n\n/* =============================\n     Special flex styles\n     ============================= */\n\n.qti-flex-direction-column {\n  flex-direction: column;\n}\n\n.qti-flex-direction-row {\n  flex-direction: row;\n}\n\n.qti-flex-grow-1 {\n  flex-grow: 1;\n}\n\n.qti-flex-grow-0 {\n  flex-grow: 0;\n}\n\n/* =========\n    Margin css\n    ========== */\n\n/**\n   * For margin Top and Bottom and Left and Right\n   */\n\n.qti-margin-0 {\n  margin: 0 !important;\n}\n\n.qti-margin-1 {\n  margin: 0.25rem !important;\n}\n\n.qti-margin-2 {\n  margin: 0.5rem !important;\n}\n\n.qti-margin-3 {\n  margin: 1rem !important;\n}\n\n.qti-margin-4 {\n  margin: 1.5rem !important;\n}\n\n.qti-margin-5 {\n  margin: 3rem !important;\n}\n\n.qti-margin-auto {\n  margin: auto !important;\n}\n\n/*\n   For margin Left and Right\n   */\n\n.qti-margin-x-0 {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n\n.qti-margin-x-1 {\n  margin-right: 0.25rem !important;\n  margin-left: 0.25rem !important;\n}\n\n.qti-margin-x-2 {\n  margin-right: 0.5rem !important;\n  margin-left: 0.5rem !important;\n}\n\n.qti-margin-x-3 {\n  margin-right: 1rem !important;\n  margin-left: 1rem !important;\n}\n\n.qti-margin-x-4 {\n  margin-right: 1.5rem !important;\n  margin-left: 1.5rem !important;\n}\n\n.qti-margin-x-5 {\n  margin-right: 3rem !important;\n  margin-left: 3rem !important;\n}\n\n.qti-margin-x-auto {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n\n/*\n   For margin Top and Bottom\n   */\n\n.qti-margin-y-0 {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n\n.qti-margin-y-1 {\n  margin-top: 0.25rem !important;\n  margin-bottom: 0.25rem !important;\n}\n\n.qti-margin-y-2 {\n  margin-top: 0.5rem !important;\n  margin-bottom: 0.5rem !important;\n}\n\n.qti-margin-y-3 {\n  margin-top: 1rem !important;\n  margin-bottom: 1rem !important;\n}\n\n.qti-margin-y-4 {\n  margin-top: 1.5rem !important;\n  margin-bottom: 1.5rem !important;\n}\n\n.qti-margin-y-5 {\n  margin-top: 3rem !important;\n  margin-bottom: 3rem !important;\n}\n\n.qti-margin-y-auto {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n\n/*\n   For margin Top\n   */\n\n.qti-margin-t-0 {\n  margin-top: 0 !important;\n}\n\n.qti-margin-t-1 {\n  margin-top: 0.25rem !important;\n}\n\n.qti-margin-t-2 {\n  margin-top: 0.5rem !important;\n}\n\n.qti-margin-t-3 {\n  margin-top: 1rem !important;\n}\n\n.qti-margin-t-4 {\n  margin-top: 1.5rem !important;\n}\n\n.qti-margin-t-5 {\n  margin-top: 3rem !important;\n}\n\n.qti-margin-t-auto {\n  margin-top: auto !important;\n}\n\n/* \n  For margin Bottom\n   */\n\n.qti-margin-b-0 {\n  margin-bottom: 0 !important;\n}\n\n.qti-margin-b-1 {\n  margin-bottom: 0.25rem !important;\n}\n\n.qti-margin-b-2 {\n  margin-bottom: 0.5rem !important;\n}\n\n.qti-margin-b-3 {\n  margin-bottom: 1rem !important;\n}\n\n.qti-margin-b-4 {\n  margin-bottom: 1.5rem !important;\n}\n\n.qti-margin-b-5 {\n  margin-bottom: 3rem !important;\n}\n\n.qti-margin-b-auto {\n  margin-bottom: auto !important;\n}\n\n/*\n   For margin Start LTR\n   */\n\n.qti-margin-s-0 {\n  margin-left: 0 !important;\n}\n\n.qti-margin-s-1 {\n  margin-left: 0.25rem !important;\n}\n\n.qti-margin-s-2 {\n  margin-left: 0.5rem !important;\n}\n\n.qti-margin-s-3 {\n  margin-left: 1rem !important;\n}\n\n.qti-margin-s-4 {\n  margin-left: 1.5rem !important;\n}\n\n.qti-margin-s-5 {\n  margin-left: 3rem !important;\n}\n\n.qti-margin-s-auto {\n  margin-left: auto !important;\n}\n\n/* \n  For margin End LTR\n   */\n\n.qti-margin-e-0 {\n  margin-right: 0 !important;\n}\n\n.qti-margin-e-1 {\n  margin-right: 0.25rem !important;\n}\n\n.qti-margin-e-2 {\n  margin-right: 0.5rem !important;\n}\n\n.qti-margin-e-3 {\n  margin-right: 1rem !important;\n}\n\n.qti-margin-e-4 {\n  margin-right: 1.5rem !important;\n}\n\n.qti-margin-e-5 {\n  margin-right: 3rem !important;\n}\n\n.qti-margin-e-auto {\n  margin-right: auto !important;\n}\n\n/* =========\n    Padding css\n    ========== */\n\n/*\n  For padding Top and Bottom and Left and Right\n   */\n\n.qti-padding-0 {\n  padding: 0 !important;\n}\n\n.qti-padding-1 {\n  padding: 0.25rem !important;\n}\n\n.qti-padding-2 {\n  padding: 0.5rem !important;\n}\n\n.qti-padding-3 {\n  padding: 1rem !important;\n}\n\n.qti-padding-4 {\n  padding: 1.5rem !important;\n}\n\n.qti-padding-5 {\n  padding: 3rem !important;\n}\n\n/*\n   For padding Left and Right\n   */\n\n.qti-padding-x-0 {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n\n.qti-padding-x-1 {\n  padding-right: 0.25rem !important;\n  padding-left: 0.25rem !important;\n}\n\n.qti-padding-x-2 {\n  padding-right: 0.5rem !important;\n  padding-left: 0.5rem !important;\n}\n\n.qti-padding-x-3 {\n  padding-right: 1rem !important;\n  padding-left: 1rem !important;\n}\n\n.qti-padding-x-4 {\n  padding-right: 1.5rem !important;\n  padding-left: 1.5rem !important;\n}\n\n.qti-padding-x-5 {\n  padding-right: 3rem !important;\n  padding-left: 3rem !important;\n}\n\n/*\n    For padding Top and Bottom\n   */\n\n.qti-padding-y-0 {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n\n.qti-padding-y-1 {\n  padding-top: 0.25rem !important;\n  padding-bottom: 0.25rem !important;\n}\n\n.qti-padding-y-2 {\n  padding-top: 0.5rem !important;\n  padding-bottom: 0.5rem !important;\n}\n\n.qti-padding-y-3 {\n  padding-top: 1rem !important;\n  padding-bottom: 1rem !important;\n}\n\n.qti-padding-y-4 {\n  padding-top: 1.5rem !important;\n  padding-bottom: 1.5rem !important;\n}\n\n.qti-padding-y-5 {\n  padding-top: 3rem !important;\n  padding-bottom: 3rem !important;\n}\n\n/*\n   For padding Top\n   */\n\n.qti-padding-t-0 {\n  padding-top: 0 !important;\n}\n\n.qti-padding-t-1 {\n  padding-top: 0.25rem !important;\n}\n\n.qti-padding-t-2 {\n  padding-top: 0.5rem !important;\n}\n\n.qti-padding-t-3 {\n  padding-top: 1rem !important;\n}\n\n.qti-padding-t-4 {\n  padding-top: 1.5rem !important;\n}\n\n.qti-padding-t-5 {\n  padding-top: 3rem !important;\n}\n\n/*\n   For padding Bottom\n   */\n\n.qti-padding-b-0 {\n  padding-bottom: 0 !important;\n}\n\n.qti-padding-b-1 {\n  padding-bottom: 0.25rem !important;\n}\n\n.qti-padding-b-2 {\n  padding-bottom: 0.5rem !important;\n}\n\n.qti-padding-b-3 {\n  padding-bottom: 1rem !important;\n}\n\n.qti-padding-b-4 {\n  padding-bottom: 1.5rem !important;\n}\n\n.qti-padding-b-5 {\n  padding-bottom: 3rem !important;\n}\n\n/*\n    For padding Start LTR\n   */\n\n.qti-padding-s-0 {\n  padding-left: 0 !important;\n}\n\n.qti-padding-s-1 {\n  padding-left: 0.25rem !important;\n}\n\n.qti-padding-s-2 {\n  padding-left: 0.5rem !important;\n}\n\n.qti-padding-s-3 {\n  padding-left: 1rem !important;\n}\n\n.qti-padding-s-4 {\n  padding-left: 1.5rem !important;\n}\n\n.qti-padding-s-5 {\n  padding-left: 3rem !important;\n}\n\n/*\n   For padding End LTR\n   */\n\n.qti-padding-e-0 {\n  padding-right: 0 !important;\n}\n\n.qti-padding-e-1 {\n  padding-right: 0.25rem !important;\n}\n\n.qti-padding-e-2 {\n  padding-right: 0.5rem !important;\n}\n\n.qti-padding-e-3 {\n  padding-right: 1rem !important;\n}\n\n.qti-padding-e-4 {\n  padding-right: 1.5rem !important;\n}\n\n.qti-padding-e-5 {\n  padding-right: 3rem !important;\n}\n\n/* ====================\n     Horizontal alignment\n     ==================== */\n\n.qti-align-left {\n  text-align: left;\n}\n\n.qti-align-center {\n  text-align: center;\n}\n\n.qti-align-right {\n  text-align: right;\n}\n\n/* ==================\n     Vertical alignment\n     ================== */\n\n.qti-valign-top {\n  vertical-align: top;\n}\n\n.qti-valign-middle {\n  vertical-align: middle;\n}\n\n.qti-valign-baseline {\n  vertical-align: baseline;\n}\n\n.qti-valign-bottom {\n  vertical-align: bottom;\n}\n\n/* =============\n     Height styles\n     ============= */\n\n.qti-height-0 {\n  height: 0;\n}\n\n.qti-height-px {\n  height: 1px;\n}\n\n.qti-height-0p5 {\n  height: 0.125rem;\n}\n\n.qti-height-1 {\n  height: 0.25rem;\n}\n\n.qti-height-1p5 {\n  height: 0.375rem;\n}\n\n.qti-height-2 {\n  height: 0.5rem;\n}\n\n.qti-height-2p5 {\n  height: 0.625rem;\n}\n\n.qti-height-3 {\n  height: 0.75rem;\n}\n\n.qti-height-3p5 {\n  height: 0.875rem;\n}\n\n.qti-height-4 {\n  height: 1rem;\n}\n\n.qti-height-5 {\n  height: 1.25rem;\n}\n\n.qti-height-6 {\n  height: 1.5rem;\n}\n\n.qti-height-7 {\n  height: 1.75rem;\n}\n\n.qti-height-8 {\n  height: 2rem;\n}\n\n.qti-height-9 {\n  height: 2.25rem;\n}\n\n.qti-height-10 {\n  height: 2.5rem;\n}\n\n.qti-height-11 {\n  height: 2.75rem;\n}\n\n.qti-height-12 {\n  height: 3rem;\n}\n\n.qti-height-14 {\n  height: 3.5rem;\n}\n\n.qti-height-16 {\n  height: 4rem;\n}\n\n.qti-height-20 {\n  height: 5rem;\n}\n\n.qti-height-24 {\n  height: 6rem;\n}\n\n.qti-height-28 {\n  height: 7rem;\n}\n\n.qti-height-32 {\n  height: 8rem;\n}\n\n.qti-height-36 {\n  height: 9rem;\n}\n\n.qti-height-40 {\n  height: 10rem;\n}\n\n.qti-height-44 {\n  height: 11rem;\n}\n\n.qti-height-48 {\n  height: 12rem;\n}\n\n.qti-height-52 {\n  height: 13rem;\n}\n\n.qti-height-56 {\n  height: 14rem;\n}\n\n.qti-height-60 {\n  height: 15rem;\n}\n\n.qti-height-64 {\n  height: 16rem;\n}\n\n.qti-height-72 {\n  height: 18rem;\n}\n\n.qti-height-80 {\n  height: 20rem;\n}\n\n.qti-height-96 {\n  height: 24rem;\n}\n\n.qti-height-1-2 {\n  height: 50%;\n}\n\n.qti-height-1-3 {\n  height: 33.3333%;\n}\n\n.qti-height-2-3 {\n  height: 66.6667%;\n}\n\n.qti-height-1-4 {\n  height: 25%;\n}\n\n.qti-height-2-4 {\n  height: 50%;\n}\n\n.qti-height-3-4 {\n  height: 75%;\n}\n\n.qti-height-1-5 {\n  height: 20%;\n}\n\n.qti-height-2-5 {\n  height: 40%;\n}\n\n.qti-height-3-5 {\n  height: 60%;\n}\n\n.qti-height-4-5 {\n  height: 80%;\n}\n\n.qti-height-1-6 {\n  height: 16.6667%;\n}\n\n.qti-height-2-6 {\n  height: 33.3333%;\n}\n\n.qti-height-3-6 {\n  height: 50%;\n}\n\n.qti-height-4-6 {\n  height: 66.6667%;\n}\n\n.qti-height-5-6 {\n  height: 83.3333%;\n}\n\n.qti-height-auto {\n  height: auto;\n}\n\n.qti-height-full {\n  height: 100%;\n}\n\n/* ============\n     Width styles\n     ============ */\n\n.qti-width-0 {\n  width: 0;\n}\n\n.qti-width-px {\n  width: 1px;\n}\n\n.qti-width-0p5 {\n  width: 0.125rem;\n}\n\n.qti-width-1 {\n  width: 0.25rem;\n}\n\n.qti-width-1p5 {\n  width: 0.375rem;\n}\n\n.qti-width-2 {\n  width: 0.5rem;\n}\n\n.qti-width-2p5 {\n  width: 0.625rem;\n}\n\n.qti-width-3 {\n  width: 0.75rem;\n}\n\n.qti-width-3p5 {\n  width: 0.875rem;\n}\n\n.qti-width-4 {\n  width: 1rem;\n}\n\n.qti-width-5 {\n  width: 1.25rem;\n}\n\n.qti-width-6 {\n  width: 1.5rem;\n}\n\n.qti-width-7 {\n  width: 1.75rem;\n}\n\n.qti-width-8 {\n  width: 2rem;\n}\n\n.qti-width-9 {\n  width: 2.25rem;\n}\n\n.qti-width-10 {\n  width: 2.5rem;\n}\n\n.qti-width-11 {\n  width: 2.75rem;\n}\n\n.qti-width-12 {\n  width: 3rem;\n}\n\n.qti-width-14 {\n  width: 3.5rem;\n}\n\n.qti-width-16 {\n  width: 4rem;\n}\n\n.qti-width-20 {\n  width: 5rem;\n}\n\n.qti-width-24 {\n  width: 6rem;\n}\n\n.qti-width-28 {\n  width: 7rem;\n}\n\n.qti-width-32 {\n  width: 8rem;\n}\n\n.qti-width-36 {\n  width: 9rem;\n}\n\n.qti-width-40 {\n  width: 10rem;\n}\n\n.qti-width-44 {\n  width: 11rem;\n}\n\n.qti-width-48 {\n  width: 12rem;\n}\n\n.qti-width-52 {\n  width: 13rem;\n}\n\n.qti-width-56 {\n  width: 14rem;\n}\n\n.qti-width-60 {\n  width: 15rem;\n}\n\n.qti-width-64 {\n  width: 16rem;\n}\n\n.qti-width-72 {\n  width: 18rem;\n}\n\n.qti-width-80 {\n  width: 20rem;\n}\n\n.qti-width-96 {\n  width: 24rem;\n}\n\n.qti-width-auto {\n  width: auto;\n}\n\n.qti-width-1-2 {\n  width: 50%;\n}\n\n.qti-width-1-3 {\n  width: 33.3333%;\n}\n\n.qti-width-2-3 {\n  width: 66.6667%;\n}\n\n.qti-width-1-4 {\n  width: 25%;\n}\n\n.qti-width-2-4 {\n  width: 50%;\n}\n\n.qti-width-3-4 {\n  width: 75%;\n}\n\n.qti-width-1-5 {\n  width: 20%;\n}\n\n.qti-width-2-5 {\n  width: 40%;\n}\n\n.qti-width-3-5 {\n  width: 60%;\n}\n\n.qti-width-4-5 {\n  width: 80%;\n}\n\n.qti-width-1-6 {\n  width: 16.6667%;\n}\n\n.qti-width-2-6 {\n  width: 33.3333%;\n}\n\n.qti-width-3-6 {\n  width: 50%;\n}\n\n.qti-width-4-6 {\n  width: 66.6667%;\n}\n\n.qti-width-5-6 {\n  width: 83.3333%;\n}\n\n.qti-width-1-12 {\n  width: 8.3333%;\n}\n\n.qti-width-2-12 {\n  width: 16.6667%;\n}\n\n.qti-width-3-12 {\n  width: 25%;\n}\n\n.qti-width-4-12 {\n  width: 33.3333%;\n}\n\n.qti-width-5-12 {\n  width: 41.6667%;\n}\n\n.qti-width-6-12 {\n  width: 50%;\n}\n\n.qti-width-7-12 {\n  width: 58.3333%;\n}\n\n.qti-width-8-12 {\n  width: 66.6667%;\n}\n\n.qti-width-9-12 {\n  width: 75%;\n}\n\n.qti-width-10-12 {\n  width: 83.3333%;\n}\n\n.qti-width-11-12 {\n  width: 91.6667%;\n}\n\n.qti-width-full,\n.qti-fullwidth {\n  width: 100%;\n}\n\n/* ==================\n     Text Indent styles\n     ================== */\n\n.qti-text-indent-0 {\n  text-indent: 0;\n}\n\n.qti-text-indent-px {\n  text-indent: 1px;\n}\n\n.qti-text-indent-0p5 {\n  text-indent: 0.125rem;\n}\n\n.qti-text-indent-1 {\n  text-indent: 0.25rem;\n}\n\n.qti-text-indent-1p5 {\n  text-indent: 0.375rem;\n}\n\n.qti-text-indent-2 {\n  text-indent: 0.5rem;\n}\n\n.qti-text-indent-2p5 {\n  text-indent: 0.625rem;\n}\n\n.qti-text-indent-3 {\n  text-indent: 0.75rem;\n}\n\n.qti-text-indent-3p5 {\n  text-indent: 0.875rem;\n}\n\n.qti-text-indent-4 {\n  text-indent: 1rem;\n}\n\n.qti-text-indent-5 {\n  text-indent: 1.25rem;\n}\n\n.qti-text-indent-6 {\n  text-indent: 1.5rem;\n}\n\n.qti-text-indent-7 {\n  text-indent: 1.75rem;\n}\n\n.qti-text-indent-8 {\n  text-indent: 2rem;\n}\n\n.qti-text-indent-12 {\n  text-indent: 3rem;\n}\n\n.qti-text-indent-16 {\n  text-indent: 4rem;\n}\n\n.qti-text-indent-20 {\n  text-indent: 5rem;\n}\n\n.qti-text-indent-24 {\n  text-indent: 6rem;\n}\n\n.qti-text-indent-28 {\n  text-indent: 7rem;\n}\n\n.qti-text-indent-32 {\n  text-indent: 8rem;\n}\n\n/* =================\n     List Style styles\n     ================= */\n\n.qti-list-style-type-none {\n  list-style-type: none;\n}\n\n.qti-list-style-type-disc {\n  list-style-type: disc;\n}\n\n.qti-list-style-type-circle {\n  list-style-type: circle;\n}\n\n.qti-list-style-type-square {\n  list-style-type: square;\n}\n\n.qti-list-style-type-decimal {\n  list-style-type: decimal;\n}\n\n.qti-list-style-type-decimal-leading-zero {\n  list-style-type: decimal-leading-zero;\n}\n\n.qti-list-style-type-lower-alpha {\n  list-style-type: lower-alpha;\n}\n\n.qti-list-style-type-upper-alpha {\n  list-style-type: upper-alpha;\n}\n\n.qti-list-style-type-lower-roman {\n  list-style-type: lower-roman;\n}\n\n.qti-list-style-type-upper-roman {\n  list-style-type: upper-roman;\n}\n\n.qti-list-style-type-lower-latin {\n  list-style-type: lower-latin;\n}\n\n.qti-list-style-type-upper-latin {\n  list-style-type: upper-latin;\n}\n\n.qti-list-style-type-lower-greek {\n  list-style-type: lower-greek;\n}\n\n.qti-list-style-type-arabic-indic {\n  list-style-type: arabic-indic;\n}\n\n.qti-list-style-type-armenian {\n  list-style-type: armenian;\n}\n\n.qti-list-style-type-lower-armenian {\n  list-style-type: lower-armenian;\n}\n\n.qti-list-style-type-upper-armenian {\n  list-style-type: upper-armenian;\n}\n\n.qti-list-style-type-bengali {\n  list-style-type: bengali;\n}\n\n.qti-list-style-type-cambodian {\n  list-style-type: cambodian;\n}\n\n.qti-list-style-type-simp-chinese-formal {\n  list-style-type: simp-chinese-formal;\n}\n\n.qti-list-style-type-simp-chinese-informal {\n  list-style-type: simp-chinese-informal;\n}\n\n.qti-list-style-type-trad-chinese-formal {\n  list-style-type: trad-chinese-formal;\n}\n\n.qti-list-style-type-trad-chinese-informal {\n  list-style-type: trad-chinese-informal;\n}\n\n.qti-list-style-type-cjk-ideographic {\n  list-style-type: cjk-ideographic;\n}\n\n.qti-list-style-type-cjk-heavenly-stem {\n  list-style-type: cjk-heavenly-stem;\n}\n\n.qti-list-style-type-cjk-earthly-branch {\n  list-style-type: cjk-earthly-branch;\n}\n\n.qti-list-style-type-devanagari {\n  list-style-type: devanagari;\n}\n\n.qti-list-style-type-ethiopic-halehame-ti-er {\n  list-style-type: ethiopic-halehame-ti-er;\n}\n\n.qti-list-style-type-ethiopic-halehame-ti-et {\n  list-style-type: ethiopic-halehame-ti-et;\n}\n\n.qti-list-style-type-ethiopic-halehame-am {\n  list-style-type: ethiopic-halehame-am;\n}\n\n.qti-list-style-type-ethiopic-halehame {\n  list-style-type: ethiopic-halehame;\n}\n\n.qti-list-style-type-georgian {\n  list-style-type: georgian;\n}\n\n.qti-list-style-type-gujarati {\n  list-style-type: gujarati;\n}\n\n.qti-list-style-type-gurmukhi {\n  list-style-type: gurmukhi;\n}\n\n.qti-list-style-type-hangul {\n  list-style-type: hangul;\n}\n\n.qti-list-style-type-hangul-consonant {\n  list-style-type: hangul-consonant;\n}\n\n.qti-list-style-type-hebrew {\n  list-style-type: hebrew;\n}\n\n.qti-list-style-type-hiragana {\n  list-style-type: hiragana;\n}\n\n.qti-list-style-type-hiragana-iroha {\n  list-style-type: hiragana-iroha;\n}\n\n.qti-list-style-type-khmer {\n  list-style-type: khmer;\n}\n\n.qti-list-style-type-korean-hangul-formal {\n  list-style-type: korean-hangul-formal;\n}\n\n.qti-list-style-type-korean-hanja-formal {\n  list-style-type: korean-hanja-formal;\n}\n\n.qti-list-style-type-korean-hanja-informal {\n  list-style-type: korean-hanja-informal;\n}\n\n.qti-list-style-type-lao {\n  list-style-type: lao;\n}\n\n.qti-list-style-type-malayalam {\n  list-style-type: malayalam;\n}\n\n.qti-list-style-type-mongolian {\n  list-style-type: mongolian;\n}\n\n.qti-list-style-type-myanmar {\n  list-style-type: myanmar;\n}\n\n.qti-list-style-type-oriya {\n  list-style-type: oriya;\n}\n\n.qti-list-style-type-persian {\n  list-style-type: persian;\n}\n\n.qti-list-style-type-thai {\n  list-style-type: thai;\n}\n\n.qti-list-style-type-tibetan {\n  list-style-type: tibetan;\n}\n\n.qti-list-style-type-telugu {\n  list-style-type: telugu;\n}\n\n.qti-list-style-type-urdu {\n  list-style-type: urdu;\n}\n\n/* =========================\n     Other QTI 3 Presentation Utilities\n     ========================= */\n\n.qti-bordered {\n  border: 1px solid var(--table-border-color);\n}\n\n.qti-underline {\n  text-decoration: underline;\n  text-decoration-color: var(--foreground);\n}\n\n.qti-italic {\n  font-style: italic;\n}\n\n.qti-well {\n  min-height: 20px;\n  padding: 19px;\n  margin-bottom: 20px;\n  background-color: var(--well-bg);\n  border: var(--well-border);\n  border-radius: 4px;\n  box-shadow: var(--well-box-shadow);\n}\n\n/* Set writing-mode to vertical-rl \n     Typical for CJK vertical text */\n\n.qti-writing-mode-vertical-rl {\n  writing-mode: vertical-rl;\n}\n\n/* Set writing-mode to vertical-lr\n     Typical for Mongolian vertical text  */\n\n.qti-writing-mode-vertical-lr {\n  writing-mode: vertical-lr;\n}\n\n/* Set writing-mode to horizontal-tb \n     Browser default */\n\n.qti-writing-mode-horizontal-tb {\n  writing-mode: horizontal-tb;\n}\n\n/* Float an element left */\n\n.qti-float-left {\n  float: left;\n}\n\n/* Float an element right */\n\n.qti-float-right {\n  float: right;\n}\n\n/* Remove a float */\n\n.qti-float-none {\n  float: none;\n}\n\n/* Clearfix Hack to apply to a container of \n   floated content that overflows the container. */\n\n.qti-float-clearfix::after {\n  content: '';\n  clear: both;\n  display: table;\n}\n\n.qti-float-clear-left\n  .qti-float-clear-right\n  .qti-float-clear-both\n  \n  /* Set text-orientation to upright */\n  .qti-text-orientation-upright {\n  text-orientation: upright;\n}\n\n/* stylelint-disable number-max-precision */\n\n@layer qti-base {\n  .qti-layout-row {\n    display: flex;\n    flex-wrap: wrap;\n    width: 100%;\n    gap: 2.1276595745%;\n  }\n\n  .qti-layout-row [class*='qti-layout-col']:not(:empty) {\n    box-sizing: border-box;\n  }\n\n  .qti-layout-row [class*='qti-layout-col']:empty {\n    width: 0;\n    overflow: hidden; /* to fully collapse if there’s padding or borders */\n  }\n\n  .qti-layout-col1 {\n    width: 6.3829787234%;\n  }\n\n  .qti-layout-col2 {\n    width: 14.8936170213%;\n  }\n\n  .qti-layout-col3 {\n    width: 23.4042553191%;\n  }\n\n  .qti-layout-col4 {\n    width: 31.914893617%;\n  }\n\n  .qti-layout-col5 {\n    width: 40.4255319149%;\n  }\n\n  .qti-layout-col6 {\n    width: 48.9361702128%;\n  }\n\n  .qti-layout-col7 {\n    width: 57.4468085106%;\n  }\n\n  .qti-layout-col8 {\n    width: 65.9574468085%;\n  }\n\n  .qti-layout-col9 {\n    width: 74.4680851064%;\n  }\n\n  .qti-layout-col10 {\n    width: 82.9787234043%;\n  }\n\n  .qti-layout-col11 {\n    width: 91.4893617021%;\n  }\n\n  .qti-layout-col12 {\n    width: 100%;\n  }\n\n  .qti-layout-offset1 {\n    margin-left: 8.5106382979%;\n  }\n\n  .qti-layout-offset2 {\n    margin-left: 17.0212765957%;\n  }\n\n  .qti-layout-offset3 {\n    margin-left: 25.5319148936%;\n  }\n\n  .qti-layout-offset4 {\n    margin-left: 34.0425531915%;\n  }\n\n  .qti-layout-offset5 {\n    margin-left: 42.5531914894%;\n  }\n\n  .qti-layout-offset6 {\n    margin-left: 51.0638297872%;\n  }\n\n  .qti-layout-offset7 {\n    margin-left: 59.5744680851%;\n  }\n\n  .qti-layout-offset8 {\n    margin-left: 68.085106383%;\n  }\n\n  .qti-layout-offset9 {\n    margin-left: 76.5957446809%;\n  }\n\n  .qti-layout-offset10 {\n    margin-left: 85.1063829787%;\n  }\n\n  .qti-layout-offset11 {\n    margin-left: 93.6170212766%;\n  }\n\n  .qti-layout-offset12 {\n    margin-left: 102.1276595745%;\n  }\n\n  @media (width <= 767px) {\n    [class*='qti-layout-col'] {\n      width: 100%;\n    }\n  }\n}\n\n[view],\nqti-outcome-declaration,\nqti-response-declaration {\n  display: none;\n}\n\n[view].show {\n  display: block;\n}\n\n:host {\n  box-sizing: border-box;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: inherit;\n}\n\n/* components */\n\n@layer qti-components {\n  qti-choice-interaction {\n    &.qti-input-control-hidden {\n      & qti-simple-choice {\n\n        &:hover {\n          background-color: var(--qti-hover-bg);\n        }\n\n        &:focus {\n          box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n        }\n\n        &::part(ch) {\n          display: none;\n        }\n\n        &:state(--checked),\n        &[aria-checked='true'] {\n          border-color: var(--qti-border-active);\n          background-color: var(--qti-bg-active);\n        }\n\n        &:state(readonly),\n        &[aria-readonly='true'] {\n          cursor: pointer;\n          background-color: var(--qti-bg);\n          outline: 0;\n          border: none;\n        }\n\n        &:state(disabled),\n        &[aria-disabled='true'] {\n          cursor: not-allowed;\n          background-color: var(--qti-disabled-bg);\n          color: var(--qti-disabled-color);\n          border-color: var(--qti-border-color);\n          outline: 4px solid var(--qti-disabled-bg);\n        }\n\n        border-radius: var(--qti-border-radius);\n\n        padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);\n\n        border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n\n        outline: none\n      }\n    }\n\n    &:not(.qti-input-control-hidden) {\n      & qti-simple-choice {\n\n        &:not([aria-disabled='true'], [aria-readonly='true'], :state(--checked)):hover {\n          background-color: var(--qti-hover-bg);\n        }\n\n        &:focus {\n          box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n        }\n\n        &:state(--checked),\n        &[aria-checked='true'] {\n          border-color: var(--qti-border-active);\n          background-color: var(--qti-bg-active);\n        }\n\n        &:state(readonly),\n        &[aria-readonly='true'] {\n          cursor: pointer;\n          background-color: var(--qti-bg);\n          outline: 0;\n          border: none;\n        }\n\n        &:state(disabled),\n        &[aria-disabled='true'] {\n          cursor: not-allowed;\n          background-color: var(--qti-disabled-bg);\n          color: var(--qti-disabled-color);\n          border-color: var(--qti-border-color);\n          outline: 4px solid var(--qti-disabled-bg);\n        }\n\n        &::part(cha) {\n          width: calc(var(--qti-form-size) - 6px);\n          height: calc(var(--qti-form-size) - 6px);\n        }\n\n        &:state(radio)::part(ch) {\n          border-radius: 100%;\n          display: grid;\n          place-content: center;\n          width: var(--qti-form-size);\n          height: var(--qti-form-size);\n          border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n          outline: none;\n        }\n\n        &:state(radio):state(--checked)::part(cha) {\n          background-color: var(--qti-border-active);\n          border-radius: 100%;\n        }\n\n        &:state(checkbox)::part(ch) {\n          display: flex;\n          place-items: center;\n          border-radius: var(--qti-border-radius);\n          display: grid;\n          place-content: center;\n          width: var(--qti-form-size);\n          height: var(--qti-form-size);\n          border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n          outline: none;\n        }\n\n        &:state(checkbox):state(--checked)::part(cha) {\n          background-color: var(--qti-border-active);\n          -webkit-mask: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' width='100%' height='100%' viewBox='0 0 24 24'%3E%3Cpath d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z'/%3E%3C/svg%3E\");\n                  mask: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' width='100%' height='100%' viewBox='0 0 24 24'%3E%3Cpath d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z'/%3E%3C/svg%3E\");\n        }\n\n        gap: 0.5rem;\n\n        border-radius: var(--qti-border-radius);\n\n        padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);\n\n        outline: none;\n\n        cursor: pointer\n      }\n    }\n\n    & qti-simple-choice {\n      width: -moz-fit-content;\n      width: fit-content;\n      cursor: pointer;\n\n      &:state(correct-response),\n      &[data-correct-response='true'] {\n        &::after {\n          content: '\\02714';\n          color: #16a34a; /* text-green-600 */\n        }\n      }\n    }\n\n    & qti-simple-choice > p {\n      margin: 0 !important;\n      padding: 0 !important;\n    }\n  }\n\n  .hover-border {\n    border: 2px solid #000; /* Adjust the border style and color as needed */\n  }\n\n  qti-graphic-gap-match-interaction {\n    position: relative;\n\n    &.qti-selections-light {\n      &:state(--dragzone-active)::part(drags) {\n        background-color: var(--qti-light-bg-active);\n        border-color: var(--qti-light-border-active);\n      }\n\n      &:state(--dragzone-enabled)::part(drags) {\n        background-color: var(--qti-light-bg-active);\n      }\n    }\n\n    &.qti-selections-dark {\n      &:state(--dragzone-active)::part(drags) {\n        background-color: var(--qti-dark-bg-active);\n        border-color: var(--qti-dark-border-active);\n      }\n\n      &:state(--dragzone-enabled)::part(drags) {\n        background-color: var(--qti-dark-bg-active);\n      }\n    }\n\n    /* General styles for active and enabled states */\n    &:state(--dragzone-active)::part(drags) {\n      border-color: var(--qti-border-active);\n      background-color: var(--qti-bg-active);\n    }\n\n    &:state(--dragzone-enabled)::part(drags) {\n      background-color: var(--qti-bg-active);\n    }\n\n    & qti-gap-img,\n    qti-gap-text {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      cursor: grab;\n    }\n\n    & qti-associable-hotspot {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      border: 2px solid transparent;\n\n      &[enabled] {\n\n        /* Light theme override */\n        .qti-selections-light {\n          background-color: var(--qti-light-bg-active);\n        }\n\n        /* Dark theme override */\n        .qti-selections-dark {\n          background-color: var(--qti-dark-bg-active);\n        }\n        background-color: var(--qti-bg-active)\n      }\n\n      &[active] {\n\n        /* Light theme override */\n        .qti-selections-light {\n          background-color: var(--qti-light-bg-active);\n          border-color: var(--qti-light-border-active);\n        }\n\n        /* Dark theme override */\n        .qti-selections-dark {\n          background-color: var(--qti-dark-bg-active);\n          border-color: var(--qti-dark-border-active);\n        }\n        border-color: var(--qti-border-active);\n        background-color: var(--qti-bg-active)\n      }\n\n      &[disabled] {\n\n        &:not(:empty) {\n          cursor: default !important;\n        }\n\n        cursor: not-allowed;\n\n        background-color: var(--qti-disabled-bg);\n\n        color: var(--qti-disabled-color);\n\n        border-color: var(--qti-border-color);\n\n        outline: 4px solid var(--qti-disabled-bg)\n      }\n\n      &:empty::after {\n        padding: var(--qti-padding-md) var(--qti-padding-lg); /* Padding shorthand */\n        content: '\\0000a0'; /* when empty, put a space in it */\n      }\n\n      &:not(:empty) {\n        padding: 0;\n        width: auto;\n      }\n\n      &:not(:empty) > * {\n        flex: 1;\n        transform: rotate(0); /* rotate-0 */\n        box-shadow: 0 0 0 1px #e5e7eb; /* ring-gray-200 */\n      }\n    }\n\n    & img {\n      margin: 0;\n      padding: 0;\n    }\n  }\n\n  qti-text-entry-interaction {\n    &::part(input) {\n      border-radius: 0;\n      cursor: text;\n      padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);\n      background: unset;\n      border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n      outline: none;\n    }\n\n    &:hover {\n      background-color: var(--qti-hover-bg);\n    }\n\n    &:focus-within {\n      &::part(input) {\n        box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n        border-color: var(--qti-border-active);\n      }\n    }\n  }\n\n  qti-extended-text-interaction {\n    &::part(textarea) {\n      border-radius: 0;\n      cursor: text;\n      padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);\n      background: unset;\n      border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n      outline: none;\n    }\n\n    &:hover {\n      background-color: var(--qti-hover-bg);\n    }\n\n    &:focus-within {\n      &::part(textarea) {\n        box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n        border-color: var(--qti-border-active);\n      }\n    }\n  }\n\n  qti-gap-match-interaction {\n    &.qti-selections-light {\n      &:state(--dragzone-active)::part(drags) {\n        background-color: var(--qti-light-bg-active);\n        border-color: var(--qti-light-border-active);\n      }\n\n      &:state(--dragzone-enabled)::part(drags) {\n        background-color: var(--qti-light-bg-active);\n      }\n    }\n\n    &.qti-selections-dark {\n      &:state(--dragzone-active)::part(drags) {\n        background-color: var(--qti-dark-bg-active);\n        border-color: var(--qti-dark-border-active);\n      }\n\n      &:state(--dragzone-enabled)::part(drags) {\n        background-color: var(--qti-dark-bg-active);\n      }\n    }\n\n    /* General styles for active and enabled states */\n    &:state(--dragzone-active)::part(drags) {\n      border-color: var(--qti-border-active);\n      background-color: var(--qti-bg-active);\n    }\n\n    &:state(--dragzone-enabled)::part(drags) {\n      background-color: var(--qti-bg-active);\n    }\n\n    & qti-gap-text {\n\n      &[dragging] {\n        pointer-events: none;\n        rotate: -2deg;\n        box-shadow: 0 8px 12px rgb(0 0 0 / 20%),\n    0 4px 8px rgb(0 0 0 / 10%);\n      }\n\n      &:hover {\n        background-color: var(--qti-hover-bg);\n      }\n\n      &:focus {\n        box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n      }\n\n      transition: transform 200ms ease-out,\n    box-shadow 200ms ease-out,\n    rotate 200ms ease-out;\n\n      cursor: grab;\n\n      background-color: var(--qti-bg);\n\n      padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);\n\n      border-radius: var(--qti-border-radius);\n\n      padding-left: calc(var(--qti-padding-horizontal) + 0.5rem);\n\n      border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n\n      outline: none;\n\n      background-image: radial-gradient(\n    circle at center,\n    rgb(0 0 0 / 10%) 0,\n    rgb(0 0 0 / 20%) 2px,\n    rgb(255 255 255 / 0%) 2px,\n    rgb(255 255 255 / 0%) 100%\n  );\n\n      background-repeat: repeat-y;\n\n      background-position: left center;\n\n      background-size: 14px 8px\n    }\n\n    & qti-gap {\n\n      &[disabled] {\n\n        &:not(:empty) {\n          cursor: default !important;\n        }\n\n        cursor: not-allowed;\n\n        background-color: var(--qti-disabled-bg);\n\n        color: var(--qti-disabled-color);\n\n        border-color: var(--qti-border-color);\n\n        outline: 4px solid var(--qti-disabled-bg)\n      }\n\n      &[enabled] {\n\n        /* Light theme override */\n        .qti-selections-light {\n          border-color: var(--qti-light-border-active);\n        }\n\n        /* Dark theme override */\n        .qti-selections-dark {\n          border-color: var(--qti-dark-border-active);\n        }\n        background-color: var(--qti-bg-active)\n      }\n\n      &[active] {\n\n        /* Light theme override */\n        .qti-selections-light {\n          background-color: var(--qti-light-bg-active);\n          border-color: var(--qti-light-border-active);\n        }\n\n        /* Dark theme override */\n        .qti-selections-dark {\n          background-color: var(--qti-dark-bg-active);\n          border-color: var(--qti-dark-border-active);\n        }\n        border-color: var(--qti-border-active);\n        background-color: var(--qti-bg-active)\n      }\n\n      display: inline-flex;\n      align-items: center;\n\n      &:empty::after {\n        padding: var(--qti-padding-md) var(--qti-padding-lg); /* Padding shorthand */\n        content: '\\0000a0'; /* when empty, put a space in it */\n      }\n\n      &:not(:empty) {\n        display: inline-flex;\n        padding: 0;\n        width: auto;\n      }\n\n      &:not(:empty) > * {\n        flex: 1;\n        transform: rotate(0); /* rotate-0 */\n        box-shadow: 0 0 0 1px #e5e7eb; /* ring-gray-200 */\n      }\n\n      background: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"7\" stroke=\"%23CCCCCC\" stroke-width=\"1\" fill=\"transparent\" /></svg>')\n    center no-repeat;\n\n      border-radius: var(--qti-border-radius);\n\n      position: relative;\n\n      background-color: var(--qti-bg);\n\n      border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n\n      outline: none\n    }\n  }\n\n  qti-hotspot-interaction {\n    & qti-hotspot-choice {\n      &[shape='circle'] {\n\n        &:hover {\n          background-color: var(--qti-hover-bg);\n        }\n\n        &:focus {\n          box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n        }\n\n        &:state(--checked),\n        &[aria-checked='true'] {\n          border-color: var(--qti-border-active);\n        }\n\n        &:state(--readonly),\n        &[aria-readonly='true'] {\n          cursor: pointer;\n          background-color: var(--qti-bg);\n          outline: 0;\n          border: none;\n        }\n\n        &:state(--disabled),\n        &[aria-disabled='true'] {\n          cursor: not-allowed;\n          background-color: var(--qti-disabled-bg);\n          color: var(--qti-disabled-color);\n          border-color: var(--qti-border-color);\n          outline: 4px solid var(--qti-disabled-bg);\n        }\n\n        width: 100%;\n\n        height: 100%;\n\n        background-color: transparent;\n\n        padding: 0;\n\n        border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n\n        outline: none\n      }\n\n      &[shape='rect'] {\n\n        /* &:hover {\n          @apply hov;\n        } */\n\n        &:focus {\n          box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n        }\n\n        &:state(--checked),\n        &[aria-checked='true'] {\n          border-color: var(--qti-border-active);\n        }\n\n        &[aria-readonly='true'] {\n          cursor: pointer;\n          background-color: var(--qti-bg);\n          outline: 0;\n          border: none;\n        }\n\n        &[aria-disabled='true'] {\n          cursor: not-allowed;\n          background-color: var(--qti-disabled-bg);\n          color: var(--qti-disabled-color);\n          border-color: var(--qti-border-color);\n          outline: 4px solid var(--qti-disabled-bg);\n        }\n\n        width: 100%;\n\n        height: 100%;\n\n        background-color: transparent;\n\n        padding: 0;\n\n        border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n\n        outline: none\n      }\n\n      &[shape='poly'] {\n        &:hover::after {\n          content: '';\n          width: 100%;\n          height: 100%;\n          background: repeating-linear-gradient(\n            45deg,\n            var(--qti-border-active),\n            var(--qti-border-active) 5px,\n            transparent 5px,\n            transparent 10px\n          );\n          display: block;\n        }\n\n        &:state(--checked)::after,\n        &[aria-checked='true']::after {\n          content: '';\n          width: 100%;\n          height: 100%;\n          background: repeating-linear-gradient(\n            45deg,\n            transparent,\n            transparent 5px,\n            var(--qti-border-active) 5px,\n            var(--qti-border-active) 10px\n          );\n          display: block;\n        }\n\n        &[aria-readonly='true'] {\n          cursor: pointer;\n          background-color: var(--qti-bg);\n          outline: 0;\n          border: none;\n        }\n\n        &[aria-disabled='true'] {\n          cursor: not-allowed;\n          background-color: var(--qti-disabled-bg);\n          color: var(--qti-disabled-color);\n          border-color: var(--qti-border-color);\n          outline: 4px solid var(--qti-disabled-bg);\n        }\n      }\n    }\n  }\n\n  qti-hottext-interaction {\n    /* &:not(.qti-input-control-hidden),\n    &:not(.qti-unselected-hidden) { */\n    qti-hottext {\n      display: inline-flex;\n      align-items: center;\n\n      &:hover {\n        background-color: var(--qti-hover-bg);\n      }\n\n      &:focus {\n        box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n      }\n\n      &::part(cha) {\n        width: calc(var(--qti-form-size) - 6px);\n        height: calc(var(--qti-form-size) - 6px);\n      }\n\n      &:state(radio)::part(ch) {\n        border-radius: 100%;\n        display: grid;\n        place-content: center;\n        width: var(--qti-form-size);\n        height: var(--qti-form-size);\n        border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n        outline: none;\n      }\n\n      &:state(radio):state(--checked)::part(cha) {\n        background-color: var(--qti-border-active);\n        border-radius: 100%;\n      }\n\n      &:state(checkbox)::part(ch) {\n        display: flex;\n        place-items: center;\n        border-radius: var(--qti-border-radius);\n        display: grid;\n        place-content: center;\n        width: var(--qti-form-size);\n        height: var(--qti-form-size);\n        border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n        outline: none;\n      }\n\n      &:state(checkbox):state(--checked)::part(cha) {\n        background-color: var(--qti-border-active);\n        -webkit-mask: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' width='100%' height='100%' viewBox='0 0 24 24'%3E%3Cpath d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z'/%3E%3C/svg%3E\");\n                mask: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' width='100%' height='100%' viewBox='0 0 24 24'%3E%3Cpath d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z'/%3E%3C/svg%3E\");\n      }\n\n      &:state(correct-response),\n      &[data-correct-response='true'] {\n        &::after {\n          content: '\\02714';\n          color: #16a34a; /* text-green-600 */\n        }\n      }\n\n      gap: 0.5rem;\n\n      border-radius: var(--qti-border-radius);\n\n      padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);\n\n      outline: none;\n\n      cursor: pointer\n    }\n\n    &.qti-input-control-hidden {\n      qti-hottext {\n        /* --qti-padding-md: 0.1rem;\n        --qti-padding-lg: 0.2rem;\n        --qti-border-radius-md: 0.3rem;\n        --qti-border-thickness: 1px;\n        --qti-font-weight-semibold: 400; */\n\n        &:hover {\n          background-color: var(--qti-hover-bg);\n        }\n\n        &:focus {\n          box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n        }\n\n        /* @layer qti-variants { */\n        &::part(ch) {\n          display: none;\n        }\n\n        &:state(--checked) {\n          border-color: var(--qti-border-active);\n          background-color: var(--qti-bg-active);\n        }\n\n        &[aria-readonly='true'] {\n          cursor: pointer;\n          background-color: var(--qti-bg);\n          outline: 0;\n          border: none;\n        }\n\n        &[aria-disabled='true'] {\n          cursor: not-allowed;\n          background-color: var(--qti-disabled-bg);\n          color: var(--qti-disabled-color);\n          border-color: var(--qti-border-color);\n          outline: 4px solid var(--qti-disabled-bg);\n        }\n\n        border-radius: var(--qti-border-radius);\n\n        padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);\n\n        border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n\n        outline: none\n      }\n\n      /* } */\n    }\n\n    &.qti-unselected-hidden {\n      qti-hottext {\n        &:hover {\n          background-color: var(--qti-hover-bg);\n        }\n\n        &:focus {\n          box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n        }\n\n        cursor: pointer;\n\n        &::part(ch) {\n          display: none;\n        }\n\n        &:state(--checked) {\n          background-color: var(--qti-bg-active);\n        }\n\n        &[aria-readonly='true'] {\n          cursor: pointer;\n          background-color: var(--qti-bg);\n          outline: 0;\n          border: none;\n        }\n\n        &[aria-disabled='true'] {\n          cursor: not-allowed;\n          background-color: var(--qti-disabled-bg);\n          color: var(--qti-disabled-color);\n          border-color: var(--qti-border-color);\n          outline: 4px solid var(--qti-disabled-bg);\n        }\n      }\n    }\n  }\n\n  qti-inline-choice-interaction {\n    &::part(select) {\n\n      &:hover {\n        background-color: var(--qti-hover-bg);\n      }\n\n      &:focus {\n        box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n      }\n\n      border-radius: var(--qti-border-radius);\n\n      position: relative;\n\n      -webkit-appearance: none;\n\n         -moz-appearance: none;\n\n              appearance: none;\n\n      padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);\n\n      padding-right: calc(var(--qti-padding-horizontal) + 1.5rem);\n\n      border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n\n      outline: none;\n\n      background: url(\"data:image/svg+xml,%3Csvg fill='currentColor' width='22' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'%3E%3Cpath clip-rule='evenodd' fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z'%3E%3C/path%3E%3C/svg%3E\")\n    no-repeat center right 6px\n    }\n  }\n\n  qti-match-interaction:not(.qti-match-tabular) {\n    &:state(--dragzone-enabled) qti-simple-match-set:first-of-type {\n      background-color: var(--qti-bg-active);\n    }\n\n    &:state(--dragzone-active) qti-simple-match-set:first-of-type {\n      border-color: var(--qti-border-active);\n      background-color: var(--qti-bg-active);\n    }\n\n    /* The draggables */\n    & qti-simple-match-set:first-of-type {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: flex-start; /* Prevents children from stretching */\n      gap: var(--qti-gap-size);\n      border: 2px solid transparent;\n\n      & qti-simple-associable-choice {\n\n        &[dragging] {\n          pointer-events: none;\n          rotate: -2deg;\n          box-shadow: 0 8px 12px rgb(0 0 0 / 20%),\n    0 4px 8px rgb(0 0 0 / 10%);\n        }\n\n        &:hover {\n          background-color: var(--qti-hover-bg);\n        }\n\n        &:focus {\n          box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n        }\n\n        transition: transform 200ms ease-out,\n    box-shadow 200ms ease-out,\n    rotate 200ms ease-out;\n\n        cursor: grab;\n\n        background-color: var(--qti-bg);\n\n        padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);\n\n        border-radius: var(--qti-border-radius);\n\n        padding-left: calc(var(--qti-padding-horizontal) + 0.5rem);\n\n        border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n\n        outline: none;\n\n        background-image: radial-gradient(\n    circle at center,\n    rgb(0 0 0 / 10%) 0,\n    rgb(0 0 0 / 20%) 2px,\n    rgb(255 255 255 / 0%) 2px,\n    rgb(255 255 255 / 0%) 100%\n  );\n\n        background-repeat: repeat-y;\n\n        background-position: left center;\n\n        background-size: 14px 8px\n      }\n    }\n\n    /* The droppables */\n    & qti-simple-match-set:last-of-type {\n      display: grid;\n      grid-auto-columns: 1fr; /* auto-cols-fr */\n      grid-auto-flow: column; /* grid-flow-col */\n      gap: var(--qti-gap-size); /* gap-2 */\n      width: 100%; /* w-full */\n\n      & qti-simple-associable-choice {\n        display: flex;\n        flex-direction: column;\n      }\n\n      & > qti-simple-associable-choice {\n        /* a droppable qti-simple-associable-choice */\n        box-sizing: border-box;\n        display: grid;\n        grid-row: 2 / 4;\n        grid-template-rows: subgrid;\n\n        & img {\n          max-width: 100%;\n          height: auto;\n        }\n\n        &[enabled] {\n          &::part(dropslot) {\n            background-color: var(--qti-bg-active);\n          }\n        }\n\n        &[disabled] {\n          &::part(dropslot) {\n            cursor: not-allowed;\n            background-color: var(--qti-disabled-bg);\n            color: var(--qti-disabled-color);\n            border-color: var(--qti-border-color);\n            outline: 4px solid var(--qti-disabled-bg);\n          }\n        }\n\n        &[active] {\n          &::part(dropslot) {\n            border-color: var(--qti-border-active);\n            background-color: var(--qti-bg-active);\n          }\n        }\n\n        &::part(dropslot) {\n\n          &[dragging] {\n            pointer-events: none;\n            rotate: -2deg;\n            box-shadow: 0 8px 12px rgb(0 0 0 / 20%),\n    0 4px 8px rgb(0 0 0 / 10%);\n          }\n\n          &:focus {\n            box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n          }\n\n          min-height: 6rem;\n          gap: var(--qti-gap-size);\n          box-sizing: border-box;\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          background: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"7\" stroke=\"%23CCCCCC\" stroke-width=\"1\" fill=\"transparent\" /></svg>')\n    center no-repeat;\n          border-radius: var(--qti-border-radius);\n          position: relative;\n          background-color: var(--qti-bg);\n          border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n          outline: none;\n        }\n\n        & > *:not(qti-simple-associable-choice) {\n          pointer-events: none;\n        }\n\n        & > qti-simple-associable-choice {\n\n          &::part(dropslot) {\n            display: none;\n          }\n\n          &:hover {\n            background-color: var(--qti-hover-bg);\n          }\n\n          &:focus {\n            box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n          }\n\n          flex-basis: fit-content;\n\n          transition: transform 200ms ease-out,\n    box-shadow 200ms ease-out,\n    rotate 200ms ease-out;\n\n          cursor: grab;\n\n          background-color: var(--qti-bg);\n\n          padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);\n\n          border-radius: var(--qti-border-radius);\n\n          padding-left: calc(var(--qti-padding-horizontal) + 0.5rem);\n\n          border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n\n          outline: none;\n\n          background-image: radial-gradient(\n    circle at center,\n    rgb(0 0 0 / 10%) 0,\n    rgb(0 0 0 / 20%) 2px,\n    rgb(255 255 255 / 0%) 2px,\n    rgb(255 255 255 / 0%) 100%\n  );\n\n          background-repeat: repeat-y;\n\n          background-position: left center;\n\n          background-size: 14px 8px;\n        }\n      }\n    }\n  }\n\n  qti-order-interaction:state(--dragzone-active)::part(drags) {\n    border-color: var(--qti-border-active);\n    background-color: var(--qti-bg-active);\n  }\n\n  qti-order-interaction:state(--dragzone-enabled)::part(drags) {\n    background-color: var(--qti-bg-active);\n  }\n\n  qti-order-interaction {\n    &::part(qti-simple-choice),\n    & qti-simple-choice {\n\n      &[dragging] {\n        pointer-events: none;\n        rotate: -2deg;\n        box-shadow: 0 8px 12px rgb(0 0 0 / 20%),\n    0 4px 8px rgb(0 0 0 / 10%);\n      }\n\n      &:hover {\n        background-color: var(--qti-hover-bg);\n      }\n\n      &:focus {\n        box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n      }\n\n      transition: transform 200ms ease-out,\n    box-shadow 200ms ease-out,\n    rotate 200ms ease-out;\n\n      cursor: grab;\n\n      background-color: var(--qti-bg);\n\n      padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);\n\n      border-radius: var(--qti-border-radius);\n\n      padding-left: calc(var(--qti-padding-horizontal) + 0.5rem);\n\n      border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n\n      outline: none;\n\n      background-image: radial-gradient(\n    circle at center,\n    rgb(0 0 0 / 10%) 0,\n    rgb(0 0 0 / 20%) 2px,\n    rgb(255 255 255 / 0%) 2px,\n    rgb(255 255 255 / 0%) 100%\n  );\n\n      background-repeat: repeat-y;\n\n      background-position: left center;\n\n      background-size: 14px 8px\n    }\n\n    &::part(qti-simple-choice) {\n      display: flex;\n      overflow: hidden;\n      align-items: center;\n      width: 100%;\n      text-overflow: ellipsis;\n    }\n\n    &::part(drops) {\n      gap: 0.5rem; /* gap-2 */\n    }\n\n    &::part(drags) {\n      gap: 0.5rem; /* gap-2 */\n    }\n\n    &::part(drop-list) {\n\n      &[enabled] {\n\n        /* Light theme override */\n        .qti-selections-light {\n          border-color: var(--qti-light-border-active);\n        }\n\n        /* Dark theme override */\n        .qti-selections-dark {\n          border-color: var(--qti-dark-border-active);\n        }\n        background-color: var(--qti-bg-active)\n      }\n\n      &:hover {\n        background-color: var(--qti-hover-bg);\n      }\n\n      &:focus {\n        box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n      }\n\n      display: flex;\n      min-height: 4rem;\n      background: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"7\" stroke=\"%23CCCCCC\" stroke-width=\"1\" fill=\"transparent\" /></svg>')\n    center no-repeat;\n      border-radius: var(--qti-border-radius);\n      position: relative;\n      background-color: var(--qti-bg);\n      border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n      outline: none;\n    }\n\n    &::part(active) {\n      border-color: var(--qti-border-active);\n      background-color: var(--qti-bg-active);\n    }\n\n    & drop-list {\n      &[shape='circle'] {\n\n        &:hover {\n          background-color: var(--qti-hover-bg);\n        }\n\n        &:focus {\n          box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n        }\n\n        &[aria-checked='true'] {\n          border-color: var(--qti-border-active);\n          background-color: var(--qti-bg-active);\n        }\n\n        &[aria-readonly='true'] {\n          cursor: pointer;\n          background-color: var(--qti-bg);\n          outline: 0;\n          border: none;\n        }\n\n        &[aria-disabled='true'] {\n          cursor: not-allowed;\n          background-color: var(--qti-disabled-bg);\n          color: var(--qti-disabled-color);\n          border-color: var(--qti-border-color);\n          outline: 4px solid var(--qti-disabled-bg);\n        }\n\n        width: 100%;\n\n        height: 100%;\n\n        background-color: transparent;\n\n        padding: 0;\n\n        border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n\n        outline: none\n      }\n\n      &[shape='square'] {\n\n        &:hover {\n          background-color: var(--qti-hover-bg);\n        }\n\n        &:focus {\n          box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n        }\n\n        &[aria-checked='true'] {\n          border-color: var(--qti-border-active);\n          background-color: var(--qti-bg-active);\n        }\n\n        &[aria-readonly='true'] {\n          cursor: pointer;\n          background-color: var(--qti-bg);\n          outline: 0;\n          border: none;\n        }\n\n        &[aria-disabled='true'] {\n          cursor: not-allowed;\n          background-color: var(--qti-disabled-bg);\n          color: var(--qti-disabled-color);\n          border-color: var(--qti-border-color);\n          outline: 4px solid var(--qti-disabled-bg);\n        }\n\n        width: 100%;\n\n        height: 100%;\n\n        background-color: transparent;\n\n        padding: 0;\n\n        border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n\n        outline: none\n      }\n    }\n  }\n\n  qti-associate-interaction {\n    /* General styles for active and enabled states */\n    &:state(--dragzone-active) slot[name='qti-simple-associable-choice'] {\n      border-color: var(--qti-border-active);\n      background-color: var(--qti-bg-active);\n    }\n\n    &:state(--dragzone-enabled) slot[name='qti-simple-associable-choice'] {\n      background-color: var(--qti-bg-active);\n    }\n\n    & qti-simple-associable-choice, /* drags when in lightdom */\n    &::part(qti-simple-associable-choice) /* drags when in shadowdom */ {\n\n      &:hover {\n        background-color: var(--qti-hover-bg);\n      }\n\n      &:focus {\n        box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n      }\n\n      &[dragging] {\n        pointer-events: none;\n        rotate: -2deg;\n        box-shadow: 0 8px 12px rgb(0 0 0 / 20%),\n    0 4px 8px rgb(0 0 0 / 10%);\n      }\n\n      transition: transform 200ms ease-out,\n    box-shadow 200ms ease-out,\n    rotate 200ms ease-out;\n\n      cursor: grab;\n\n      background-color: var(--qti-bg);\n\n      padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);\n\n      border-radius: var(--qti-border-radius);\n\n      padding-left: calc(var(--qti-padding-horizontal) + 0.5rem);\n\n      border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n\n      outline: none;\n\n      background-image: radial-gradient(\n    circle at center,\n    rgb(0 0 0 / 10%) 0,\n    rgb(0 0 0 / 20%) 2px,\n    rgb(255 255 255 / 0%) 2px,\n    rgb(255 255 255 / 0%) 100%\n  );\n\n      background-repeat: repeat-y;\n\n      background-position: left center;\n\n      background-size: 14px 8px\n    }\n\n    /* display: flex;\n    overflow: hidden;\n    align-items: center; */\n\n    /* &::part(drop-container) {\n      display: flex;\n      flex-direction: column;\n      gap: var(--qti-gap-size);\n    } */\n\n    &::part(drop-list) {\n\n      display: grid;\n      height: 3rem;\n      min-width: 10rem;\n      background: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"7\" stroke=\"%23CCCCCC\" stroke-width=\"1\" fill=\"transparent\" /></svg>')\n    center no-repeat;\n      border-radius: var(--qti-border-radius);\n      position: relative;\n      background-color: var(--qti-bg);\n      border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n      outline: none;\n    }\n\n    &::part(drop-list):focus {\n      box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n    }\n\n    &::part(drop-list)[dragging] {\n      border-color: var(--qti-border-active);\n      background-color: var(--qti-bg-active);\n    }\n\n    /* &::part(drop-list) {\n      @apply act;\n    } */\n  }\n\n  qti-graphic-order-interaction {\n    & qti-hotspot-choice {\n\n      &:hover {\n        background-color: var(--qti-hover-bg);\n      }\n\n      &:focus {\n        box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n      }\n\n      &:state(--checked),\n      &[aria-checked='true'] {\n        border-color: var(--qti-border-active);\n        background-color: var(--qti-bg-active);\n      }\n\n      &[aria-readonly='true'] {\n        cursor: pointer;\n        background-color: var(--qti-bg);\n        outline: 0;\n        border: none;\n      }\n\n      &[aria-disabled='true'] {\n        cursor: not-allowed;\n        background-color: var(--qti-disabled-bg);\n        color: var(--qti-disabled-color);\n        border-color: var(--qti-border-color);\n        outline: 4px solid var(--qti-disabled-bg);\n      }\n\n      &[aria-ordervalue] {\n        display: grid;\n        place-content: center;\n      }\n\n      &[aria-ordervalue]::after {\n        content: attr(aria-ordervalue) !important;\n      }\n\n      width: 100%;\n\n      height: 100%;\n\n      background-color: transparent;\n\n      padding: 0;\n\n      border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n\n      outline: none\n    }\n\n    &.qti-selections-light {\n      &:state(--dragzone-active)::part(drags) {\n        background-color: var(--qti-light-bg-active);\n        border-color: var(--qti-light-border-active);\n      }\n\n      &:state(--dragzone-enabled)::part(drags) {\n        background-color: var(--qti-light-bg-active);\n      }\n    }\n\n    &.qti-selections-dark {\n      &:state(--dragzone-active)::part(drags) {\n        background-color: var(--qti-dark-bg-active);\n        border-color: var(--qti-dark-border-active);\n      }\n\n      &:state(--dragzone-enabled)::part(drags) {\n        background-color: var(--qti-dark-bg-active);\n      }\n    }\n\n    /* General styles for active and enabled states */\n    &:state(--dragzone-active)::part(drags) {\n      border-color: var(--qti-border-active);\n      background-color: var(--qti-bg-active);\n    }\n\n    &:state(--dragzone-enabled)::part(drags) {\n      background-color: var(--qti-bg-active);\n    }\n  }\n\n  qti-graphic-associate-interaction {\n    position: relative;\n    display: block;\n\n    & qti-associable-hotspot {\n      &[shape='circle'] {\n\n        &:hover {\n          background-color: var(--qti-hover-bg);\n        }\n\n        &:focus {\n          box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n        }\n\n        &[aria-checked='true'] {\n          border-color: var(--qti-border-active);\n          background-color: var(--qti-bg-active);\n        }\n\n        &[aria-readonly='true'] {\n          cursor: pointer;\n          background-color: var(--qti-bg);\n          outline: 0;\n          border: none;\n        }\n\n        &[aria-disabled='true'] {\n          cursor: not-allowed;\n          background-color: var(--qti-disabled-bg);\n          color: var(--qti-disabled-color);\n          border-color: var(--qti-border-color);\n          outline: 4px solid var(--qti-disabled-bg);\n        }\n\n        width: 100%;\n\n        height: 100%;\n\n        background-color: transparent;\n\n        padding: 0;\n\n        border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n\n        outline: none\n      }\n\n      &[shape='square'] {\n\n        &:hover {\n          background-color: var(--qti-hover-bg);\n        }\n\n        &:focus {\n          box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n        }\n\n        &[aria-checked='true'] {\n          border-color: var(--qti-border-active);\n          background-color: var(--qti-bg-active);\n        }\n\n        &[aria-readonly='true'] {\n          cursor: pointer;\n          background-color: var(--qti-bg);\n          outline: 0;\n          border: none;\n        }\n\n        &[aria-disabled='true'] {\n          cursor: not-allowed;\n          background-color: var(--qti-disabled-bg);\n          color: var(--qti-disabled-color);\n          border-color: var(--qti-border-color);\n          outline: 4px solid var(--qti-disabled-bg);\n        }\n\n        width: 100%;\n\n        height: 100%;\n\n        background-color: transparent;\n\n        padding: 0;\n\n        border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n\n        outline: none\n      }\n    }\n\n    &.qti-selections-light {\n      &:state(--dragzone-active)::part(drags) {\n        background-color: var(--qti-light-bg-active);\n        border-color: var(--qti-light-border-active);\n      }\n\n      &:state(--dragzone-enabled)::part(drags) {\n        background-color: var(--qti-light-bg-active);\n      }\n    }\n\n    &.qti-selections-dark {\n      &:state(--dragzone-active)::part(drags) {\n        background-color: var(--qti-dark-bg-active);\n        border-color: var(--qti-dark-border-active);\n      }\n\n      &:state(--dragzone-enabled)::part(drags) {\n        background-color: var(--qti-dark-bg-active);\n      }\n    }\n\n    /* General styles for active and enabled states */\n    &:state(--dragzone-active)::part(drags) {\n      border-color: var(--qti-border-active);\n      background-color: var(--qti-bg-active);\n    }\n\n    &:state(--dragzone-enabled)::part(drags) {\n      background-color: var(--qti-bg-active);\n    }\n  }\n\n  qti-slider-interaction {\n    --qti-tick-color: rgb(229 231 235 / 100%);\n    --qti-tick-width: 1px;\n  }\n\n  qti-select-point-interaction {\n    &::part(point) {\n      &:hover {\n        background-color: var(--qti-hover-bg);\n      }\n\n      &:focus {\n        box-shadow: 0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);\n      }\n\n      border-radius: 100%;\n\n      width: var(--qti-point-size);\n\n      height: var(--qti-point-size);\n\n      background-color: transparent;\n\n      padding: 0;\n\n      border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);\n\n      outline: none;\n    }\n  }\n\n  qti-position-object-stage {\n    & qti-position-object-interaction {\n      /* no styles necessary, only layout styles, defined in the component */\n    }\n  }\n\n  qti-prompt {\n    margin: 0.5rem 0; /* my-2 */\n    display: block;\n    width: 100%;\n  }\n}\n"],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;","names":[]}