@citolab/qti-components 7.0.4 → 7.0.5

package/cdn/qti-test/components/index.global.js

@@ -0,0 +1,242 @@
+function n(n,t){if(t==null||t>n.length)t=n.length;for(var e=0,r=new Array(t);e<t;e++)r[e]=n[e];return r}function t(n){if(Array.isArray(n))return n}function e(t){if(Array.isArray(t))return n(t)}function r(n){if(n===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return n}function i(n,t,e,r,i,a,o){try{var s=n[a](o);var l=s.value}catch(n){e(n);return}if(s.done){t(l)}else{Promise.resolve(l).then(r,i)}}function a(n){return function(){var t=this,e=arguments;return new Promise(function(r,a){var o=n.apply(t,e);function s(n){i(o,r,a,s,l,"next",n)}function l(n){i(o,r,a,s,l,"throw",n)}s(undefined)})}}function o(n,t,e){t=v(t);return x(n,z()?Reflect.construct(t,e||[],v(n).constructor):t.apply(n,e))}function s(n,t){if(!(n instanceof t)){throw new TypeError("Cannot call a class as a function")}}function l(n,t,e){if(z()){l=Reflect.construct}else{l=function n(n,t,e){var r=[null];r.push.apply(r,t);var i=Function.bind.apply(n,r);var a=new i;if(e)E(a,e.prototype);return a}}return l.apply(null,arguments)}function d(n,t){for(var e=0;e<t.length;e++){var r=t[e];r.enumerable=r.enumerable||false;r.configurable=true;if("value"in r)r.writable=true;Object.defineProperty(n,r.key,r)}}function c(n,t,e){if(t)d(n.prototype,t);if(e)d(n,e);return n}function u(n,t,e){if(t in n){Object.defineProperty(n,t,{value:e,enumerable:true,configurable:true,writable:true})}else{n[t]=e}return n}function h(n,t,e){if(typeof Reflect!=="undefined"&&Reflect.get){h=Reflect.get}else{h=function n(n,t,e){var r=C(n,t);if(!r)return;var i=Object.getOwnPropertyDescriptor(r,t);if(i.get){return i.get.call(e||n)}return i.value}}return h(n,t,e||n)}function v(n){v=Object.setPrototypeOf?Object.getPrototypeOf:function n(n){return n.__proto__||Object.getPrototypeOf(n)};return v(n)}function p(n,t){if(typeof t!=="function"&&t!==null){throw new TypeError("Super expression must either be null or a function")}n.prototype=Object.create(t&&t.prototype,{constructor:{value:n,writable:true,configurable:true}});if(t)E(n,t)}function g(n,t){if(t!=null&&typeof Symbol!=="undefined"&&t[Symbol.hasInstance]){return!!t[Symbol.hasInstance](n)}else{return n instanceof t}}function f(n){return Function.toString.call(n).indexOf("[native code]")!==-1}function b(n){if(typeof Symbol!=="undefined"&&n[Symbol.iterator]!=null||n["@@iterator"]!=null)return Array.from(n)}function m(n,t){var e=n==null?null:typeof Symbol!=="undefined"&&n[Symbol.iterator]||n["@@iterator"];if(e==null)return;var r=[];var i=true;var a=false;var o,s;try{for(e=e.call(n);!(i=(o=e.next()).done);i=true){r.push(o.value);if(t&&r.length===t)break}}catch(n){a=true;s=n}finally{try{if(!i&&e["return"]!=null)e["return"]()}finally{if(a)throw s}}return r}function y(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function q(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function w(n){for(var t=1;t<arguments.length;t++){var e=arguments[t]!=null?arguments[t]:{};var r=Object.keys(e);if(typeof Object.getOwnPropertySymbols==="function"){r=r.concat(Object.getOwnPropertySymbols(e).filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))}r.forEach(function(t){u(n,t,e[t])})}return n}function _(n,t){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);if(t){r=r.filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable})}e.push.apply(e,r)}return e}function k(n,t){t=t!=null?t:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(n,Object.getOwnPropertyDescriptors(t))}else{_(Object(t)).forEach(function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))})}return n}function x(n,t){if(t&&(S(t)==="object"||typeof t==="function")){return t}return r(n)}function E(n,t){E=Object.setPrototypeOf||function n(n,t){n.__proto__=t;return n};return E(n,t)}function A(n,e){return t(n)||m(n,e)||R(n,e)||y()}function C(n,t){while(!Object.prototype.hasOwnProperty.call(n,t)){n=v(n);if(n===null)break}return n}function $(n,t){if(!t){t=n.slice(0)}return Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(t)}}))}function O(n){return e(n)||b(n)||R(n)||q()}function S(n){"@swc/helpers - typeof";return n&&typeof Symbol!=="undefined"&&n.constructor===Symbol?"symbol":typeof n}function R(t,e){if(!t)return;if(typeof t==="string")return n(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);if(r==="Object"&&t.constructor)r=t.constructor.name;if(r==="Map"||r==="Set")return Array.from(r);if(r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return n(t,e)}function P(n){var t=typeof Map==="function"?new Map:undefined;P=function n(n){if(n===null||!f(n))return n;if(typeof n!=="function"){throw new TypeError("Super expression must either be null or a function")}if(typeof t!=="undefined"){if(t.has(n))return t.get(n);t.set(n,e)}function e(){return l(n,arguments,v(this).constructor)}e.prototype=Object.create(n.prototype,{constructor:{value:e,enumerable:false,writable:true,configurable:true}});return E(e,n)};return P(n)}function z(){try{var n=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(n){}return(z=function(){return!!n})()}function I(n,t){var e,r,i,a,o={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]};return a={next:s(0),"throw":s(1),"return":s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(n){return function(t){return l([n,t])}}function l(a){if(e)throw new TypeError("Generator is already executing.");while(o)try{if(e=1,r&&(i=a[0]&2?r["return"]:a[0]?r["throw"]||((i=r["return"])&&i.call(r),0):r.next)&&!(i=i.call(r,a[1])).done)return i;if(r=0,i)a=[a[0]&2,i.value];switch(a[0]){case 0:case 1:i=a;break;case 4:o.label++;return{value:a[1],done:false};case 5:o.label++;r=a[1];a=[0];continue;case 7:a=o.ops.pop();o.trys.pop();continue;default:if(!(i=o.trys,i=i.length>0&&i[i.length-1])&&(a[0]===6||a[0]===2)){o=0;continue}if(a[0]===3&&(!i||a[1]>i[0]&&a[1]<i[3])){o.label=a[1];break}if(a[0]===6&&o.label<i[1]){o.label=i[1];i=a;break}if(i&&o.label<i[2]){o.label=i[2];o.ops.push(a);break}if(i[2])o.ops.pop();o.trys.pop();continue}a=t.call(n,o)}catch(n){a=[6,n];r=0}finally{e=i=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}}function T(){var n=$(["\n  display: inline-flex;\n  align-items: center;\n  cursor: pointer;\n  padding: 0.5rem 1rem;\n  border-radius: 0.25rem;\n  user-select: none;\n"]);T=function t(){return n};return n}function U(){var n=$(["\n  background-color: lightgray;\n  ",";\n"]);U=function t(){return n};return n}function M(){var n=$(["\n  cursor: not-allowed;\n  opacity: 0.5;\n"]);M=function t(){return n};return n}function L(){var n=$(["\n  ",";\n  border: 1px solid gray;\n"]);L=function t(){return n};return n}function N(){var n=$(["<slot></slot>"]);N=function t(){return n};return n}function D(){var n=$(["\n    :host {\n      ",";\n    }\n    :host([disabled]) {\n      ",";\n    }\n  "]);D=function t(){return n};return n}function j(){var n=$(["<slot></slot>"]);j=function t(){return n};return n}function B(){var n=$(["\n    :host {\n      ",";\n    }\n    :host([disabled]) {\n      ",";\n    }\n  "]);B=function t(){return n};return n}function F(){var n=$(['<option value="','" ?selected=',">","</option>"]);F=function t(){return n};return n}function H(){var n=$(['\n      <label part="label" for="viewSelect">','</label>\n      <select\n        part="select"\n        id="viewSelect"\n        .disabled=',"\n        @change=","\n      >\n        ","\n      </select>\n    "]);H=function t(){return n};return n}function V(){var n=$([" <slot></slot> "]);V=function t(){return n};return n}function G(){var n=$(["\n    :host {\n      ",";\n    }\n    :host([disabled]) {\n      ",";\n    }\n  "]);G=function t(){return n};return n}function W(){var n=$(['<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">\n<xsl:output method="html" version="5.0" encoding="UTF-8" indent="yes" />\n  <xsl:template match="@*|node()">\n    <xsl:copy>\n      <xsl:apply-templates select="@*|node()"/>\n    </xsl:copy>\n  </xsl:template>\n\n  \x3c!-- remove existing namespaces --\x3e\n  <xsl:template match="*">\n    \x3c!-- remove element prefix --\x3e\n    <xsl:element name="{local-name()}">\n      \x3c!-- process attributes --\x3e\n      <xsl:for-each select="@*">\n        \x3c!-- remove attribute prefix --\x3e\n        <xsl:attribute name="{local-name()}">\n          <xsl:value-of select="."/>\n        </xsl:attribute>\n      </xsl:for-each>\n    <xsl:apply-templates/>\n  </xsl:element>\n</xsl:template>\n</xsl:stylesheet>']);W=function t(){return n};return n}function X(){var n=$([""]);X=function t(){return n};return n}function K(){var n=$(["<span>Loading...</span>"]);K=function t(){return n};return n}function Y(){var n=$(["\n      ","\n      <slot></slot>\n      ","\n    "]);Y=function t(){return n};return n}function Z(){var n=$(["\n      ","\n    "]);Z=function t(){return n};return n}var QtiComponents=function(){var n=function n(n){var t=n.context,e=n.subscribe;return function(n,r){(typeof r==="undefined"?"undefined":S(r))=="object"?r.addInitializer(function(){var r=this;new na(this,{context:t,callback:function(t){n.set.call(r,t)},subscribe:e})}):n.constructor.addInitializer(function(n){new na(n,{context:t,callback:function(t){n[r]=t},subscribe:e})})}};var t=function n(n,t){if(!n0(n)||!n.hasOwnProperty("raw"))throw Error("invalid template strings array");return nG!==void 0?nG.createHTML(t):t};var e=function n(n){return function(t,e){return(typeof e==="undefined"?"undefined":S(e))=="object"?tC(n,t,e):function(n,t,e){var r=t.hasOwnProperty(e);return t.constructor.createProperty(e,r?k(w({},n),{wrapped:!0}):n),r?Object.getOwnPropertyDescriptor(t,e):void 0}(n,t,e)}};var r=function n(n){return e(k(w({},n),{state:!0,attribute:!1}))};var i=function n(n,t){var e=w({waitUntilFirstUpdate:!1},t);return function(t,r){var i=t.update,a=Array.isArray(n)?n:[n];t.update=function(n){var t=this;a.forEach(function(i){var a=i;if(n.has(a)){var o=n.get(a),s=t[a];o!==s&&(!e.waitUntilFirstUpdate||t.hasUpdated)&&t[r](o,s)}}),i.call(this,n)}}};var l=function n(n){return function(t,r){e(n)(t,r);var i="__".concat(r);Object.defineProperty(t,r,{get:function n(){return this[i]},set:function t(t){var e=this[i];if(this[i]=t,e!==t){var a;if((a=this._internals)===null||a===void 0?void 0:a.states){var o=r.toLowerCase();t?this._internals.states.add("--".concat(o)):this._internals.states.delete("--".concat(o))}if(n.aria&&this._internals){var s=n.aria;t?this._internals[s]="true":this._internals[s]=null}this.requestUpdate(r,e)}},configurable:!0,enumerable:!0})}};var d=function n(n){this._$AN!==void 0?(tG(this),this._$AM=n,tW(this)):this._$AM=n};var u=function n(n){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1,e=arguments.length>2&&arguments[2]!==void 0?arguments[2]:0;var r=this._$AH,i=this._$AN;if(i!==void 0&&i.size!==0)if(t)if(Array.isArray(r))for(var a=e;a<r.length;a++)tV(r[a],!1),tG(r[a]);else r!=null&&(tV(r,!1),tG(r));else tV(this,n)};var f=function n(n){var t=[];return n.querySelectorAll("qti-assessment-item-ref").forEach(function(n){var e=n.getAttribute("identifier"),r=n.getAttribute("href"),i=n.getAttribute("category");t.push({identifier:e,href:r,category:i})}),t};var b=function n(n){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1;return t&&t4!==null&&t4.abort(),new Promise(function(t,e){var r=new XMLHttpRequest;t4=r,r.open("GET",n,!0),r.responseType="document",r.onload=function(){r.status>=200&&r.status<300?t(r.responseXML):e(r.statusText)},r.onerror=function(){e(r.statusText)},r.send()})};var m=function n(n){return new DOMParser().parseFromString(n,"text/xml")};var y=function n(n){var t=new XSLTProcessor,e=new DOMParser().parseFromString(t3,"text/xml");return t.importStylesheet(e),t.transformToFragment(n,document)};var q=function n(n,t){t.endsWith("/")||(t+="/"),n.querySelectorAll("[src],[href],[primary-path]").forEach(function(n){var e;var r="";n.getAttribute("src")&&(r="src"),n.getAttribute("href")&&(r="href"),n.getAttribute("primary-path")&&(r="primary-path");var i=(e=n.getAttribute(r))===null||e===void 0?void 0:e.trim();if(!i.startsWith("data:")&&!i.startsWith("http")){var a=t+encodeURI(i);n.setAttribute(r,a)}})};var _,x;var E=Object.defineProperty;var C=Object.getOwnPropertyDescriptor;var $=Object.getOwnPropertyNames;var R=Object.prototype.hasOwnProperty;var z=function(n,t,e){return t in n?E(n,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):n[t]=e};var Q=function(n,t){for(var e in t)E(n,e,{get:t[e],enumerable:!0})},J=function(n,t,e,r){var i=true,a=false,o=undefined;if(t&&(typeof t==="undefined"?"undefined":S(t))=="object"||typeof t=="function")try{var s=function(){var i=d.value;!R.call(n,i)&&i!==e&&E(n,i,{get:function(){return t[i]},enumerable:!(r=C(t,i))||r.enumerable})};for(var l=$(t)[Symbol.iterator](),d;!(i=(d=l.next()).done);i=true)s()}catch(n){a=true;o=n}finally{try{if(!i&&l.return!=null){l.return()}}finally{if(a){throw o}}}return n};var nn=function(n){return J(E({},"__esModule",{value:!0}),n)},nt=function(n,t,e,r){for(var i=r>1?void 0:r?C(t,e):t,a=n.length-1,o;a>=0;a--)(o=n[a])&&(i=(r?o(t,e,i):o(i))||i);return r&&i&&E(t,e,i),i};var ne=function(n,t,e){return z(n,(typeof t==="undefined"?"undefined":S(t))!="symbol"?t+"":t,e)};var nr={};Q(nr,{TestComponent:function(){return tS},TestContainer:function(){return t8},TestItemLink:function(){return tL},TestNext:function(){return tT},TestPagingButtonsStamp:function(){return eF},TestPrev:function(){return tU},TestView:function(){return tM}});var ni=/*#__PURE__*/function(n){"use strict";p(t,n);function t(n,e,r){s(this,t);var i;i=o(this,t,["context-request",{bubbles:!0,composed:!0}]),i.context=n,i.callback=e,i.subscribe=r!==null&&r!==void 0?r:!1;return i}return t}(P(Event));var na=/*#__PURE__*/function(){"use strict";function n(t,e,r,i){var a=this;s(this,n);if(this.subscribe=!1,this.provided=!1,this.value=void 0,this.t=function(n,t){a.unsubscribe&&(a.unsubscribe!==t&&(a.provided=!1,a.unsubscribe()),a.subscribe||a.unsubscribe()),a.value=n,a.host.requestUpdate(),a.provided&&!a.subscribe||(a.provided=!0,a.callback&&a.callback(n,t)),a.unsubscribe=t},this.host=t,e.context!==void 0){var o=e;var l;this.context=o.context,this.callback=o.callback,this.subscribe=(l=o.subscribe)!==null&&l!==void 0?l:!1}else this.context=e,this.callback=r,this.subscribe=i!==null&&i!==void 0?i:!1;this.host.addController(this)}c(n,[{key:"hostConnected",value:function n(){this.dispatchRequest()}},{key:"hostDisconnected",value:function n(){this.unsubscribe&&(this.unsubscribe(),this.unsubscribe=void 0)}},{key:"dispatchRequest",value:function n(){this.host.dispatchEvent(new ni(this.context,this.t,this.subscribe))}}]);return n}();var no=/*#__PURE__*/function(){"use strict";function n(t){s(this,n);this.ariaAtomic="",this.ariaAutoComplete="",this.ariaBrailleLabel="",this.ariaBrailleRoleDescription="",this.ariaBusy="",this.ariaChecked="",this.ariaColCount="",this.ariaColIndex="",this.ariaColSpan="",this.ariaCurrent="",this.ariaDescription="",this.ariaDisabled="",this.ariaExpanded="",this.ariaHasPopup="",this.ariaHidden="",this.ariaInvalid="",this.ariaKeyShortcuts="",this.ariaLabel="",this.ariaLevel="",this.ariaLive="",this.ariaModal="",this.ariaMultiLine="",this.ariaMultiSelectable="",this.ariaOrientation="",this.ariaPlaceholder="",this.ariaPosInSet="",this.ariaPressed="",this.ariaReadOnly="",this.ariaRequired="",this.ariaRoleDescription="",this.ariaRowCount="",this.ariaRowIndex="",this.ariaRowSpan="",this.ariaSelected="",this.ariaSetSize="",this.ariaSort="",this.ariaValueMax="",this.ariaValueMin="",this.ariaValueNow="",this.ariaValueText="",this.role="",this.form=null,this.labels=[],this.states=new Set,this.validationMessage="",this.validity={},this.willValidate=!0,this.__host=t}c(n,[{key:"shadowRoot",get:function n(){return this.__host.__shadowRoot}},{key:"checkValidity",value:function n(){return console.warn("`ElementInternals.checkValidity()` was called on the server.This method always returns true."),!0}},{key:"reportValidity",value:function n(){return!0}},{key:"setFormValue",value:function n(){}},{key:"setValidity",value:function n(){}}]);return n}();var ns=new WeakMap,nl=function(n){var t=ns.get(n);return t===void 0&&ns.set(n,t=new Map),t},nd=/*#__PURE__*/function(){"use strict";function n(){s(this,n);this.__shadowRootMode=null,this.__shadowRoot=null,this.__internals=null}c(n,[{key:"attributes",get:function n(){return Array.from(nl(this)).map(function(n){var t=A(n,2),e=t[0],r=t[1];return{name:e,value:r}})}},{key:"shadowRoot",get:function n(){return this.__shadowRootMode==="closed"?null:this.__shadowRoot}},{key:"localName",get:function n(){return this.constructor.__localName}},{key:"tagName",get:function n(){var n;return(n=this.localName)===null||n===void 0?void 0:n.toUpperCase()}},{key:"setAttribute",value:function n(n,t){nl(this).set(n,String(t))}},{key:"removeAttribute",value:function n(n){nl(this).delete(n)}},{key:"toggleAttribute",value:function n(n,t){if(this.hasAttribute(n)){if(t===void 0||!t)return this.removeAttribute(n),!1}else return t===void 0||t?(this.setAttribute(n,""),!0):!1;return!0}},{key:"hasAttribute",value:function n(n){return nl(this).has(n)}},{key:"attachShadow",value:function n(n){var t={host:this};return this.__shadowRootMode=n.mode,n&&n.mode==="open"&&(this.__shadowRoot=t),t}},{key:"attachInternals",value:function n(){if(this.__internals!==null)throw new Error("Failed to execute 'attachInternals' on 'HTMLElement': ElementInternals for the specified element was already attached.");var n=new no(this);return this.__internals=n,n}},{key:"getAttribute",value:function n(n){var t;return(t=nl(this).get(n))!==null&&t!==void 0?t:null}}]);return n}();var nc=/*#__PURE__*/function(n){"use strict";p(t,n);function t(){s(this,t);return o(this,t,arguments)}return t}(nd),nu=nc;var nh=/*#__PURE__*/function(){"use strict";function n(){s(this,n);this.__definitions=new Map}c(n,[{key:"define",value:function n(n,t){if(this.__definitions.has(n))if(process.env.NODE_ENV==="development")console.warn("'CustomElementRegistry' already has \"".concat(n,'" defined. This may have been caused by live reload or hot module replacement in which case it can be safely ignored.\nMake sure to test your application with a production build as repeat registrations will throw in production.'));else throw new Error("Failed to execute 'define' on 'CustomElementRegistry': the name \"".concat(n,'" has already been used with this registry'));var e;t.__localName=n,this.__definitions.set(n,{ctor:t,observedAttributes:(e=t.observedAttributes)!==null&&e!==void 0?e:[]})}},{key:"get",value:function n(n){var t;return(t=this.__definitions.get(n))===null||t===void 0?void 0:t.ctor}}]);return n}(),nv=nh;var np=new nv;var ng=globalThis,nf=ng.ShadowRoot&&(ng.ShadyCSS===void 0||ng.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,nb=Symbol(),nm=new WeakMap,ny=/*#__PURE__*/function(){"use strict";function n(t,e,r){s(this,n);if(this._$cssResult$=!0,r!==nb)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}c(n,[{key:"styleSheet",get:function n(){var n=this.o,t=this.t;if(nf&&n===void 0){var e=t!==void 0&&t.length===1;e&&(n=nm.get(t)),n===void 0&&((this.o=n=new CSSStyleSheet).replaceSync(this.cssText),e&&nm.set(t,n))}return n}},{key:"toString",value:function n(){return this.cssText}}]);return n}(),nq=function(n){return new ny(typeof n=="string"?n:n+"",void 0,nb)},nw=function(n){for(var t=arguments.length,e=new Array(t>1?t-1:0),r=1;r<t;r++){e[r-1]=arguments[r]}var i=n.length===1?n[0]:e.reduce(function(t,e,r){return t+function(n){if(n._$cssResult$===!0)return n.cssText;if(typeof n=="number")return n;throw Error("Value passed to 'css' function must be a 'css' function result: "+n+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")}(e)+n[r+1]},n[0]);return new ny(i,n,nb)},n_=function(n,t){var e=true,r=false,i=undefined;if(nf)n.adoptedStyleSheets=t.map(function(n){return g(n,CSSStyleSheet)?n:n.styleSheet});else try{for(var a=t[Symbol.iterator](),o;!(e=(o=a.next()).done);e=true){var s=o.value;var l=document.createElement("style"),d=ng.litNonce;d!==void 0&&l.setAttribute("nonce",d),l.textContent=s.cssText,n.appendChild(l)}}catch(n){r=true;i=n}finally{try{if(!e&&a.return!=null){a.return()}}finally{if(r){throw i}}}},nk=nf||ng.CSSStyleSheet===void 0?function(n){return n}:function(n){return g(n,CSSStyleSheet)?function(n){var t="";var e=true,r=false,i=undefined;try{for(var a=n.cssRules[Symbol.iterator](),o;!(e=(o=a.next()).done);e=true){var s=o.value;t+=s.cssText}}catch(n){r=true;i=n}finally{try{if(!e&&a.return!=null){a.return()}}finally{if(r){throw i}}}return nq(t)}(n):n};var nx=Object.is,nE=Object.defineProperty,nA=Object.getOwnPropertyDescriptor,nC=Object.getOwnPropertyNames,n$=Object.getOwnPropertySymbols,nO=Object.getPrototypeOf,nS=globalThis;var nR;(nR=nS.customElements)!==null&&nR!==void 0?nR:nS.customElements=np;var nP=nS.trustedTypes,nz=nP?nP.emptyScript:"",nI=nS.reactiveElementPolyfillSupport,nT=function(n,t){return n},nU={toAttribute:function n(n,t){switch(t){case Boolean:n=n?nz:null;break;case Object:case Array:n=n==null?n:JSON.stringify(n)}return n},fromAttribute:function n(n,t){var e=n;switch(t){case Boolean:e=n!==null;break;case Number:e=n===null?null:Number(n);break;case Object:case Array:try{e=JSON.parse(n)}catch(n){e=null}}return e}},nM=function(n,t){return!nx(n,t)},nL={attribute:!0,type:String,converter:nU,reflect:!1,hasChanged:nM};var nN,nD;(nN=Symbol.metadata)!==null&&nN!==void 0?nN:Symbol.metadata=Symbol("metadata"),(nD=nS.litPropertyMetadata)!==null&&nD!==void 0?nD:nS.litPropertyMetadata=new WeakMap;var nj;var nB=/*#__PURE__*/function(n){"use strict";p(t,n);function t(){s(this,t);var n;n=o(this,t),n._$Ep=void 0,n.isUpdatePending=!1,n.hasUpdated=!1,n._$Em=null,n._$Ev();return n}c(t,[{key:"_$Ev",value:function n(){var n=this;var t;this._$ES=new Promise(function(t){return n.enableUpdating=t}),this._$AL=new Map,this._$E_(),this.requestUpdate(),(t=this.constructor.l)===null||t===void 0?void 0:t.forEach(function(t){return t(n)})}},{key:"addController",value:function n(n){var t;var e;((e=this._$EO)!==null&&e!==void 0?e:this._$EO=new Set).add(n),this.renderRoot!==void 0&&this.isConnected&&((t=n.hostConnected)===null||t===void 0?void 0:t.call(n))}},{key:"removeController",value:function n(n){var t;(t=this._$EO)===null||t===void 0?void 0:t.delete(n)}},{key:"_$E_",value:function n(){var n=new Map,t=this.constructor.elementProperties;var e=true,r=false,i=undefined;try{for(var a=t.keys()[Symbol.iterator](),o;!(e=(o=a.next()).done);e=true){var s=o.value;this.hasOwnProperty(s)&&(n.set(s,this[s]),delete this[s])}}catch(n){r=true;i=n}finally{try{if(!e&&a.return!=null){a.return()}}finally{if(r){throw i}}}n.size>0&&(this._$Ep=n)}},{key:"createRenderRoot",value:function n(){var n;var t=(n=this.shadowRoot)!==null&&n!==void 0?n:this.attachShadow(this.constructor.shadowRootOptions);return n_(t,this.constructor.elementStyles),t}},{key:"connectedCallback",value:function n(){var n;var t;(t=this.renderRoot)!==null&&t!==void 0?t:this.renderRoot=this.createRenderRoot(),this.enableUpdating(!0),(n=this._$EO)===null||n===void 0?void 0:n.forEach(function(n){var t;return(t=n.hostConnected)===null||t===void 0?void 0:t.call(n)})}},{key:"enableUpdating",value:function n(n){}},{key:"disconnectedCallback",value:function n(){var n;(n=this._$EO)===null||n===void 0?void 0:n.forEach(function(n){var t;return(t=n.hostDisconnected)===null||t===void 0?void 0:t.call(n)})}},{key:"attributeChangedCallback",value:function n(n,t,e){this._$AK(n,e)}},{key:"_$EC",value:function n(n,t){var e=this.constructor.elementProperties.get(n),r=this.constructor._$Eu(n,e);if(r!==void 0&&e.reflect===!0){var i;var a=(((i=e.converter)===null||i===void 0?void 0:i.toAttribute)!==void 0?e.converter:nU).toAttribute(t,e.type);this._$Em=n,a==null?this.removeAttribute(r):this.setAttribute(r,a),this._$Em=null}}},{key:"_$AK",value:function n(n,t){var e=this.constructor,r=e._$Eh.get(n);if(r!==void 0&&this._$Em!==r){var i;var a=e.getPropertyOptions(r),o=typeof a.converter=="function"?{fromAttribute:a.converter}:((i=a.converter)===null||i===void 0?void 0:i.fromAttribute)!==void 0?a.converter:nU;this._$Em=r,this[r]=o.fromAttribute(t,a.type),this._$Em=null}}},{key:"requestUpdate",value:function n(n,t,e){if(n!==void 0){var r;if(e!==null&&e!==void 0?e:e=this.constructor.getPropertyOptions(n),!((r=e.hasChanged)!==null&&r!==void 0?r:nM)(this[n],t))return;this.P(n,t,e)}this.isUpdatePending===!1&&(this._$ES=this._$ET())}},{key:"P",value:function n(n,t,e){var r;this._$AL.has(n)||this._$AL.set(n,t),e.reflect===!0&&this._$Em!==n&&((r=this._$Ej)!==null&&r!==void 0?r:this._$Ej=new Set).add(n)}},{key:"_$ET",value:function n(){var n=this;return a(function(){var t,e,r;return I(this,function(i){switch(i.label){case 0:n.isUpdatePending=!0;i.label=1;case 1:i.trys.push([1,3,,4]);return[4,n._$ES];case 2:i.sent();return[3,4];case 3:t=i.sent();Promise.reject(t);return[3,4];case 4:e=n.scheduleUpdate();r=e!=null;if(!r)return[3,6];return[4,e];case 5:r=i.sent();i.label=6;case 6:return[2,(r,!n.isUpdatePending)]}})})()}},{key:"scheduleUpdate",value:function n(){return this.performUpdate()}},{key:"performUpdate",value:function n(){if(!this.isUpdatePending)return;if(!this.hasUpdated){var n;if((n=this.renderRoot)!==null&&n!==void 0?n:this.renderRoot=this.createRenderRoot(),this._$Ep){var t=true,e=false,r=undefined;try{for(var i=this._$Ep[Symbol.iterator](),a;!(t=(a=i.next()).done);t=true){var o=A(a.value,2),s=o[0],l=o[1];this[s]=l}}catch(n){e=true;r=n}finally{try{if(!t&&i.return!=null){i.return()}}finally{if(e){throw r}}}this._$Ep=void 0}var d=this.constructor.elementProperties;var c=true,u=false,h=undefined;if(d.size>0)try{for(var v=d[Symbol.iterator](),p;!(c=(p=v.next()).done);c=true){var g=A(p.value,2),f=g[0],b=g[1];b.wrapped!==!0||this._$AL.has(f)||this[f]===void 0||this.P(f,this[f],b)}}catch(n){u=true;h=n}finally{try{if(!c&&v.return!=null){v.return()}}finally{if(u){throw h}}}}var m=!1,y=this._$AL;try{var q;m=this.shouldUpdate(y),m?(this.willUpdate(y),(q=this._$EO)===null||q===void 0?void 0:q.forEach(function(n){var t;return(t=n.hostUpdate)===null||t===void 0?void 0:t.call(n)}),this.update(y)):this._$EU()}catch(n){throw m=!1,this._$EU(),n}m&&this._$AE(y)}},{key:"willUpdate",value:function n(n){}},{key:"_$AE",value:function n(n){var t;(t=this._$EO)===null||t===void 0?void 0:t.forEach(function(n){var t;return(t=n.hostUpdated)===null||t===void 0?void 0:t.call(n)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(n)),this.updated(n)}},{key:"_$EU",value:function n(){this._$AL=new Map,this.isUpdatePending=!1}},{key:"updateComplete",get:function n(){return this.getUpdateComplete()}},{key:"getUpdateComplete",value:function n(){return this._$ES}},{key:"shouldUpdate",value:function n(n){return!0}},{key:"update",value:function n(n){var t=this;this._$Ej&&(this._$Ej=this._$Ej.forEach(function(n){return t._$EC(n,t[n])})),this._$EU()}},{key:"updated",value:function n(n){}},{key:"firstUpdated",value:function n(n){}}],[{key:"addInitializer",value:function n(n){var t;this._$Ei(),((t=this.l)!==null&&t!==void 0?t:this.l=[]).push(n)}},{key:"observedAttributes",get:function n(){return this.finalize(),this._$Eh&&O(this._$Eh.keys())}},{key:"createProperty",value:function n(n){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:nL;if(t.state&&(t.attribute=!1),this._$Ei(),this.elementProperties.set(n,t),!t.noAccessor){var e=Symbol(),r=this.getPropertyDescriptor(n,e,t);r!==void 0&&nE(this.prototype,n,r)}}},{key:"getPropertyDescriptor",value:function n(n,t,e){var r;var i=(r=nA(this.prototype,n))!==null&&r!==void 0?r:{get:function n(){return this[t]},set:function n(n){this[t]=n}},a=i.get,o=i.set;return{get:function n(){return a===null||a===void 0?void 0:a.call(this)},set:function t(t){var r=a===null||a===void 0?void 0:a.call(this);o.call(this,t),this.requestUpdate(n,r,e)},configurable:!0,enumerable:!0}}},{key:"getPropertyOptions",value:function n(n){var t;return(t=this.elementProperties.get(n))!==null&&t!==void 0?t:nL}},{key:"_$Ei",value:function n(){if(this.hasOwnProperty(nT("elementProperties")))return;var n=nO(this);n.finalize(),n.l!==void 0&&(this.l=O(n.l)),this.elementProperties=new Map(n.elementProperties)}},{key:"finalize",value:function n(){if(this.hasOwnProperty(nT("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(nT("properties"))){var n=this.properties,t=O(nC(n)).concat(O(n$(n)));var e=true,r=false,i=undefined;try{for(var a=t[Symbol.iterator](),o;!(e=(o=a.next()).done);e=true){var s=o.value;this.createProperty(s,n[s])}}catch(n){r=true;i=n}finally{try{if(!e&&a.return!=null){a.return()}}finally{if(r){throw i}}}}var l=this[Symbol.metadata];if(l!==null){var d=litPropertyMetadata.get(l);var c=true,u=false,h=undefined;if(d!==void 0)try{for(var v=d[Symbol.iterator](),p;!(c=(p=v.next()).done);c=true){var g=A(p.value,2),f=g[0],b=g[1];this.elementProperties.set(f,b)}}catch(n){u=true;h=n}finally{try{if(!c&&v.return!=null){v.return()}}finally{if(u){throw h}}}}this._$Eh=new Map;var m=true,y=false,q=undefined;try{for(var w=this.elementProperties[Symbol.iterator](),_;!(m=(_=w.next()).done);m=true){var k=A(_.value,2),x=k[0],E=k[1];var C=this._$Eu(x,E);C!==void 0&&this._$Eh.set(C,x)}}catch(n){y=true;q=n}finally{try{if(!m&&w.return!=null){w.return()}}finally{if(y){throw q}}}this.elementStyles=this.finalizeStyles(this.styles)}},{key:"finalizeStyles",value:function n(n){var t=[];if(Array.isArray(n)){var e=new Set(n.flat(1/0).reverse());var r=true,i=false,a=undefined;try{for(var o=e[Symbol.iterator](),s;!(r=(s=o.next()).done);r=true){var l=s.value;t.unshift(nk(l))}}catch(n){i=true;a=n}finally{try{if(!r&&o.return!=null){o.return()}}finally{if(i){throw a}}}}else n!==void 0&&t.push(nk(n));return t}},{key:"_$Eu",value:function n(n,t){var e=t.attribute;return e===!1?void 0:typeof e=="string"?e:typeof n=="string"?n.toLowerCase():void 0}}]);return t}((nj=globalThis.HTMLElement)!==null&&nj!==void 0?nj:nu);var nF;nB.elementStyles=[],nB.shadowRootOptions={mode:"open"},nB[nT("elementProperties")]=new Map,nB[nT("finalized")]=new Map,nI===null||nI===void 0?void 0:nI({ReactiveElement:nB}),((nF=nS.reactiveElementVersions)!==null&&nF!==void 0?nF:nS.reactiveElementVersions=[]).push("2.0.4");var nH=globalThis,nV=nH.trustedTypes,nG=nV?nV.createPolicy("lit-html",{createHTML:function(n){return n}}):void 0,nW="$lit$",nX="lit$".concat(Math.random().toFixed(9).slice(2),"$"),nK="?"+nX,nY="<".concat(nK,">"),nZ=nH.document===void 0?{createTreeWalker:function(){return{}}}:document,nQ=function(){return nZ.createComment("")},nJ=function(n){return n===null||(typeof n==="undefined"?"undefined":S(n))!="object"&&typeof n!="function"},n0=Array.isArray,n1=function(n){return n0(n)||typeof(n===null||n===void 0?void 0:n[Symbol.iterator])=="function"},n2="[ 	\n\f\r]",n5=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,n3=/-->/g,n4=/>/g,n6=RegExp(">|".concat(n2,"(?:([^\\s\"'>=/]+)(").concat(n2,"*=").concat(n2,"*(?:[^ 	\n\f\r\"'`<>=]|(\"|')|))|$)"),"g"),n8=/'/g,n7=/"/g,n9=/^(?:script|style|textarea|title)$/i,tn=function(n){return function(t){for(var e=arguments.length,r=new Array(e>1?e-1:0),i=1;i<e;i++){r[i-1]=arguments[i]}return{_$litType$:n,strings:t,values:r}}},tt=tn(1),te=tn(2),tr=tn(3),ti=Symbol.for("lit-noChange"),ta=Symbol.for("lit-nothing"),to=new WeakMap,ts=nZ.createTreeWalker(nZ,129);var tl=function(n,e){var r=n.length-1,i=[],a,o=e===2?"<svg>":e===3?"<math>":"",s=n5;for(var l=0;l<r;l++){var d=n[l],c=void 0,u=void 0,h=-1,v=0;for(;v<d.length&&(s.lastIndex=v,u=s.exec(d),u!==null);)v=s.lastIndex,s===n5?u[1]==="!--"?s=n3:u[1]!==void 0?s=n4:u[2]!==void 0?(n9.test(u[2])&&(a=RegExp("</"+u[2],"g")),s=n6):u[3]!==void 0&&(s=n6):s===n6?u[0]===">"?(s=a!==null&&a!==void 0?a:n5,h=-1):u[1]===void 0?h=-2:(h=s.lastIndex-u[2].length,c=u[1],s=u[3]===void 0?n6:u[3]==='"'?n7:n8):s===n7||s===n8?s=n6:s===n3||s===n4?s=n5:(s=n6,a=void 0);var p=s===n6&&n[l+1].startsWith("/>")?" ":"";o+=s===n5?d+nY:h>=0?(i.push(c),d.slice(0,h)+nW+d.slice(h)+nX+p):d+nX+(h===-2?l:p)}return[t(n,o+(n[r]||"<?>")+(e===2?"</svg>":e===3?"</math>":"")),i]},td=/*#__PURE__*/function(){"use strict";function n(t,e){var r=t.strings,i=t._$litType$;s(this,n);var a;this.parts=[];var o=0,l=0,d=r.length-1,c=this.parts,u=A(tl(r,i),2),h=u[0],v=u[1];if(this.el=n.createElement(h,e),ts.currentNode=this.el.content,i===2||i===3){var p;var g=this.el.content.firstChild;(p=g).replaceWith.apply(p,O(g.childNodes))}for(;(a=ts.nextNode())!==null&&c.length<d;){if(a.nodeType===1){var f=true,b=false,m=undefined;if(a.hasAttributes())try{for(var y=a.getAttributeNames()[Symbol.iterator](),q;!(f=(q=y.next()).done);f=true){var w=q.value;if(w.endsWith(nW)){var _=v[l++],k=a.getAttribute(w).split(nX),x=/([.?@])?(.*)/.exec(_);c.push({type:1,index:o,name:x[2],strings:k,ctor:x[1]==="."?tp:x[1]==="?"?tg:x[1]==="@"?tf:tv}),a.removeAttribute(w)}else w.startsWith(nX)&&(c.push({type:6,index:o}),a.removeAttribute(w))}}catch(n){b=true;m=n}finally{try{if(!f&&y.return!=null){y.return()}}finally{if(b){throw m}}}if(n9.test(a.tagName)){var E=a.textContent.split(nX),C=E.length-1;if(C>0){a.textContent=nV?nV.emptyScript:"";for(var $=0;$<C;$++)a.append(E[$],nQ()),ts.nextNode(),c.push({type:2,index:++o});a.append(E[C],nQ())}}}else if(a.nodeType===8)if(a.data===nK)c.push({type:2,index:o});else{var S=-1;for(;(S=a.data.indexOf(nX,S+1))!==-1;)c.push({type:7,index:o}),S+=nX.length-1}o++}}c(n,null,[{key:"createElement",value:function n(n,t){var e=nZ.createElement("template");return e.innerHTML=n,e}}]);return n}();function tc(n,t){var e=arguments.length>2&&arguments[2]!==void 0?arguments[2]:n,r=arguments.length>3?arguments[3]:void 0;var i,a;if(t===ti)return t;var o=r!==void 0?(i=e._$Co)===null||i===void 0?void 0:i[r]:e._$Cl,s=nJ(t)?void 0:t._$litDirective$;var l;return(o===null||o===void 0?void 0:o.constructor)!==s&&(o===null||o===void 0?void 0:(a=o._$AO)===null||a===void 0?void 0:a.call(o,!1),s===void 0?o=void 0:(o=new s(n),o._$AT(n,e,r)),r!==void 0?((l=e._$Co)!==null&&l!==void 0?l:e._$Co=[])[r]=o:e._$Cl=o),o!==void 0&&(t=tc(n,o._$AS(n,t.values),o,r)),t}var tu=/*#__PURE__*/function(){"use strict";function n(t,e){s(this,n);this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}c(n,[{key:"parentNode",get:function n(){return this._$AM.parentNode}},{key:"_$AU",get:function n(){return this._$AM._$AU}},{key:"u",value:function n(n){var t;var e=this._$AD,r=e.el,i=r.content,a=e.parts,o=((t=n===null||n===void 0?void 0:n.creationScope)!==null&&t!==void 0?t:nZ).importNode(i,!0);ts.currentNode=o;var s=ts.nextNode(),l=0,d=0,c=a[0];for(;c!==void 0;){if(l===c.index){var u=void 0;c.type===2?u=new th(s,s.nextSibling,this,n):c.type===1?u=new c.ctor(s,c.name,c.strings,this,n):c.type===6&&(u=new tb(s,this,n)),this._$AV.push(u),c=a[++d]}l!==(c===null||c===void 0?void 0:c.index)&&(s=ts.nextNode(),l++)}return ts.currentNode=nZ,o}},{key:"p",value:function n(n){var t=0;var e=true,r=false,i=undefined;try{for(var a=this._$AV[Symbol.iterator](),o;!(e=(o=a.next()).done);e=true){var s=o.value;s!==void 0&&(s.strings!==void 0?(s._$AI(n,s,t),t+=s.strings.length-2):s._$AI(n[t])),t++}}catch(n){r=true;i=n}finally{try{if(!e&&a.return!=null){a.return()}}finally{if(r){throw i}}}}}]);return n}(),th=/*#__PURE__*/function(){"use strict";function n(t,e,r,i){s(this,n);var a;this.type=2,this._$AH=ta,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=r,this.options=i,this._$Cv=(a=i===null||i===void 0?void 0:i.isConnected)!==null&&a!==void 0?a:!0}c(n,[{key:"_$AU",get:function n(){var n;var t;return(t=(n=this._$AM)===null||n===void 0?void 0:n._$AU)!==null&&t!==void 0?t:this._$Cv}},{key:"parentNode",get:function n(){var n=this._$AA.parentNode,t=this._$AM;return t!==void 0&&(n===null||n===void 0?void 0:n.nodeType)===11&&(n=t.parentNode),n}},{key:"startNode",get:function n(){return this._$AA}},{key:"endNode",get:function n(){return this._$AB}},{key:"_$AI",value:function n(n){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:this;n=tc(this,n,t),nJ(n)?n===ta||n==null||n===""?(this._$AH!==ta&&this._$AR(),this._$AH=ta):n!==this._$AH&&n!==ti&&this._(n):n._$litType$!==void 0?this.$(n):n.nodeType!==void 0?this.T(n):n1(n)?this.k(n):this._(n)}},{key:"O",value:function n(n){return this._$AA.parentNode.insertBefore(n,this._$AB)}},{key:"T",value:function n(n){this._$AH!==n&&(this._$AR(),this._$AH=this.O(n))}},{key:"_",value:function n(n){this._$AH!==ta&&nJ(this._$AH)?this._$AA.nextSibling.data=n:this.T(nZ.createTextNode(n)),this._$AH=n}},{key:"$",value:function n(n){var e;var r=n.values,i=n._$litType$,a=typeof i=="number"?this._$AC(n):(i.el===void 0&&(i.el=td.createElement(t(i.h,i.h[0]),this.options)),i);if(((e=this._$AH)===null||e===void 0?void 0:e._$AD)===a)this._$AH.p(r);else{var o=new tu(a,this),s=o.u(this.options);o.p(r),this.T(s),this._$AH=o}}},{key:"_$AC",value:function n(n){var t=to.get(n.strings);return t===void 0&&to.set(n.strings,t=new td(n)),t}},{key:"k",value:function t(t){n0(this._$AH)||(this._$AH=[],this._$AR());var e=this._$AH,r,i=0;var a=true,o=false,s=undefined;try{for(var l=t[Symbol.iterator](),d;!(a=(d=l.next()).done);a=true){var c=d.value;i===e.length?e.push(r=new n(this.O(nQ()),this.O(nQ()),this,this.options)):r=e[i],r._$AI(c),i++}}catch(n){o=true;s=n}finally{try{if(!a&&l.return!=null){l.return()}}finally{if(o){throw s}}}i<e.length&&(this._$AR(r&&r._$AB.nextSibling,i),e.length=i)}},{key:"_$AR",value:function n(){var n=arguments.length>0&&arguments[0]!==void 0?arguments[0]:this._$AA.nextSibling,t=arguments.length>1?arguments[1]:void 0;var e,r;for((e=(r=this)._$AP)===null||e===void 0?void 0:e.call(r,!1,!0,t);n&&n!==this._$AB;){var i=n.nextSibling;n.remove(),n=i}}},{key:"setConnected",value:function n(n){var t,e;this._$AM===void 0&&(this._$Cv=n,(t=(e=this)._$AP)===null||t===void 0?void 0:t.call(e,n))}}]);return n}(),tv=/*#__PURE__*/function(){"use strict";function n(t,e,r,i,a){s(this,n);this.type=1,this._$AH=ta,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=a,r.length>2||r[0]!==""||r[1]!==""?(this._$AH=Array(r.length-1).fill(new String),this.strings=r):this._$AH=ta}c(n,[{key:"tagName",get:function n(){return this.element.tagName}},{key:"_$AU",get:function n(){return this._$AM._$AU}},{key:"_$AI",value:function n(n){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:this,e=arguments.length>2?arguments[2]:void 0,r=arguments.length>3?arguments[3]:void 0;var i=this.strings,a=!1;if(i===void 0)n=tc(this,n,t,0),a=!nJ(n)||n!==this._$AH&&n!==ti,a&&(this._$AH=n);else{var o=n,s,l;for(n=i[0],s=0;s<i.length-1;s++)l=tc(this,o[e+s],t,s),l===ti&&(l=this._$AH[s]),a||(a=!nJ(l)||l!==this._$AH[s]),l===ta?n=ta:n!==ta&&(n+=(l!==null&&l!==void 0?l:"")+i[s+1]),this._$AH[s]=l}a&&!r&&this.j(n)}},{key:"j",value:function n(n){n===ta?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,n!==null&&n!==void 0?n:"")}}]);return n}(),tp=/*#__PURE__*/function(n){"use strict";p(t,n);function t(){s(this,t);var n;n=o(this,t,arguments),n.type=3;return n}c(t,[{key:"j",value:function n(n){this.element[this.name]=n===ta?void 0:n}}]);return t}(tv),tg=/*#__PURE__*/function(n){"use strict";p(t,n);function t(){s(this,t);var n;n=o(this,t,arguments),n.type=4;return n}c(t,[{key:"j",value:function n(n){this.element.toggleAttribute(this.name,!!n&&n!==ta)}}]);return t}(tv),tf=/*#__PURE__*/function(n){"use strict";p(t,n);function t(n,e,r,i,a){s(this,t);var l;l=o(this,t,[n,e,r,i,a]),l.type=5;return l}c(t,[{key:"_$AI",value:function n(n){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:this;var e;if((n=(e=tc(this,n,t,0))!==null&&e!==void 0?e:ta)===ti)return;var r=this._$AH,i=n===ta&&r!==ta||n.capture!==r.capture||n.once!==r.once||n.passive!==r.passive,a=n!==ta&&(r===ta||i);i&&this.element.removeEventListener(this.name,this,r),a&&this.element.addEventListener(this.name,this,n),this._$AH=n}},{key:"handleEvent",value:function n(n){var t;var e;typeof this._$AH=="function"?this._$AH.call((e=(t=this.options)===null||t===void 0?void 0:t.host)!==null&&e!==void 0?e:this.element,n):this._$AH.handleEvent(n)}}]);return t}(tv),tb=/*#__PURE__*/function(){"use strict";function n(t,e,r){s(this,n);this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=r}c(n,[{key:"_$AU",get:function n(){return this._$AM._$AU}},{key:"_$AI",value:function n(n){tc(this,n)}}]);return n}(),tm={M:nW,P:nX,A:nK,C:1,L:tl,R:tu,D:n1,V:tc,I:th,H:tv,N:tg,U:tf,B:tp,F:tb},ty=nH.litHtmlPolyfillSupport;var tq;ty===null||ty===void 0?void 0:ty(td,th),((tq=nH.litHtmlVersions)!==null&&tq!==void 0?tq:nH.litHtmlVersions=[]).push("3.2.1");var tw=function(n,t,e){var r;var i=(r=e===null||e===void 0?void 0:e.renderBefore)!==null&&r!==void 0?r:t,a=i._$litPart$;if(a===void 0){var o;var s=(o=e===null||e===void 0?void 0:e.renderBefore)!==null&&o!==void 0?o:null;i._$litPart$=a=new th(t.insertBefore(nQ(),s),s,void 0,e!==null&&e!==void 0?e:{})}return a._$AI(n),a};var t_=/*#__PURE__*/function(n){"use strict";p(t,n);function t(){s(this,t);var n;n=o(this,t,arguments),n.renderOptions={host:n},n._$Do=void 0;return n}c(t,[{key:"createRenderRoot",value:function n(){var n;var e=h(v(t.prototype),"createRenderRoot",this).call(this);var r;return(r=(n=this.renderOptions).renderBefore)!==null&&r!==void 0?r:n.renderBefore=e.firstChild,e}},{key:"update",value:function n(n){var e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),h(v(t.prototype),"update",this).call(this,n),this._$Do=tw(e,this.renderRoot,this.renderOptions)}},{key:"connectedCallback",value:function n(){var n;h(v(t.prototype),"connectedCallback",this).call(this),(n=this._$Do)===null||n===void 0?void 0:n.setConnected(!0)}},{key:"disconnectedCallback",value:function n(){var n;h(v(t.prototype),"disconnectedCallback",this).call(this),(n=this._$Do)===null||n===void 0?void 0:n.setConnected(!1)}},{key:"render",value:function n(){return ti}}]);return t}(nB);t_._$litElement$=!0,t_.finalized=!0,(_=(x=globalThis).litElementHydrateSupport)===null||_===void 0?void 0:_.call(x,{LitElement:t_});var tk=globalThis.litElementPolyfillSupport;tk===null||tk===void 0?void 0:tk({LitElement:t_});var tx;((tx=globalThis.litElementVersions)!==null&&tx!==void 0?tx:globalThis.litElementVersions=[]).push("4.1.1");var tE=function(n){return function(t,e){e!==void 0?e.addInitializer(function(){customElements.define(n,t)}):customElements.define(n,t)}};var tA={attribute:!0,type:String,converter:nU,reflect:!1,hasChanged:nM},tC=function(){var n=arguments.length>0&&arguments[0]!==void 0?arguments[0]:tA,t=arguments.length>1?arguments[1]:void 0,e=arguments.length>2?arguments[2]:void 0;var r=e.kind,i=e.metadata,a=globalThis.litPropertyMetadata.get(i);if(a===void 0&&globalThis.litPropertyMetadata.set(i,a=new Map),a.set(e.name,n),r==="accessor"){var o=e.name;return{set:function e(e){var r=t.get.call(this);t.set.call(this,e),this.requestUpdate(o,r,n)},init:function t(t){return t!==void 0&&this.P(o,void 0,n),t}}}if(r==="setter"){var s=e.name;return function e(e){var r=this[s];t.call(this,e),this.requestUpdate(s,r,n)}}throw Error("Unsupported decorator location: "+r)};var t$=Symbol("test"),tO=Symbol("testElement");var tS=/*#__PURE__*/function(n){"use strict";p(t,n);function t(){s(this,t);var n;n=o(this,t);n.disabled=!0;n._internals=n.attachInternals();return n}c(t,[{key:"_handleTestElementChange",value:function n(n,t){t.el&&(this.disabled=!1)}},{key:"willUpdate",value:function n(n){if(n.has("_testContext")){var t;var e;var r=(e=this._testContext)!==null&&e!==void 0?e:{},i=r.items,a=i===void 0?[]:i,o=r.navItemId;this.itemIndex=a.findIndex(function(n){return n.identifier===o}),this.items=a,this.view=(t=this._testContext)===null||t===void 0?void 0:t.view}}},{key:"_switchView",value:function n(n){this.dispatchEvent(new CustomEvent("on-test-switch-view",{composed:!0,bubbles:!0,detail:n}))}},{key:"_requestItem",value:function n(n){this.dispatchEvent(new CustomEvent("qti-request-test-item",{composed:!0,bubbles:!0,detail:n}))}}]);return t}(t_);nt([l({type:Boolean,reflect:!0,aria:"ariaDisabled"})],tS.prototype,"disabled",2),nt([r(),n({context:t$,subscribe:!0})],tS.prototype,"_testContext",2),nt([r(),n({context:tO,subscribe:!0})],tS.prototype,"_testElement",2),nt([i("_testElement")],tS.prototype,"_handleTestElementChange",1);var tR=nw(T()),tP=nw(U(),tR),tz=nw(M()),tI=nw(L(),tR);var tT=/*#__PURE__*/function(n){"use strict";p(t,n);function t(){s(this,t);var n;n=o(this,t),n._internals.role="button",n._internals.ariaLabel="Next item",n.addEventListener("click",function(t){t.preventDefault(),n.disabled||n._requestItem(n.items[n.itemIndex+1].identifier)});return n}c(t,[{key:"willUpdate",value:function n(n){var e;h(v(t.prototype),"willUpdate",this).call(this,n),n.has("_testContext")&&(this.disabled=!((e=this._testElement)===null||e===void 0?void 0:e.el)||this.itemIndex<0||this.itemIndex>=this.items.length-1)}},{key:"render",value:function n(){return tt(N())}}]);return t}(tS);tT.styles=nw(D(),tP,tz),tT=nt([tE("test-next")],tT);var tU=/*#__PURE__*/function(n){"use strict";p(t,n);function t(){s(this,t);var n;n=o(this,t),n._internals.role="button",n._internals.ariaLabel="Next item",n.addEventListener("click",function(t){t.preventDefault(),n.disabled||n._requestItem(n.items[n.itemIndex-1].identifier)});return n}c(t,[{key:"willUpdate",value:function n(n){var e;h(v(t.prototype),"willUpdate",this).call(this,n),n.has("_testContext")&&(this.disabled=!((e=this._testElement)===null||e===void 0?void 0:e.el)||this.itemIndex===0||this.itemIndex===-1)}},{key:"render",value:function n(){return tt(j())}}]);return t}(tS);tU.styles=nw(B(),tP,tz),tU=nt([tE("test-prev")],tU);var tM=/*#__PURE__*/function(n){"use strict";p(t,n);function t(){s(this,t);var n;n=o(this,t,arguments);n.label="view";n._handleViewOptionsChange=function(){n.updateViewOptions()};n._viewOptions=tM.DEFAULT_VIEW_OPTIONS;return n}c(t,[{key:"connectedCallback",value:function n(){h(v(t.prototype),"connectedCallback",this).call(this),this.updateViewOptions()}},{key:"updateViewOptions",value:function n(){if(this.viewOptions){var n=this.viewOptions.split(",").map(function(n){return n.trim()});this._viewOptions=n.filter(function(n){return tM.DEFAULT_VIEW_OPTIONS.includes(n)})}else this._viewOptions=tM.DEFAULT_VIEW_OPTIONS}},{key:"render",value:function n(){var n=this;return tt(H(),this.label,this.disabled,function(t){var e=t.target;n._switchView(e.value)},this._viewOptions.map(function(t){return tt(F(),t,t===n.view,t)}))}}]);return t}(tS);tM.DEFAULT_VIEW_OPTIONS=["author","candidate","proctor","scorer","testConstructor","tutor"],nt([e({type:String})],tM.prototype,"label",2),nt([e({type:String,attribute:"view-options"})],tM.prototype,"viewOptions",2),nt([i("viewOptions",{waitUntilFirstUpdate:!0})],tM.prototype,"_handleViewOptionsChange",2),nt([r()],tM.prototype,"_viewOptions",2),tM=nt([tE("test-view")],tM);var tL=/*#__PURE__*/function(n){"use strict";p(t,n);function t(){s(this,t);var n;n=o(this,t);n.itemId=null;n.addEventListener("click",function(){return n._requestItem(n.itemId)});return n}c(t,[{key:"render",value:function n(){return tt(V())}}]);return t}(tS);tL.styles=nw(G(),tP,tz),nt([e({type:String,attribute:"item-id"})],tL.prototype,"itemId",2),tL=nt([tE("test-item-link")],tL);var tN=tm.I,tD=function(n){return n===null||(typeof n==="undefined"?"undefined":S(n))!="object"&&typeof n!="function"};var tj=function(n){return n.strings===void 0};var tB={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},tF=function(n){return function(){for(var t=arguments.length,e=new Array(t),r=0;r<t;r++){e[r]=arguments[r]}return{_$litDirective$:n,values:e}}},tH=/*#__PURE__*/function(){"use strict";function n(t){s(this,n)}c(n,[{key:"_$AU",get:function n(){return this._$AM._$AU}},{key:"_$AT",value:function n(n,t,e){this._$Ct=n,this._$AM=t,this._$Ci=e}},{key:"_$AS",value:function n(n,t){return this.update(n,t)}},{key:"update",value:function n(n,t){return this.render.apply(this,O(t))}}]);return n}();var tV=function(n,t){var e;var r=n._$AN;if(r===void 0)return!1;var i=true,a=false,o=undefined;try{for(var s=r[Symbol.iterator](),l;!(i=(l=s.next()).done);i=true){var d=l.value;(e=d._$AO)===null||e===void 0?void 0:e.call(d,t,!1),tV(d,t)}}catch(n){a=true;o=n}finally{try{if(!i&&s.return!=null){s.return()}}finally{if(a){throw o}}}return!0},tG=function(n){var t,e;do{if((t=n._$AM)===void 0)break;e=t._$AN,e.delete(n),n=t}while((e===null||e===void 0?void 0:e.size)===0)},tW=function(n){for(var t;t=n._$AM;n=t){var e=t._$AN;if(e===void 0)t._$AN=e=new Set;else if(e.has(n))break;e.add(n),tX(t)}};var tX=function(n){var t,e;n.type==tB.CHILD&&((t=n._$AP)!==null&&t!==void 0?t:n._$AP=u,(e=n._$AQ)!==null&&e!==void 0?e:n._$AQ=d)},tK=/*#__PURE__*/function(n){"use strict";p(t,n);function t(){s(this,t);var n;n=o(this,t,arguments),n._$AN=void 0;return n}c(t,[{key:"_$AT",value:function n(n,e,r){h(v(t.prototype),"_$AT",this).call(this,n,e,r),tW(this),this.isConnected=n._$AU}},{key:"_$AO",value:function n(n){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!0;var e,r,i,a;n!==this.isConnected&&(this.isConnected=n,n?(e=(r=this).reconnected)===null||e===void 0?void 0:e.call(r):(i=(a=this).disconnected)===null||i===void 0?void 0:i.call(a)),t&&(tV(this,n),tG(this))}},{key:"setValue",value:function n(n){if(tj(this._$Ct))this._$Ct._$AI(n,this);else{var t=O(this._$Ct._$AH);t[this._$Ci]=n,this._$Ct._$AI(t,this,0)}}},{key:"disconnected",value:function n(){}},{key:"reconnected",value:function n(){}}]);return t}(tH);var tY=/*#__PURE__*/function(){"use strict";function n(t){s(this,n);this.Y=t}c(n,[{key:"disconnect",value:function n(){this.Y=void 0}},{key:"reconnect",value:function n(n){this.Y=n}},{key:"deref",value:function n(){return this.Y}}]);return n}(),tZ=/*#__PURE__*/function(){"use strict";function n(){s(this,n);this.Z=void 0,this.q=void 0}c(n,[{key:"get",value:function n(){return this.Z}},{key:"pause",value:function n(){var n=this;var t;(t=this.Z)!==null&&t!==void 0?t:this.Z=new Promise(function(t){return n.q=t})}},{key:"resume",value:function n(){var n,t;(n=(t=this).q)===null||n===void 0?void 0:n.call(t),this.Z=this.q=void 0}}]);return n}();var tQ=function(n){return!tD(n)&&typeof n.then=="function"},tJ=0x3fffffff,t0=/*#__PURE__*/function(n){"use strict";p(t,n);function t(){s(this,t);var n;n=o(this,t,arguments),n._$Cwt=tJ,n._$Cbt=[],n._$CK=new tY(n),n._$CX=new tZ;return n}c(t,[{key:"render",value:function n(){for(var n=arguments.length,t=new Array(n),e=0;e<n;e++){t[e]=arguments[e]}var r;return(r=t.find(function(n){return!tQ(n)}))!==null&&r!==void 0?r:ti}},{key:"update",value:function n(n,t){var e,r=function(n){var r=t[n];if(!tQ(r))return{v:(e._$Cwt=n,r)};n<o&&r===i[n]||(e._$Cwt=tJ,o=0,Promise.resolve(r).then(/*#__PURE__*/function(){var n=a(function(n){var t,e;return I(this,function(i){switch(i.label){case 0:if(!l.get())return[3,3];return[4,l.get()];case 1:i.sent();i.label=2;case 2:return[3,0];case 3:t=s.deref();if(t!==void 0){e=t._$Cbt.indexOf(r);e>-1&&e<t._$Cwt&&(t._$Cwt=e,t.setValue(n))}return[2]}})});return function(t){return n.apply(this,arguments)}}()))};var i=this._$Cbt,o=i.length;this._$Cbt=t;var s=this._$CK,l=this._$CX;this.isConnected||this.disconnected();for(var d=0;d<t.length&&!(d>this._$Cwt);d++){var c=(e=this,r(d));if(S(c)==="object")return c.v}return ti}},{key:"disconnected",value:function n(){this._$CK.disconnect(),this._$CX.pause()}},{key:"reconnected",value:function n(){this._$CK.reconnect(this),this._$CX.resume()}}]);return t}(tK),t1=tF(t0);var t2="@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";var t5=String.raw,t3=t5(W());var t4=null;var t6=function(){var n,t={load:function e(e){return a(function(){return I(this,function(r){return[2,new Promise(function(r,i){b(e).then(function(i){return n=i,t.path(e.substring(0,e.lastIndexOf("/"))),r(t)})})]})})()},parse:function e(e){return n=m(e),t},path:function(e){return q(n,e),t},fn:function e(e){return e(n),t},items:function t(){return f(n)},html:function t(){return new XMLSerializer().serializeToString(y(n))},xml:function t(){return new XMLSerializer().serializeToString(n)},htmlDoc:function t(){return y(n)},xmlDoc:function t(){return n}};return t};var t8=/*#__PURE__*/function(n){"use strict";p(t,n);function t(){s(this,t);var n;n=o(this,t,arguments);n.testURL=null;n.testDoc=null;n.testXML=null;n.templateContent=null;return n}c(t,[{key:"handleTestURLChange",value:function n(){var n=this;return a(function(){var t,e;return I(this,function(r){switch(r.label){case 0:if(!n.testURL)return[3,4];r.label=1;case 1:r.trys.push([1,3,,4]);return[4,t6().load(n.testURL)];case 2:t=r.sent();n.testDoc=t.htmlDoc();return[3,4];case 3:e=r.sent();console.error("Error loading or parsing XML:",e);return[3,4];case 4:return[2]}})})()}},{key:"handleTestXMLChange",value:function n(){if(this.testXML)try{this.testDoc=t6().parse(this.testXML).htmlDoc()}catch(n){console.error("Error parsing XML:",n)}}},{key:"connectedCallback",value:function n(){var n=this;var e=this,r=function(){return h(v(t.prototype),"connectedCallback",n)};return a(function(){return I(this,function(n){r().call(e),e.initializeTemplateContent(),e.applyStyles(),e.testURL&&e.handleTestURLChange(),e.testXML&&e.handleTestXMLChange();return[2]})})()}},{key:"initializeTemplateContent",value:function n(){var n=this.querySelector("template");this.templateContent=n?n.content:tt(X())}},{key:"applyStyles",value:function n(){var n=new CSSStyleSheet;n.replaceSync(t2),this.shadowRoot.adoptedStyleSheets=[n]}},{key:"render",value:function n(){return tt(Y(),this.templateContent,t1(this.testDoc,tt(K())))}}]);return t}(t_);nt([e({type:String,attribute:"test-url"})],t8.prototype,"testURL",2),nt([r()],t8.prototype,"testDoc",2),nt([r()],t8.prototype,"testXML",2),nt([i("testURL",{waitUntilFirstUpdate:!0})],t8.prototype,"handleTestURLChange",1),nt([i("testXML",{waitUntilFirstUpdate:!0})],t8.prototype,"handleTestXMLChange",1),t8=nt([tE("test-container")],t8);var t7=["this"],t9=["+","-","!"],en=["=","+","-","*","/","%","^","==","!=",">","<",">=","<=","||","&&","??","&","===","!==","|","|>"],et={"!":0,":":0,",":0,")":0,"]":0,"}":0,"|>":1,"?":2,"??":3,"||":4,"&&":5,"|":6,"^":7,"&":8,"!=":9,"==":9,"!==":9,"===":9,">=":10,">":10,"<=":10,"<":10,"+":11,"-":11,"%":12,"/":12,"*":12,"(":13,"[":13,".":13,"{":13},ee=13;var er=["==","!=","<=",">=","||","&&","??","|>"],ei=["===","!=="],ea;(function(n){n[n.STRING=1]="STRING",n[n.IDENTIFIER=2]="IDENTIFIER",n[n.DOT=3]="DOT",n[n.COMMA=4]="COMMA",n[n.COLON=5]="COLON",n[n.INTEGER=6]="INTEGER",n[n.DECIMAL=7]="DECIMAL",n[n.OPERATOR=8]="OPERATOR",n[n.GROUPER=9]="GROUPER",n[n.KEYWORD=10]="KEYWORD",n[n.ARROW=11]="ARROW"})(ea||(ea={}));var eo=function(n,t){var e=arguments.length>2&&arguments[2]!==void 0?arguments[2]:0;return{kind:n,value:t,precedence:e}},es=function(n){return n===9||n===10||n===13||n===32},el=function(n){return n===95||n===36||(n&=-33,65<=n&&n<=90)},ed=function(n){return el(n)||eh(n)},ec=function(n){return t7.indexOf(n)!==-1},eu=function(n){return n===34||n===39},eh=function(n){return 48<=n&&n<=57},ev=function(n){return n===43||n===45||n===42||n===47||n===33||n===38||n===37||n===60||n===61||n===62||n===63||n===94||n===124},ep=function(n){return n===40||n===41||n===91||n===93||n===123||n===125},eg=function(n){return n.replace(/\\(.)/g,function(n,t){switch(t){case"n":return"\n";case"r":return"\r";case"t":return"	";case"b":return"\b";case"f":return"\f";default:return t}})},ef=/*#__PURE__*/function(){"use strict";function n(t){s(this,n);ne(this,"_input");ne(this,"_index",-1);ne(this,"_tokenStart",0);ne(this,"_next");this._input=t,this._advance()}c(n,[{key:"nextToken",value:function n(){for(;es(this._next);)this._advance(!0);if(eu(this._next))return this._tokenizeString();if(el(this._next))return this._tokenizeIdentOrKeyword();if(eh(this._next))return this._tokenizeNumber();if(this._next===46)return this._tokenizeDot();if(this._next===44)return this._tokenizeComma();if(this._next===58)return this._tokenizeColon();if(ev(this._next))return this._tokenizeOperator();if(ep(this._next))return this._tokenizeGrouper();if(this._advance(),this._next!==void 0)throw new Error("Expected end of input, got ".concat(this._next))}},{key:"_advance",value:function n(n){this._index++,this._index<this._input.length?(this._next=this._input.charCodeAt(this._index),n===!0&&(this._tokenStart=this._index)):this._next=void 0}},{key:"_getValue",value:function n(){var n=arguments.length>0&&arguments[0]!==void 0?arguments[0]:0;var t=this._input.substring(this._tokenStart,this._index+n);return n===0&&this._clearValue(),t}},{key:"_clearValue",value:function n(){this._tokenStart=this._index}},{key:"_tokenizeString",value:function n(){var n="unterminated string",t=this._next;for(this._advance(!0);this._next!==t;){if(this._next===void 0)throw new Error(n);if(this._next===92&&(this._advance(),this._next===void 0))throw new Error(n);this._advance()}var e=eo(ea.STRING,eg(this._getValue()));return this._advance(),e}},{key:"_tokenizeIdentOrKeyword",value:function n(){do this._advance();while(ed(this._next));var n=this._getValue(),t=ec(n)?ea.KEYWORD:ea.IDENTIFIER;return eo(t,n)}},{key:"_tokenizeNumber",value:function n(){do this._advance();while(eh(this._next));return this._next===46?this._tokenizeDot():eo(ea.INTEGER,this._getValue())}},{key:"_tokenizeDot",value:function n(){return this._advance(),eh(this._next)?this._tokenizeFraction():(this._clearValue(),eo(ea.DOT,".",ee))}},{key:"_tokenizeComma",value:function n(){return this._advance(!0),eo(ea.COMMA,",")}},{key:"_tokenizeColon",value:function n(){return this._advance(!0),eo(ea.COLON,":")}},{key:"_tokenizeFraction",value:function n(){do this._advance();while(eh(this._next));return eo(ea.DECIMAL,this._getValue())}},{key:"_tokenizeOperator",value:function n(){this._advance();var n=this._getValue(2);if(ei.indexOf(n)!==-1)this._advance(),this._advance();else{if(n=this._getValue(1),n==="=>")return this._advance(),eo(ea.ARROW,n);er.indexOf(n)!==-1&&this._advance()}return n=this._getValue(),eo(ea.OPERATOR,n,et[n])}},{key:"_tokenizeGrouper",value:function n(){var n=String.fromCharCode(this._next),t=eo(ea.GROUPER,n,et[n]);return this._advance(!0),t}}]);return n}();var eb=function(n,t){return new em(n,t).parse()},em=/*#__PURE__*/function(){"use strict";function n(t,e){s(this,n);ne(this,"_kind");ne(this,"_tokenizer");ne(this,"_ast");ne(this,"_token");ne(this,"_value");this._tokenizer=new ef(t),this._ast=e}c(n,[{key:"parse",value:function n(){return this._advance(),this._parseExpression()}},{key:"_advance",value:function n(n,t){var e,r;if(!this._matches(n,t))throw new Error("Expected kind ".concat(n," (").concat(t,"), was ").concat((e=this._token)===null||e===void 0?void 0:e.kind," (").concat((r=this._token)===null||r===void 0?void 0:r.value,")"));var i=this._tokenizer.nextToken();this._token=i,this._kind=i===null||i===void 0?void 0:i.kind,this._value=i===null||i===void 0?void 0:i.value}},{key:"_matches",value:function n(n,t){return!(n&&this._kind!==n||t&&this._value!==t)}},{key:"_parseExpression",value:function n(){if(!this._token)return this._ast.empty();var n=this._parseUnary();return n===void 0?void 0:this._parsePrecedence(n,0)}},{key:"_parsePrecedence",value:function n(n,t){if(n===void 0)throw new Error("Expected left to be defined.");for(;this._token;)if(this._matches(ea.GROUPER,"(")){var e=this._parseArguments();n=this._ast.invoke(n,void 0,e)}else if(this._matches(ea.GROUPER,"[")){var r=this._parseIndex();n=this._ast.index(n,r)}else if(this._matches(ea.DOT)){this._advance();var i=this._parseUnary();n=this._makeInvokeOrGetter(n,i)}else{if(this._matches(ea.KEYWORD))break;if(this._matches(ea.OPERATOR)&&this._token.precedence>=t)n=this._value==="?"?this._parseTernary(n):this._parseBinary(n,this._token);else break}return n}},{key:"_makeInvokeOrGetter",value:function n(n,t){if(t===void 0)throw new Error("expected identifier");if(t.type==="ID")return this._ast.getter(n,t.value);if(t.type==="Invoke"&&t.receiver.type==="ID"){var e=t.receiver;return this._ast.invoke(n,e.value,t.arguments)}else throw new Error("expected identifier: ".concat(t))}},{key:"_parseBinary",value:function n(n,t){if(en.indexOf(t.value)===-1)throw new Error("unknown operator: ".concat(t.value));this._advance();var e=this._parseUnary();for(;(this._kind===ea.OPERATOR||this._kind===ea.DOT||this._kind===ea.GROUPER)&&this._token.precedence>t.precedence;)e=this._parsePrecedence(e,this._token.precedence);return this._ast.binary(n,t.value,e)}},{key:"_parseUnary",value:function n(){if(this._matches(ea.OPERATOR)){var n=this._value;if(this._advance(),n==="+"||n==="-"){if(this._matches(ea.INTEGER))return this._parseInteger(n);if(this._matches(ea.DECIMAL))return this._parseDecimal(n)}if(t9.indexOf(n)===-1)throw new Error("unexpected token: ".concat(n));var t=this._parsePrecedence(this._parsePrimary(),ee);return this._ast.unary(n,t)}return this._parsePrimary()}},{key:"_parseTernary",value:function n(n){this._advance(ea.OPERATOR,"?");var t=this._parseExpression();this._advance(ea.COLON);var e=this._parseExpression();return this._ast.ternary(n,t,e)}},{key:"_parsePrimary",value:function n(){switch(this._kind){case ea.KEYWORD:var n=this._value;if(n==="this")return this._advance(),this._ast.id(n);throw t7.indexOf(n)!==-1?new Error("unexpected keyword: ".concat(n)):new Error("unrecognized keyword: ".concat(n));case ea.IDENTIFIER:return this._parseInvokeOrIdentifier();case ea.STRING:return this._parseString();case ea.INTEGER:return this._parseInteger();case ea.DECIMAL:return this._parseDecimal();case ea.GROUPER:return this._value==="("?this._parseParenOrFunction():this._value==="{"?this._parseMap():this._value==="["?this._parseList():void 0;case ea.COLON:throw new Error('unexpected token ":"');default:return}}},{key:"_parseList",value:function n(){var n=[];do{if(this._advance(),this._matches(ea.GROUPER,"]"))break;n.push(this._parseExpression())}while(this._matches(ea.COMMA));return this._advance(ea.GROUPER,"]"),this._ast.list(n)}},{key:"_parseMap",value:function n(){var n={};do{if(this._advance(),this._matches(ea.GROUPER,"}"))break;var t=this._value;(this._matches(ea.STRING)||this._matches(ea.IDENTIFIER))&&this._advance(),this._advance(ea.COLON),n[t]=this._parseExpression()}while(this._matches(ea.COMMA));return this._advance(ea.GROUPER,"}"),this._ast.map(n)}},{key:"_parseInvokeOrIdentifier",value:function n(){var n=this._value;if(n==="true")return this._advance(),this._ast.literal(!0);if(n==="false")return this._advance(),this._ast.literal(!1);if(n==="null")return this._advance(),this._ast.literal(null);if(n==="undefined")return this._advance(),this._ast.literal(void 0);var t=this._parseIdentifier(),e=this._parseArguments();return e?this._ast.invoke(t,void 0,e):t}},{key:"_parseIdentifier",value:function n(){if(!this._matches(ea.IDENTIFIER))throw new Error("expected identifier: ".concat(this._value));var n=this._value;return this._advance(),this._ast.id(n)}},{key:"_parseArguments",value:function n(){if(!this._matches(ea.GROUPER,"("))return;var n=[];do{if(this._advance(),this._matches(ea.GROUPER,")"))break;var t=this._parseExpression();n.push(t)}while(this._matches(ea.COMMA));return this._advance(ea.GROUPER,")"),n}},{key:"_parseIndex",value:function n(){this._advance();var n=this._parseExpression();return this._advance(ea.GROUPER,"]"),n}},{key:"_parseParenOrFunction",value:function n(){var n=this._parseArguments();if(this._matches(ea.ARROW)){this._advance();var t;var e=this._parseExpression(),r=(t=n===null||n===void 0?void 0:n.map(function(n){return n.value}))!==null&&t!==void 0?t:[];return this._ast.arrowFunction(r,e)}else return this._ast.paren(n[0])}},{key:"_parseString",value:function n(){var n=this._ast.literal(this._value);return this._advance(),n}},{key:"_parseInteger",value:function n(){var n=arguments.length>0&&arguments[0]!==void 0?arguments[0]:"";var t=this._ast.literal(parseInt("".concat(n).concat(this._value),10));return this._advance(),t}},{key:"_parseDecimal",value:function n(){var n=arguments.length>0&&arguments[0]!==void 0?arguments[0]:"";var t=this._ast.literal(parseFloat("".concat(n).concat(this._value)));return this._advance(),t}}]);return n}();var ey={"+":function(n,t){return n+t},"-":function(n,t){return n-t},"*":function(n,t){return n*t},"/":function(n,t){return n/t},"%":function(n,t){return n%t},"==":function(n,t){return n==t},"!=":function(n,t){return n!=t},"===":function(n,t){return n===t},"!==":function(n,t){return n!==t},">":function(n,t){return n>t},">=":function(n,t){return n>=t},"<":function(n,t){return n<t},"<=":function(n,t){return n<=t},"||":function(n,t){return n||t},"&&":function(n,t){return n&&t},"??":function(n,t){return n!==null&&n!==void 0?n:t},"|":function(n,t){return t(n)},"|>":function(n,t){return t(n)}},eq={"+":function(n){return n},"-":function(n){return-n},"!":function(n){return!n}},ew=/*#__PURE__*/function(){"use strict";function n(){s(this,n)}c(n,[{key:"empty",value:function n(){return{type:"Empty",evaluate:function n(n){return n},getIds:function n(n){return n}}}},{key:"literal",value:function n(n){return{type:"Literal",value:n,evaluate:function n(n){return this.value},getIds:function n(n){return n}}}},{key:"id",value:function n(n){return{type:"ID",value:n,evaluate:function n(n){return this.value==="this"?n:n===null||n===void 0?void 0:n[this.value]},getIds:function n(n){return n.push(this.value),n}}}},{key:"unary",value:function n(n,t){var e=eq[n];return{type:"Unary",operator:n,child:t,evaluate:function n(n){return e(this.child.evaluate(n))},getIds:function n(n){return this.child.getIds(n)}}}},{key:"binary",value:function n(n,t,e){var r=ey[t];return{type:"Binary",operator:t,left:n,right:e,evaluate:function n(n){if(this.operator==="="){if(this.left.type!=="ID"&&this.left.type!=="Getter"&&this.left.type!=="Index")throw new Error("Invalid assignment target: ".concat(this.left));var t=this.right.evaluate(n),e,i;return this.left.type==="Getter"?(e=this.left.receiver.evaluate(n),i=this.left.name):this.left.type==="Index"?(e=this.left.receiver.evaluate(n),i=this.left.argument.evaluate(n)):this.left.type==="ID"&&(e=n,i=this.left.value),e===void 0?void 0:e[i]=t}return r(this.left.evaluate(n),this.right.evaluate(n))},getIds:function n(n){return this.left.getIds(n),this.right.getIds(n),n}}}},{key:"getter",value:function n(n,t){return{type:"Getter",receiver:n,name:t,evaluate:function n(n){var t;return(t=this.receiver.evaluate(n))===null||t===void 0?void 0:t[this.name]},getIds:function n(n){return this.receiver.getIds(n),n}}}},{key:"invoke",value:function n(n,t,e){if(t!=null&&typeof t!="string")throw new Error("method not a string");return{type:"Invoke",receiver:n,method:t,arguments:e,evaluate:function n(n){var e;var r,i;var a=this.receiver.evaluate(n),o=this.method?a:(r=n===null||n===void 0?void 0:n.this)!==null&&r!==void 0?r:n,s=this.method?a===null||a===void 0?void 0:a[t]:a,l=((i=this.arguments)!==null&&i!==void 0?i:[]).map(function(t){return t===null||t===void 0?void 0:t.evaluate(n)});return s===null||s===void 0?void 0:(e=s.apply)===null||e===void 0?void 0:e.call(s,o,l)},getIds:function n(n){var t;return this.receiver.getIds(n),(t=this.arguments)===null||t===void 0?void 0:t.forEach(function(t){return t===null||t===void 0?void 0:t.getIds(n)}),n}}}},{key:"paren",value:function n(n){return n}},{key:"index",value:function n(n,t){return{type:"Index",receiver:n,argument:t,evaluate:function n(n){var t;return(t=this.receiver.evaluate(n))===null||t===void 0?void 0:t[this.argument.evaluate(n)]},getIds:function n(n){return this.receiver.getIds(n),n}}}},{key:"ternary",value:function n(n,t,e){return{type:"Ternary",condition:n,trueExpr:t,falseExpr:e,evaluate:function n(n){return this.condition.evaluate(n)?this.trueExpr.evaluate(n):this.falseExpr.evaluate(n)},getIds:function n(n){return this.condition.getIds(n),this.trueExpr.getIds(n),this.falseExpr.getIds(n),n}}}},{key:"map",value:function n(n){return{type:"Map",entries:n,evaluate:function t(t){var e={};if(n&&this.entries)for(var r in n){var i=this.entries[r];i&&(e[r]=i.evaluate(t))}return e},getIds:function t(t){if(n&&this.entries)for(var e in n){var r=this.entries[e];r&&r.getIds(t)}return t}}}},{key:"list",value:function n(n){return{type:"List",items:n,evaluate:function n(n){var t;return(t=this.items)===null||t===void 0?void 0:t.map(function(t){return t===null||t===void 0?void 0:t.evaluate(n)})},getIds:function n(n){var t;return(t=this.items)===null||t===void 0?void 0:t.forEach(function(t){return t===null||t===void 0?void 0:t.getIds(n)}),n}}}},{key:"arrowFunction",value:function n(n,t){return{type:"ArrowFunction",params:n,body:t,evaluate:function n(n){var t=this.params,e=this.body;return function(){for(var r=arguments.length,i=new Array(r),a=0;a<r;a++){i[a]=arguments[a]}var o=Object.fromEntries(t.map(function(n,t){return[n,i[t]]})),s=new Proxy(n!==null&&n!==void 0?n:{},{set:function n(n,t,e){return o.hasOwnProperty(t)&&(o[t]=e),n[t]=e},get:function n(n,t){return o.hasOwnProperty(t)?o[t]:n[t]}});return e.evaluate(s)}},getIds:function n(n){var t=this;return this.body.getIds(n).filter(function(n){return!t.params.includes(n)})}}}}]);return n}();var e_=null,ek={boundAttributeSuffix:tm.M,marker:tm.P,markerMatch:tm.A,HTML_RESULT:tm.C,getTemplateHtml:tm.L,overrideDirectiveResolve:function(n,t){var e=/*#__PURE__*/function(n){"use strict";p(e,n);function e(){s(this,e);return o(this,e,arguments)}c(e,[{key:"_$AS",value:function n(n,e){return t(this,e)}}]);return e}(n);return e},patchDirectiveResolve:function(n,t){if(n.prototype._$AS!==t){e_!==null&&e_!==void 0?e_:e_=n.prototype._$AS.name;for(var e=n.prototype;e!==Object.prototype;e=Object.getPrototypeOf(e))if(e.hasOwnProperty(e_))return void(e[e_]=t);throw Error("Internal error: It is possible that both dev mode and production mode Lit was mixed together during SSR. Please comment on the issue: https://github.com/lit/lit/issues/4527")}},setDirectiveClass:function n(n,t){n._$litDirective$=t},getAttributePartCommittedValue:function(n,t,e){var r=ti;return n.j=function(n){return r=n},n._$AI(t,n,e),r},connectedDisconnectable:function(n){return k(w({},n),{_$AU:!0})},resolveDirective:tm.V,AttributePart:tm.H,PropertyPart:tm.B,BooleanAttributePart:tm.N,EventPart:tm.U,ElementPart:tm.F,TemplateInstance:tm.R,isIterable:tm.D,ChildPart:tm.I};var ex=ek.AttributePart,eE=ek.PropertyPart,eA=ek.BooleanAttributePart,eC=ek.EventPart,e$=new ew,eO=new Map,eS=function(n){return n.replace(/-(-|\w)/g,function(n,t){return t.toUpperCase()})},eR=function(n,t){var e=eO.get(n);if(e===void 0){if(eO.has(n))return;if(n=n.trim(),n.startsWith("{{")&&n.endsWith("}}")){var r=n.substring(2,n.length-2).trim();e=new em(r,e$).parse(),eO.set(n,e)}}return e===null||e===void 0?void 0:e.evaluate(t)},eP=function(n,t,e,r){var i=n.getAttribute("if");if(i!==null&&eR(i,t))return eN(n,t,e,r)},ez=RegExp("(?<!\\\\){{(.*?)(?:(?<!\\\\)}})","g"),eI=function(n){return/(?:\\{{)|(?:\\}})/g.test(n)},eT=function(n){return n.replaceAll(/\\{{/g,"{{").replace(/\\}}/g,"}}")},eU=function(n,t,e,r){var i=n.getAttribute("repeat");if(i!==null){var a=eR(i,t);if(!a[Symbol.iterator])return ta;var o=ej(n),s=-1,l=[];var d=true,c=false,u=undefined;try{for(var h=a[Symbol.iterator](),v;!(d=(v=h.next()).done);d=true){var p=v.value;s++;var g=Object.create(t);var f;g.item=p,g.index=s,g.this=(f=t.this)!==null&&f!==void 0?f:t;var b=[];var m=true,y=false,q=undefined;try{for(var w=o.parts[Symbol.iterator](),_;!(m=(_=w.next()).done);m=true){var k=_.value;var x;var E=k.update(g,e,r);k.type===1?(x=b).push.apply(x,O(E)):b.push(E)}}catch(n){y=true;q=n}finally{try{if(!m&&w.return!=null){w.return()}}finally{if(y){throw q}}}var A={_$litType$:o,values:b};l.push(A)}}catch(n){c=true;u=n}finally{try{if(!d&&h.return!=null){h.return()}}finally{if(c){throw u}}}return l}},eM={if:eP,repeat:eU},eL=function(n){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:eM,e=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{},r=arguments.length>3?arguments[3]:void 0;var i=ej(n).renderers;if(r){var a=ej(r).renderers,o=i.super;o!==void 0?e=k(w({},i,e),{super:function(n,t,e){return e=k(w({},a,e),{super:function(n,t,e){return eN(r,n,t,e)}}),o(n,t,e)}}):(e=w({},a,i,e),n=r)}else e=w({},i,e);return function(r){return eN(n,r,t,e)}};var eN=function(n,t){var e=arguments.length>2&&arguments[2]!==void 0?arguments[2]:eM,r=arguments.length>3&&arguments[3]!==void 0?arguments[3]:{};var i=ej(n),a=[];var o=true,s=false,l=undefined;try{for(var d=i.parts[Symbol.iterator](),c;!(o=(c=d.next()).done);o=true){var u=c.value;var h;var v=u.update(t,e,r);u.type===1?(h=a).push.apply(h,O(v)):a.push(v)}}catch(n){s=true;l=n}finally{try{if(!o&&d.return!=null){d.return()}}finally{if(s){throw l}}}return{_$litType$:i,values:a}},eD=new Map,ej=function(n){var t=eD.get(n);return t===void 0&&eD.set(n,t=eB(n)),t},eB=function(n){var t=function(){if(i.nodeType===Node.ELEMENT_NODE){a++;var n=i;if(n.tagName==="TEMPLATE"){var t=n.getAttribute("type"),s=n.getAttribute("name"),l=n.getAttribute("call");if(l!==null||t!==null||s!==null){n.parentNode.insertBefore(document.createComment(""),n),o.push(n);var d=void 0;if(l!==null){var c=l.trim(),u=c.startsWith("{{")&&c.endsWith("}}");d=function(t,e,r){var i;var a=n.getAttribute("data"),o=a===null?void 0:eR(a,t);return(i=u?eR(c,t):r[l])===null||i===void 0?void 0:i(o,e,r)}}else t!==null?d=function(e,r,i){var a=r[t];return a===null||a===void 0?void 0:a(n,e,r,i)}:(s==="super"?e.renderers.super=function(t,e,r){var i=r.super,a=ej(n);return r=w({},r,a.renderers),i(t,e,r)}:e.renderers[s]=function(t,e,r){return eN(n,t,e,r)},d=function(n,t,e){var r=e[s];return r===null||r===void 0?void 0:r(n,t,e)});e.parts.push({type:2,index:a,update:d});return"continue"}}var h=n.getAttributeNames();var v=true,p=false,g=undefined;try{var f=function(){var t=m.value;var r=n.getAttribute(t),i=r.split(ez);if(i.length===1){eI(r)&&n.setAttribute(t,eT(r));return"continue"}n.removeAttribute(t);var o=t,s=ex,l=t[0];l==="."?(o=eS(t.substring(1)),s=eE):l==="?"?(o=t.substring(1),s=eA):l==="@"&&(o=eS(t.substring(1)),s=eC);var d=[eT(i[0])],c=[];for(var u=1;u<i.length;u+=2){var h=i[u];c.push(eb(h,e$)),d.push(eT(i[u+1]))}e.parts.push({type:1,index:a,name:o,strings:d,ctor:s,update:function(n,t,e){return c.map(function(t){return t.evaluate(n)})}})};for(var b=h[Symbol.iterator](),m;!(v=(m=b.next()).done);v=true)f()}catch(n){p=true;g=n}finally{try{if(!v&&b.return!=null){b.return()}}finally{if(p){throw g}}}}else if(i.nodeType===Node.TEXT_NODE){var y=function(n){var t=k[n],i=eb(t,e$);e.parts.push({type:2,index:++a,update:function(n,t){return i.evaluate(n)}});var o=new Text(k[n+1].replace("\\{{","{{"));q.parentNode.insertBefore(o,q.nextSibling),q.parentNode.insertBefore(document.createComment(""),q.nextSibling),q=o,r.currentNode=o};var q=i,_=q.textContent,k=_.split(ez);k.length>1?q.textContent=eT(k[0]):eI(_)&&(q.textContent=eT(_));for(var x=1;x<k.length;x+=2)y(x)}};var e={h:void 0,el:n.cloneNode(!0),parts:[],renderers:{}},r=document.createTreeWalker(e.el.content,NodeFilter.SHOW_ELEMENT|NodeFilter.SHOW_TEXT|NodeFilter.SHOW_COMMENT),i=r.currentNode,a=-1,o=[];for(;(i=r.nextNode())!==null;)t();var s=true,l=false,d=undefined;try{for(var c=o[Symbol.iterator](),u;!(s=(u=c.next()).done);s=true){var h=u.value;h.remove()}}catch(n){l=true;d=n}finally{try{if(!s&&c.return!=null){c.return()}}finally{if(l){throw d}}}return e};var eF=/*#__PURE__*/function(n){"use strict";p(t,n);function t(){s(this,t);var n;n=o(this,t);n.maxDisplayedItems=2;n.skipOnCategory="dep-informational";n._internals.ariaLabel="pagination";return n}c(t,[{key:"createRenderRoot",value:function n(){return this}},{key:"render",value:function n(){var n=this;var t=this._testContext.items.reduce(function(t,e){var r;var i=((r=e.category)===null||r===void 0?void 0:r.split(" ").includes(n.skipOnCategory))?"i":t.counter++;return t.result.push(k(w({},e),{newIndex:i})),t},{counter:0,result:[]}).result,e=t.findIndex(function(t){return t.identifier===n._testContext.navItemId}),r=Math.max(0,e-this.maxDisplayedItems),i=Math.min(t.length,e+this.maxDisplayedItems+1),a=t.slice(r,i);return tt(Z(),a.map(function(t){var e,r;var i=t.variables.find(function(n){return n.identifier=="SCORE"}),a=parseInt(i===null||i===void 0?void 0:(e=i.value)===null||e===void 0?void 0:e.toString()),o=(r=t.variables.find(function(n){return n.identifier==="completionStatus"}))===null||r===void 0?void 0:r.value,s=t.category!==n.skipOnCategory?"regular":"info",l=n._testContext.navItemId===t.identifier,d=n._testContext.view==="scorer"&&s=="regular"&&a!==void 0&&!isNaN(a)&&a>0,c=n._testContext.view==="scorer"&&s=="regular"&&a!==void 0&&!isNaN(a)&&a<=0,u=n._testContext.view==="candidate"&&o==="completed"&&t.category!==n.skipOnCategory,h=k(w({},t),{type:s,active:l,correct:d,incorrect:c,answered:u}),v=n.firstElementChild;return eL(v)({item:h})}))}}]);return t}(tS);nt([e({type:Number,attribute:"max-displayed-items"})],eF.prototype,"maxDisplayedItems",2),nt([e({type:String,attribute:"skip-on-category"})],eF.prototype,"skipOnCategory",2),eF=nt([tE("test-paging-buttons-stamp")],eF);return nn(nr)}();/*! Bundled license information:
+
+@lit/context/lib/context-request-event.js:
+  (**
+   * @license
+   * Copyright 2021 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/context/lib/create-context.js:
+  (**
+   * @license
+   * Copyright 2021 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/context/lib/controllers/context-consumer.js:
+  (**
+   * @license
+   * Copyright 2021 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/context/lib/value-notifier.js:
+  (**
+   * @license
+   * Copyright 2021 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/context/lib/controllers/context-provider.js:
+  (**
+   * @license
+   * Copyright 2021 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/context/lib/context-root.js:
+  (**
+   * @license
+   * Copyright 2021 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/context/lib/decorators/provide.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/context/lib/decorators/consume.js:
+  (**
+   * @license
+   * Copyright 2022 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit-labs/ssr-dom-shim/lib/element-internals.js:
+  (**
+   * @license
+   * Copyright 2023 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit-labs/ssr-dom-shim/index.js:
+  (**
+   * @license
+   * Copyright 2019 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/node/css-tag.js:
+  (**
+   * @license
+   * Copyright 2019 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/node/lit-html.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-element/lit-element.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/node/is-server.js:
+  (**
+   * @license
+   * Copyright 2022 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/node/decorators/custom-element.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/node/decorators/property.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/node/decorators/state.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/node/decorators/event-options.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/node/decorators/base.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/node/decorators/query.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/node/decorators/query-all.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/node/decorators/query-async.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/node/decorators/query-assigned-elements.js:
+  (**
+   * @license
+   * Copyright 2021 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/node/decorators/query-assigned-nodes.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/node/directive-helpers.js:
+  (**
+   * @license
+   * Copyright 2020 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/node/directive.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/node/async-directive.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/node/directives/private-async-helpers.js:
+  (**
+   * @license
+   * Copyright 2021 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/node/directives/until.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+jexpr/lib/constants.js:
+  (*
+   * @license
+   * Portions Copyright (c) 2013, the Dart project authors.
+   *)
+
+jexpr/lib/tokenizer.js:
+  (*
+   * @license
+   * Portions Copyright (c) 2013, the Dart project authors.
+   *)
+
+jexpr/lib/parser.js:
+  (*
+   * @license
+   * Portions Copyright (c) 2013, the Dart project authors.
+   *)
+
+jexpr/lib/ast_factory.js:
+  (*
+   * @license
+   * Portions Copyright (c) 2013, the Dart project authors.
+   *)
+
+jexpr/lib/eval.js:
+  (*
+   * @license
+   * Portions Copyright (c) 2013, the Dart project authors.
+   *)
+
+lit-html/node/private-ssr-support.js:
+  (**
+   * @license
+   * Copyright 2019 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/