@citolab/qti-components 7.0.4 → 7.0.5

package/cdn/qti-item/components/item-container.css

@@ -0,0 +1 @@
+@layer qti-base,qti-components,qti-utilities,qti-variants,qti-extended;:root,:host{--qti-bg-active: #ffecec;--qti-border-active: #f86d70;--qti-gap-size: 1rem;--qti-bg: white;--qti-hover-bg: #f9fafb;--qti-light-bg-active: #f0f0f0;--qti-light-border-active: #d0d0d0;--qti-dark-bg-active: #1f2937;--qti-dark-border-active: #64748b;--qti-disabled-bg: #f3f4f6;--qti-disabled-color: #45484f;--qti-border-thickness: 2px;--qti-border-style: solid;--qti-border-color: #c6cad0;--qti-border-radius: .3rem;--qti-drop-border-radius: calc(var(--qti-border-radius) + var(--qti-border-thickness));--qti-focus-border-width: 5px;--qti-focus-color: #bddcff7e;--qti-form-size: 1rem;--qti-point-size: 2rem;--qti-order-size: 2rem;--qti-padding-vertical: .5rem;--qti-padding-horizontal: .5rem}.chevron{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") no-repeat center right 6px}.handle{background-image:radial-gradient(circle at center,#0000001a 0,#0003 2px,#fff0 2px 100%);background-repeat:repeat-y;background-position:left center;background-size:14px 8px}.check-mask{-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");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")}.bordered{border:var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);outline:none}.form{display:grid;place-content:center;width:var(--qti-form-size);height:var(--qti-form-size);border:var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);outline:none}.button{border-radius:var(--qti-border-radius);padding:var(--qti-padding-vertical) var(--qti-padding-horizontal);border:var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);outline:none}.select{border-radius:var(--qti-border-radius);position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--qti-padding-vertical) var(--qti-padding-horizontal);padding-right:calc(var(--qti-padding-horizontal) + 1.5rem);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") no-repeat center right 6px}.text{border-radius:0;cursor:text;padding:var(--qti-padding-vertical) var(--qti-padding-horizontal);background:unset;border:var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);outline:none}.spot{width:100%;height:100%;background-color:transparent;padding:0;border:var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);outline:none}.point{border-radius:100%;width:var(--qti-point-size);height:var(--qti-point-size);background-color:transparent;padding:0;border:var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);outline:none}.drag{transition:transform .2s ease-out,box-shadow .2s ease-out,rotate .2s ease-out;cursor:grab;background-color:var(--qti-bg);padding:var(--qti-padding-vertical) var(--qti-padding-horizontal);border-radius:var(--qti-border-radius);padding-left:calc(var(--qti-padding-horizontal) + .5rem)!important;border:var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);outline:none;background-image:radial-gradient(circle at center,#0000001a 0,#0003 2px,#fff0 2px 100%);background-repeat:repeat-y;background-position:left center;background-size:14px 8px}.dragging{pointer-events:none;rotate:-2deg;box-shadow:0 8px 12px #0003,0 4px 8px #0000001a}.drop{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>') center no-repeat;border-radius:var(--qti-border-radius);position:relative;background-color:var(--qti-bg);border:var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);outline:none}.dropping{background-color:var(--qti-bg-active)}.order{display:grid;place-content:center;border-radius:100%;width:var(--qti-order-size);height:var(--qti-order-size);border:var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);outline:none}.check-size{width:calc(var(--qti-form-size) - 6px);height:calc(var(--qti-form-size) - 6px)}.check{gap:.5rem;border-radius:var(--qti-border-radius);padding:var(--qti-padding-vertical) var(--qti-padding-horizontal);outline:none;cursor:pointer}.check-radio{border-radius:100%;display:grid;place-content:center;width:var(--qti-form-size);height:var(--qti-form-size);border:var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);outline:none}.check-radio-checked{background-color:var(--qti-border-active);border-radius:100%}.check-checkbox{display:flex;place-items:center;border-radius:var(--qti-border-radius);display:grid;place-content:center;width:var(--qti-form-size);height:var(--qti-form-size);border:var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);outline:none}.check-checkbox-checked{background-color:var(--qti-border-active);-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");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")}.hov{background-color:var(--qti-hover-bg)}.foc{box-shadow:0 0 0 var(--qti-focus-border-width) var(--qti-focus-color)}.act{border-color:var(--qti-border-active);background-color:var(--qti-bg-active)}.act-bg{background-color:var(--qti-bg-active)}.act-bor{border-color:var(--qti-border-active)}.rdo{cursor:pointer;background-color:var(--qti-bg);outline:0;border:none}.dis{cursor:not-allowed;background-color:var(--qti-disabled-bg);color:var(--qti-disabled-color);border-color:var(--qti-border-color);outline:4px solid var(--qti-disabled-bg)}.qti-display-inline{display:inline}.qti-display-inline-block{display:inline-block}.qti-display-block{display:block}.qti-display-flex{display:flexbox;display:flex}.qti-display-inline-flex{display:inline-flex}.qti-display-grid{display:grid}.qti-display-inline-grid{display:inline-grid}.qti-display-table{display:table}.qti-display-table-cell{display:table-cell}.qti-display-table-row{display:table-row}.qti-display-list-item{display:list-item}.qti-display-inherit{display:inherit}.qti-hidden{display:none}.qti-visually-hidden{position:fixed!important;overflow:hidden;clip:rect(1px 1px 1px 1px);height:1px;width:1px;border:0;margin:-1px}.qti-flex-direction-column{flex-direction:column}.qti-flex-direction-row{flex-direction:row}.qti-flex-grow-1{flex-grow:1}.qti-flex-grow-0{flex-grow:0}.qti-margin-0{margin:0!important}.qti-margin-1{margin:.25rem!important}.qti-margin-2{margin:.5rem!important}.qti-margin-3{margin:1rem!important}.qti-margin-4{margin:1.5rem!important}.qti-margin-5{margin:3rem!important}.qti-margin-auto{margin:auto!important}.qti-margin-x-0{margin-right:0!important;margin-left:0!important}.qti-margin-x-1{margin-right:.25rem!important;margin-left:.25rem!important}.qti-margin-x-2{margin-right:.5rem!important;margin-left:.5rem!important}.qti-margin-x-3{margin-right:1rem!important;margin-left:1rem!important}.qti-margin-x-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.qti-margin-x-5{margin-right:3rem!important;margin-left:3rem!important}.qti-margin-x-auto{margin-right:auto!important;margin-left:auto!important}.qti-margin-y-0{margin-top:0!important;margin-bottom:0!important}.qti-margin-y-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.qti-margin-y-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.qti-margin-y-3{margin-top:1rem!important;margin-bottom:1rem!important}.qti-margin-y-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.qti-margin-y-5{margin-top:3rem!important;margin-bottom:3rem!important}.qti-margin-y-auto{margin-top:auto!important;margin-bottom:auto!important}.qti-margin-t-0{margin-top:0!important}.qti-margin-t-1{margin-top:.25rem!important}.qti-margin-t-2{margin-top:.5rem!important}.qti-margin-t-3{margin-top:1rem!important}.qti-margin-t-4{margin-top:1.5rem!important}.qti-margin-t-5{margin-top:3rem!important}.qti-margin-t-auto{margin-top:auto!important}.qti-margin-b-0{margin-bottom:0!important}.qti-margin-b-1{margin-bottom:.25rem!important}.qti-margin-b-2{margin-bottom:.5rem!important}.qti-margin-b-3{margin-bottom:1rem!important}.qti-margin-b-4{margin-bottom:1.5rem!important}.qti-margin-b-5{margin-bottom:3rem!important}.qti-margin-b-auto{margin-bottom:auto!important}.qti-margin-s-0{margin-left:0!important}.qti-margin-s-1{margin-left:.25rem!important}.qti-margin-s-2{margin-left:.5rem!important}.qti-margin-s-3{margin-left:1rem!important}.qti-margin-s-4{margin-left:1.5rem!important}.qti-margin-s-5{margin-left:3rem!important}.qti-margin-s-auto{margin-left:auto!important}.qti-margin-e-0{margin-right:0!important}.qti-margin-e-1{margin-right:.25rem!important}.qti-margin-e-2{margin-right:.5rem!important}.qti-margin-e-3{margin-right:1rem!important}.qti-margin-e-4{margin-right:1.5rem!important}.qti-margin-e-5{margin-right:3rem!important}.qti-margin-e-auto{margin-right:auto!important}.qti-padding-0{padding:0!important}.qti-padding-1{padding:.25rem!important}.qti-padding-2{padding:.5rem!important}.qti-padding-3{padding:1rem!important}.qti-padding-4{padding:1.5rem!important}.qti-padding-5{padding:3rem!important}.qti-padding-x-0{padding-right:0!important;padding-left:0!important}.qti-padding-x-1{padding-right:.25rem!important;padding-left:.25rem!important}.qti-padding-x-2{padding-right:.5rem!important;padding-left:.5rem!important}.qti-padding-x-3{padding-right:1rem!important;padding-left:1rem!important}.qti-padding-x-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.qti-padding-x-5{padding-right:3rem!important;padding-left:3rem!important}.qti-padding-y-0{padding-top:0!important;padding-bottom:0!important}.qti-padding-y-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.qti-padding-y-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.qti-padding-y-3{padding-top:1rem!important;padding-bottom:1rem!important}.qti-padding-y-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.qti-padding-y-5{padding-top:3rem!important;padding-bottom:3rem!important}.qti-padding-t-0{padding-top:0!important}.qti-padding-t-1{padding-top:.25rem!important}.qti-padding-t-2{padding-top:.5rem!important}.qti-padding-t-3{padding-top:1rem!important}.qti-padding-t-4{padding-top:1.5rem!important}.qti-padding-t-5{padding-top:3rem!important}.qti-padding-b-0{padding-bottom:0!important}.qti-padding-b-1{padding-bottom:.25rem!important}.qti-padding-b-2{padding-bottom:.5rem!important}.qti-padding-b-3{padding-bottom:1rem!important}.qti-padding-b-4{padding-bottom:1.5rem!important}.qti-padding-b-5{padding-bottom:3rem!important}.qti-padding-s-0{padding-left:0!important}.qti-padding-s-1{padding-left:.25rem!important}.qti-padding-s-2{padding-left:.5rem!important}.qti-padding-s-3{padding-left:1rem!important}.qti-padding-s-4{padding-left:1.5rem!important}.qti-padding-s-5{padding-left:3rem!important}.qti-padding-e-0{padding-right:0!important}.qti-padding-e-1{padding-right:.25rem!important}.qti-padding-e-2{padding-right:.5rem!important}.qti-padding-e-3{padding-right:1rem!important}.qti-padding-e-4{padding-right:1.5rem!important}.qti-padding-e-5{padding-right:3rem!important}.qti-align-left{text-align:left}.qti-align-center{text-align:center}.qti-align-right{text-align:right}.qti-valign-top{vertical-align:top}.qti-valign-middle{vertical-align:middle}.qti-valign-baseline{vertical-align:baseline}.qti-valign-bottom{vertical-align:bottom}.qti-height-0{height:0}.qti-height-px{height:1px}.qti-height-0p5{height:.125rem}.qti-height-1{height:.25rem}.qti-height-1p5{height:.375rem}.qti-height-2{height:.5rem}.qti-height-2p5{height:.625rem}.qti-height-3{height:.75rem}.qti-height-3p5{height:.875rem}.qti-height-4{height:1rem}.qti-height-5{height:1.25rem}.qti-height-6{height:1.5rem}.qti-height-7{height:1.75rem}.qti-height-8{height:2rem}.qti-height-9{height:2.25rem}.qti-height-10{height:2.5rem}.qti-height-11{height:2.75rem}.qti-height-12{height:3rem}.qti-height-14{height:3.5rem}.qti-height-16{height:4rem}.qti-height-20{height:5rem}.qti-height-24{height:6rem}.qti-height-28{height:7rem}.qti-height-32{height:8rem}.qti-height-36{height:9rem}.qti-height-40{height:10rem}.qti-height-44{height:11rem}.qti-height-48{height:12rem}.qti-height-52{height:13rem}.qti-height-56{height:14rem}.qti-height-60{height:15rem}.qti-height-64{height:16rem}.qti-height-72{height:18rem}.qti-height-80{height:20rem}.qti-height-96{height:24rem}.qti-height-1-2{height:50%}.qti-height-1-3{height:33.3333%}.qti-height-2-3{height:66.6667%}.qti-height-1-4{height:25%}.qti-height-2-4{height:50%}.qti-height-3-4{height:75%}.qti-height-1-5{height:20%}.qti-height-2-5{height:40%}.qti-height-3-5{height:60%}.qti-height-4-5{height:80%}.qti-height-1-6{height:16.6667%}.qti-height-2-6{height:33.3333%}.qti-height-3-6{height:50%}.qti-height-4-6{height:66.6667%}.qti-height-5-6{height:83.3333%}.qti-height-auto{height:auto}.qti-height-full{height:100%}.qti-width-0{width:0}.qti-width-px{width:1px}.qti-width-0p5{width:.125rem}.qti-width-1{width:.25rem}.qti-width-1p5{width:.375rem}.qti-width-2{width:.5rem}.qti-width-2p5{width:.625rem}.qti-width-3{width:.75rem}.qti-width-3p5{width:.875rem}.qti-width-4{width:1rem}.qti-width-5{width:1.25rem}.qti-width-6{width:1.5rem}.qti-width-7{width:1.75rem}.qti-width-8{width:2rem}.qti-width-9{width:2.25rem}.qti-width-10{width:2.5rem}.qti-width-11{width:2.75rem}.qti-width-12{width:3rem}.qti-width-14{width:3.5rem}.qti-width-16{width:4rem}.qti-width-20{width:5rem}.qti-width-24{width:6rem}.qti-width-28{width:7rem}.qti-width-32{width:8rem}.qti-width-36{width:9rem}.qti-width-40{width:10rem}.qti-width-44{width:11rem}.qti-width-48{width:12rem}.qti-width-52{width:13rem}.qti-width-56{width:14rem}.qti-width-60{width:15rem}.qti-width-64{width:16rem}.qti-width-72{width:18rem}.qti-width-80{width:20rem}.qti-width-96{width:24rem}.qti-width-auto{width:auto}.qti-width-1-2{width:50%}.qti-width-1-3{width:33.3333%}.qti-width-2-3{width:66.6667%}.qti-width-1-4{width:25%}.qti-width-2-4{width:50%}.qti-width-3-4{width:75%}.qti-width-1-5{width:20%}.qti-width-2-5{width:40%}.qti-width-3-5{width:60%}.qti-width-4-5{width:80%}.qti-width-1-6{width:16.6667%}.qti-width-2-6{width:33.3333%}.qti-width-3-6{width:50%}.qti-width-4-6{width:66.6667%}.qti-width-5-6{width:83.3333%}.qti-width-1-12{width:8.3333%}.qti-width-2-12{width:16.6667%}.qti-width-3-12{width:25%}.qti-width-4-12{width:33.3333%}.qti-width-5-12{width:41.6667%}.qti-width-6-12{width:50%}.qti-width-7-12{width:58.3333%}.qti-width-8-12{width:66.6667%}.qti-width-9-12{width:75%}.qti-width-10-12{width:83.3333%}.qti-width-11-12{width:91.6667%}.qti-width-full,.qti-fullwidth{width:100%}.qti-text-indent-0{text-indent:0}.qti-text-indent-px{text-indent:1px}.qti-text-indent-0p5{text-indent:.125rem}.qti-text-indent-1{text-indent:.25rem}.qti-text-indent-1p5{text-indent:.375rem}.qti-text-indent-2{text-indent:.5rem}.qti-text-indent-2p5{text-indent:.625rem}.qti-text-indent-3{text-indent:.75rem}.qti-text-indent-3p5{text-indent:.875rem}.qti-text-indent-4{text-indent:1rem}.qti-text-indent-5{text-indent:1.25rem}.qti-text-indent-6{text-indent:1.5rem}.qti-text-indent-7{text-indent:1.75rem}.qti-text-indent-8{text-indent:2rem}.qti-text-indent-12{text-indent:3rem}.qti-text-indent-16{text-indent:4rem}.qti-text-indent-20{text-indent:5rem}.qti-text-indent-24{text-indent:6rem}.qti-text-indent-28{text-indent:7rem}.qti-text-indent-32{text-indent:8rem}.qti-list-style-type-none{list-style-type:none}.qti-list-style-type-disc{list-style-type:disc}.qti-list-style-type-circle{list-style-type:circle}.qti-list-style-type-square{list-style-type:square}.qti-list-style-type-decimal{list-style-type:decimal}.qti-list-style-type-decimal-leading-zero{list-style-type:decimal-leading-zero}.qti-list-style-type-lower-alpha{list-style-type:lower-alpha}.qti-list-style-type-upper-alpha{list-style-type:upper-alpha}.qti-list-style-type-lower-roman{list-style-type:lower-roman}.qti-list-style-type-upper-roman{list-style-type:upper-roman}.qti-list-style-type-lower-latin{list-style-type:lower-latin}.qti-list-style-type-upper-latin{list-style-type:upper-latin}.qti-list-style-type-lower-greek{list-style-type:lower-greek}.qti-list-style-type-arabic-indic{list-style-type:arabic-indic}.qti-list-style-type-armenian{list-style-type:armenian}.qti-list-style-type-lower-armenian{list-style-type:lower-armenian}.qti-list-style-type-upper-armenian{list-style-type:upper-armenian}.qti-list-style-type-bengali{list-style-type:bengali}.qti-list-style-type-cambodian{list-style-type:cambodian}.qti-list-style-type-simp-chinese-formal{list-style-type:simp-chinese-formal}.qti-list-style-type-simp-chinese-informal{list-style-type:simp-chinese-informal}.qti-list-style-type-trad-chinese-formal{list-style-type:trad-chinese-formal}.qti-list-style-type-trad-chinese-informal{list-style-type:trad-chinese-informal}.qti-list-style-type-cjk-ideographic{list-style-type:cjk-ideographic}.qti-list-style-type-cjk-heavenly-stem{list-style-type:cjk-heavenly-stem}.qti-list-style-type-cjk-earthly-branch{list-style-type:cjk-earthly-branch}.qti-list-style-type-devanagari{list-style-type:devanagari}.qti-list-style-type-ethiopic-halehame-ti-er{list-style-type:ethiopic-halehame-ti-er}.qti-list-style-type-ethiopic-halehame-ti-et{list-style-type:ethiopic-halehame-ti-et}.qti-list-style-type-ethiopic-halehame-am{list-style-type:ethiopic-halehame-am}.qti-list-style-type-ethiopic-halehame{list-style-type:ethiopic-halehame}.qti-list-style-type-georgian{list-style-type:georgian}.qti-list-style-type-gujarati{list-style-type:gujarati}.qti-list-style-type-gurmukhi{list-style-type:gurmukhi}.qti-list-style-type-hangul{list-style-type:hangul}.qti-list-style-type-hangul-consonant{list-style-type:hangul-consonant}.qti-list-style-type-hebrew{list-style-type:hebrew}.qti-list-style-type-hiragana{list-style-type:hiragana}.qti-list-style-type-hiragana-iroha{list-style-type:hiragana-iroha}.qti-list-style-type-khmer{list-style-type:khmer}.qti-list-style-type-korean-hangul-formal{list-style-type:korean-hangul-formal}.qti-list-style-type-korean-hanja-formal{list-style-type:korean-hanja-formal}.qti-list-style-type-korean-hanja-informal{list-style-type:korean-hanja-informal}.qti-list-style-type-lao{list-style-type:lao}.qti-list-style-type-malayalam{list-style-type:malayalam}.qti-list-style-type-mongolian{list-style-type:mongolian}.qti-list-style-type-myanmar{list-style-type:myanmar}.qti-list-style-type-oriya{list-style-type:oriya}.qti-list-style-type-persian{list-style-type:persian}.qti-list-style-type-thai{list-style-type:thai}.qti-list-style-type-tibetan{list-style-type:tibetan}.qti-list-style-type-telugu{list-style-type:telugu}.qti-list-style-type-urdu{list-style-type:urdu}.qti-bordered{border:1px solid var(--table-border-color)}.qti-underline{text-decoration:underline;text-decoration-color:var(--foreground)}.qti-italic{font-style:italic}.qti-well{min-height:20px;padding:19px;margin-bottom:20px;background-color:var(--well-bg);border:var(--well-border);border-radius:4px;box-shadow:var(--well-box-shadow)}.qti-writing-mode-vertical-rl{writing-mode:vertical-rl}.qti-writing-mode-vertical-lr{writing-mode:vertical-lr}.qti-writing-mode-horizontal-tb{writing-mode:horizontal-tb}.qti-float-left{float:left}.qti-float-right{float:right}.qti-float-none{float:none}.qti-float-clearfix:after{content:"";clear:both;display:table}.qti-float-clear-left .qti-float-clear-right .qti-float-clear-both .qti-text-orientation-upright{text-orientation:upright}@layer qti-base{.qti-layout-row{display:flex;flex-wrap:wrap;width:100%;gap:2.1276595745%}.qti-layout-row [class*=qti-layout-col]:not(:empty){box-sizing:border-box}.qti-layout-row [class*=qti-layout-col]:empty{width:0;overflow:hidden}.qti-layout-col1{width:6.3829787234%}.qti-layout-col2{width:14.8936170213%}.qti-layout-col3{width:23.4042553191%}.qti-layout-col4{width:31.914893617%}.qti-layout-col5{width:40.4255319149%}.qti-layout-col6{width:48.9361702128%}.qti-layout-col7{width:57.4468085106%}.qti-layout-col8{width:65.9574468085%}.qti-layout-col9{width:74.4680851064%}.qti-layout-col10{width:82.9787234043%}.qti-layout-col11{width:91.4893617021%}.qti-layout-col12{width:100%}.qti-layout-offset1{margin-left:8.5106382979%}.qti-layout-offset2{margin-left:17.0212765957%}.qti-layout-offset3{margin-left:25.5319148936%}.qti-layout-offset4{margin-left:34.0425531915%}.qti-layout-offset5{margin-left:42.5531914894%}.qti-layout-offset6{margin-left:51.0638297872%}.qti-layout-offset7{margin-left:59.5744680851%}.qti-layout-offset8{margin-left:68.085106383%}.qti-layout-offset9{margin-left:76.5957446809%}.qti-layout-offset10{margin-left:85.1063829787%}.qti-layout-offset11{margin-left:93.6170212766%}.qti-layout-offset12{margin-left:102.1276595745%}@media (width <= 767px){[class*=qti-layout-col]{width:100%}}}[view],qti-outcome-declaration,qti-response-declaration{display:none}[view].show{display:block}:host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}@layer qti-components{qti-choice-interaction{&.qti-input-control-hidden{& qti-simple-choice{&:hover{background-color:var(--qti-hover-bg)}&:focus{box-shadow:0 0 0 var(--qti-focus-border-width) var(--qti-focus-color)}&::part(ch){display:none}&:state(--checked),&[aria-checked=true]{border-color:var(--qti-border-active);background-color:var(--qti-bg-active)}&:state(readonly),&[aria-readonly=true]{cursor:pointer;background-color:var(--qti-bg);outline:0;border:none}&:state(disabled),&[aria-disabled=true]{cursor:not-allowed;background-color:var(--qti-disabled-bg);color:var(--qti-disabled-color);border-color:var(--qti-border-color);outline:4px solid var(--qti-disabled-bg)}border-radius:var(--qti-border-radius);padding:var(--qti-padding-vertical) var(--qti-padding-horizontal);border:var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);outline:none}}&:not(.qti-input-control-hidden){& qti-simple-choice{&:not([aria-disabled=true],[aria-readonly=true],:state(--checked)):hover{background-color:var(--qti-hover-bg)}&:focus{box-shadow:0 0 0 var(--qti-focus-border-width) var(--qti-focus-color)}&:state(--checked),&[aria-checked=true]{border-color:var(--qti-border-active);background-color:var(--qti-bg-active)}&:state(readonly),&[aria-readonly=true]{cursor:pointer;background-color:var(--qti-bg);outline:0;border:none}&:state(disabled),&[aria-disabled=true]{cursor:not-allowed;background-color:var(--qti-disabled-bg);color:var(--qti-disabled-color);border-color:var(--qti-border-color);outline:4px solid var(--qti-disabled-bg)}&::part(cha){width:calc(var(--qti-form-size) - 6px);height:calc(var(--qti-form-size) - 6px)}&:state(radio)::part(ch){border-radius:100%;display:grid;place-content:center;width:var(--qti-form-size);height:var(--qti-form-size);border:var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);outline:none}&:state(radio):state(--checked)::part(cha){background-color:var(--qti-border-active);border-radius:100%}&:state(checkbox)::part(ch){display:flex;place-items:center;border-radius:var(--qti-border-radius);display:grid;place-content:center;width:var(--qti-form-size);height:var(--qti-form-size);border:var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);outline:none}&:state(checkbox):state(--checked)::part(cha){background-color:var(--qti-border-active);-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");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")}gap:.5rem;border-radius:var(--qti-border-radius);padding:var(--qti-padding-vertical) var(--qti-padding-horizontal);outline:none;cursor:pointer}}& qti-simple-choice{width:-moz-fit-content;width:fit-content;cursor:pointer;&:state(correct-response),&[data-correct-response=true]{&:after{content:"\2714";color:#16a34a}}}& qti-simple-choice>p{margin:0!important;padding:0!important}}.hover-border{border:2px solid #000}qti-graphic-gap-match-interaction{position:relative;&.qti-selections-light{&:state(--dragzone-active)::part(drags){background-color:var(--qti-light-bg-active);border-color:var(--qti-light-border-active)}&:state(--dragzone-enabled)::part(drags){background-color:var(--qti-light-bg-active)}}&.qti-selections-dark{&:state(--dragzone-active)::part(drags){background-color:var(--qti-dark-bg-active);border-color:var(--qti-dark-border-active)}&:state(--dragzone-enabled)::part(drags){background-color:var(--qti-dark-bg-active)}}&:state(--dragzone-active)::part(drags){border-color:var(--qti-border-active);background-color:var(--qti-bg-active)}&:state(--dragzone-enabled)::part(drags){background-color:var(--qti-bg-active)}& qti-gap-img,qti-gap-text{display:flex;justify-content:center;align-items:center;cursor:grab}& qti-associable-hotspot{display:flex;justify-content:center;align-items:center;border:2px solid transparent;&[enabled]{.qti-selections-light{background-color:var(--qti-light-bg-active)}.qti-selections-dark{background-color:var(--qti-dark-bg-active)}background-color:var(--qti-bg-active)}&[active]{.qti-selections-light{background-color:var(--qti-light-bg-active);border-color:var(--qti-light-border-active)}.qti-selections-dark{background-color:var(--qti-dark-bg-active);border-color:var(--qti-dark-border-active)}border-color:var(--qti-border-active);background-color:var(--qti-bg-active)}&[disabled]{&:not(:empty){cursor:default!important}cursor:not-allowed;background-color:var(--qti-disabled-bg);color:var(--qti-disabled-color);border-color:var(--qti-border-color);outline:4px solid var(--qti-disabled-bg)}&:empty:after{padding:var(--qti-padding-md) var(--qti-padding-lg);content:"\a0"}&:not(:empty){padding:0;width:auto}&:not(:empty)>*{flex:1;transform:rotate(0);box-shadow:0 0 0 1px #e5e7eb}}& img{margin:0;padding:0}}qti-text-entry-interaction{&::part(input){border-radius:0;cursor:text;padding:var(--qti-padding-vertical) var(--qti-padding-horizontal);background:unset;border:var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);outline:none}&:hover{background-color:var(--qti-hover-bg)}&:focus-within{&::part(input){box-shadow:0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);border-color:var(--qti-border-active)}}}qti-extended-text-interaction{&::part(textarea){border-radius:0;cursor:text;padding:var(--qti-padding-vertical) var(--qti-padding-horizontal);background:unset;border:var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);outline:none}&:hover{background-color:var(--qti-hover-bg)}&:focus-within{&::part(textarea){box-shadow:0 0 0 var(--qti-focus-border-width) var(--qti-focus-color);border-color:var(--qti-border-active)}}}qti-gap-match-interaction{&.qti-selections-light{&:state(--dragzone-active)::part(drags){background-color:var(--qti-light-bg-active);border-color:var(--qti-light-border-active)}&:state(--dragzone-enabled)::part(drags){background-color:var(--qti-light-bg-active)}}&.qti-selections-dark{&:state(--dragzone-active)::part(drags){background-color:var(--qti-dark-bg-active);border-color:var(--qti-dark-border-active)}&:state(--dragzone-enabled)::part(drags){background-color:var(--qti-dark-bg-active)}}&:state(--dragzone-active)::part(drags){border-color:var(--qti-border-active);background-color:var(--qti-bg-active)}&:state(--dragzone-enabled)::part(drags){background-color:var(--qti-bg-active)}& qti-gap-text{&[dragging]{pointer-events:none;rotate:-2deg;box-shadow:0 8px 12px #0003,0 4px 8px #0000001a}&:hover{background-color:var(--qti-hover-bg)}&:focus{box-shadow:0 0 0 var(--qti-focus-border-width) var(--qti-focus-color)}transition:transform .2s ease-out,box-shadow .2s ease-out,rotate .2s ease-out;cursor:grab;background-color:var(--qti-bg);padding:var(--qti-padding-vertical) var(--qti-padding-horizontal);border-radius:var(--qti-border-radius);padding-left:calc(var(--qti-padding-horizontal) + .5rem);border:var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);outline:none;background-image:radial-gradient(circle at center,#0000001a 0,#0003 2px,#fff0 2px 100%);background-repeat:repeat-y;background-position:left center;background-size:14px 8px}& qti-gap{&[disabled]{&:not(:empty){cursor:default!important}cursor:not-allowed;background-color:var(--qti-disabled-bg);color:var(--qti-disabled-color);border-color:var(--qti-border-color);outline:4px solid var(--qti-disabled-bg)}&[enabled]{.qti-selections-light{border-color:var(--qti-light-border-active)}.qti-selections-dark{border-color:var(--qti-dark-border-active)}background-color:var(--qti-bg-active)}&[active]{.qti-selections-light{background-color:var(--qti-light-bg-active);border-color:var(--qti-light-border-active)}.qti-selections-dark{background-color:var(--qti-dark-bg-active);border-color:var(--qti-dark-border-active)}border-color:var(--qti-border-active);background-color:var(--qti-bg-active)}display:inline-flex;align-items:center;&:empty:after{padding:var(--qti-padding-md) var(--qti-padding-lg);content:"\a0"}&:not(:empty){display:inline-flex;padding:0;width:auto}&:not(:empty)>*{flex:1;transform:rotate(0);box-shadow:0 0 0 1px #e5e7eb}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>') center no-repeat;border-radius:var(--qti-border-radius);position:relative;background-color:var(--qti-bg);border:var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);outline:none}}qti-hotspot-interaction{& qti-hotspot-choice{&[shape=circle]{&:hover{background-color:var(--qti-hover-bg)}&:focus{box-shadow:0 0 0 var(--qti-focus-border-width) var(--qti-focus-color)}&:state(--checked),&[aria-checked=true]{border-color:var(--qti-border-active)}&:state(--readonly),&[aria-readonly=true]{cursor:pointer;background-color:var(--qti-bg);outline:0;border:none}&:state(--disabled),&[aria-disabled=true]{cursor:not-allowed;background-color:var(--qti-disabled-bg);color:var(--qti-disabled-color);border-color:var(--qti-border-color);outline:4px solid var(--qti-disabled-bg)}width:100%;height:100%;background-color:transparent;padding:0;border:var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);outline:none}&[shape=rect]{&:focus{box-shadow:0 0 0 var(--qti-focus-border-width) var(--qti-focus-color)}&:state(--checked),&[aria-checked=true]{border-color:var(--qti-border-active)}&[aria-readonly=true]{cursor:pointer;background-color:var(--qti-bg);outline:0;border:none}&[aria-disabled=true]{cursor:not-allowed;background-color:var(--qti-disabled-bg);color:var(--qti-disabled-color);border-color:var(--qti-border-color);outline:4px solid var(--qti-disabled-bg)}width:100%;height:100%;background-color:transparent;padding:0;border:var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);outline:none}&[shape=poly]{&:hover:after{content:"";width:100%;height:100%;background:repeating-linear-gradient(45deg,var(--qti-border-active),var(--qti-border-active) 5px,transparent 5px,transparent 10px);display:block}&:state(--checked):after,&[aria-checked=true]:after{content:"";width:100%;height:100%;background:repeating-linear-gradient(45deg,transparent,transparent 5px,var(--qti-border-active) 5px,var(--qti-border-active) 10px);display:block}&[aria-readonly=true]{cursor:pointer;background-color:var(--qti-bg);outline:0;border:none}&[aria-disabled=true]{cursor:not-allowed;background-color:var(--qti-disabled-bg);color:var(--qti-disabled-color);border-color:var(--qti-border-color);outline:4px solid var(--qti-disabled-bg)}}}}qti-hottext-interaction{qti-hottext{display:inline-flex;align-items:center;&:hover{background-color:var(--qti-hover-bg)}&:focus{box-shadow:0 0 0 var(--qti-focus-border-width) var(--qti-focus-color)}&::part(cha){width:calc(var(--qti-form-size) - 6px);height:calc(var(--qti-form-size) - 6px)}&:state(radio)::part(ch){border-radius:100%;display:grid;place-content:center;width:var(--qti-form-size);height:var(--qti-form-size);border:var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);outline:none}&:state(radio):state(--checked)::part(cha){background-color:var(--qti-border-active);border-radius:100%}&:state(checkbox)::part(ch){display:flex;place-items:center;border-radius:var(--qti-border-radius);display:grid;place-content:center;width:var(--qti-form-size);height:var(--qti-form-size);border:var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);outline:none}&:state(checkbox):state(--checked)::part(cha){background-color:var(--qti-border-active);-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");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")}gap:.5rem;border-radius:var(--qti-border-radius);padding:var(--qti-padding-vertical) var(--qti-padding-horizontal);outline:none;cursor:pointer}&.qti-input-control-hidden{qti-hottext{&:hover{background-color:var(--qti-hover-bg)}&:focus{box-shadow:0 0 0 var(--qti-focus-border-width) var(--qti-focus-color)}&::part(ch){display:none}&:state(--checked){border-color:var(--qti-border-active);background-color:var(--qti-bg-active)}&[aria-readonly=true]{cursor:pointer;background-color:var(--qti-bg);outline:0;border:none}&[aria-disabled=true]{cursor:not-allowed;background-color:var(--qti-disabled-bg);color:var(--qti-disabled-color);border-color:var(--qti-border-color);outline:4px solid var(--qti-disabled-bg)}border-radius:var(--qti-border-radius);padding:var(--qti-padding-vertical) var(--qti-padding-horizontal);border:var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);outline:none}}&.qti-unselected-hidden{qti-hottext{&:hover{background-color:var(--qti-hover-bg)}&:focus{box-shadow:0 0 0 var(--qti-focus-border-width) var(--qti-focus-color)}cursor:pointer;&::part(ch){display:none}&:state(--checked){background-color:var(--qti-bg-active)}&[aria-readonly=true]{cursor:pointer;background-color:var(--qti-bg);outline:0;border:none}&[aria-disabled=true]{cursor:not-allowed;background-color:var(--qti-disabled-bg);color:var(--qti-disabled-color);border-color:var(--qti-border-color);outline:4px solid var(--qti-disabled-bg)}}}}qti-inline-choice-interaction{&::part(select){&:hover{background-color:var(--qti-hover-bg)}&:focus{box-shadow:0 0 0 var(--qti-focus-border-width) var(--qti-focus-color)}border-radius:var(--qti-border-radius);position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--qti-padding-vertical) var(--qti-padding-horizontal);padding-right:calc(var(--qti-padding-horizontal) + 1.5rem);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") no-repeat center right 6px}}qti-match-interaction:not(.qti-match-tabular){&:state(--dragzone-enabled) qti-simple-match-set:first-of-type{background-color:var(--qti-bg-active)}&:state(--dragzone-active) qti-simple-match-set:first-of-type{border-color:var(--qti-border-active);background-color:var(--qti-bg-active)}& qti-simple-match-set:first-of-type{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--qti-gap-size);border:2px solid transparent;& qti-simple-associable-choice{&[dragging]{pointer-events:none;rotate:-2deg;box-shadow:0 8px 12px #0003,0 4px 8px #0000001a}&:hover{background-color:var(--qti-hover-bg)}&:focus{box-shadow:0 0 0 var(--qti-focus-border-width) var(--qti-focus-color)}transition:transform .2s ease-out,box-shadow .2s ease-out,rotate .2s ease-out;cursor:grab;background-color:var(--qti-bg);padding:var(--qti-padding-vertical) var(--qti-padding-horizontal);border-radius:var(--qti-border-radius);padding-left:calc(var(--qti-padding-horizontal) + .5rem);border:var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);outline:none;background-image:radial-gradient(circle at center,#0000001a 0,#0003 2px,#fff0 2px 100%);background-repeat:repeat-y;background-position:left center;background-size:14px 8px}}& qti-simple-match-set:last-of-type{display:grid;grid-auto-columns:1fr;grid-auto-flow:column;gap:var(--qti-gap-size);width:100%;& qti-simple-associable-choice{display:flex;flex-direction:column}>qti-simple-associable-choice{box-sizing:border-box;display:grid;grid-row:2 / 4;grid-template-rows:subgrid;& img{max-width:100%;height:auto}&[enabled]{&::part(dropslot){background-color:var(--qti-bg-active)}}&[disabled]{&::part(dropslot){cursor:not-allowed;background-color:var(--qti-disabled-bg);color:var(--qti-disabled-color);border-color:var(--qti-border-color);outline:4px solid var(--qti-disabled-bg)}}&[active]{&::part(dropslot){border-color:var(--qti-border-active);background-color:var(--qti-bg-active)}}&::part(dropslot){&[dragging]{pointer-events:none;rotate:-2deg;box-shadow:0 8px 12px #0003,0 4px 8px #0000001a}&:focus{box-shadow:0 0 0 var(--qti-focus-border-width) var(--qti-focus-color)}min-height:6rem;gap:var(--qti-gap-size);box-sizing:border-box;display:flex;justify-content:center;align-items:center;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>') center no-repeat;border-radius:var(--qti-border-radius);position:relative;background-color:var(--qti-bg);border:var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);outline:none}>*:not(qti-simple-associable-choice){pointer-events:none}>qti-simple-associable-choice{&::part(dropslot){display:none}&:hover{background-color:var(--qti-hover-bg)}&:focus{box-shadow:0 0 0 var(--qti-focus-border-width) var(--qti-focus-color)}flex-basis:fit-content;transition:transform .2s ease-out,box-shadow .2s ease-out,rotate .2s ease-out;cursor:grab;background-color:var(--qti-bg);padding:var(--qti-padding-vertical) var(--qti-padding-horizontal);border-radius:var(--qti-border-radius);padding-left:calc(var(--qti-padding-horizontal) + .5rem);border:var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);outline:none;background-image:radial-gradient(circle at center,#0000001a 0,#0003 2px,#fff0 2px 100%);background-repeat:repeat-y;background-position:left center;background-size:14px 8px}}}}qti-order-interaction:state(--dragzone-active)::part(drags){border-color:var(--qti-border-active);background-color:var(--qti-bg-active)}qti-order-interaction:state(--dragzone-enabled)::part(drags){background-color:var(--qti-bg-active)}qti-order-interaction{&::part(qti-simple-choice),qti-simple-choice{&[dragging]{pointer-events:none;rotate:-2deg;box-shadow:0 8px 12px #0003,0 4px 8px #0000001a}&:hover{background-color:var(--qti-hover-bg)}&:focus{box-shadow:0 0 0 var(--qti-focus-border-width) var(--qti-focus-color)}transition:transform .2s ease-out,box-shadow .2s ease-out,rotate .2s ease-out;cursor:grab;background-color:var(--qti-bg);padding:var(--qti-padding-vertical) var(--qti-padding-horizontal);border-radius:var(--qti-border-radius);padding-left:calc(var(--qti-padding-horizontal) + .5rem);border:var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);outline:none;background-image:radial-gradient(circle at center,#0000001a 0,#0003 2px,#fff0 2px 100%);background-repeat:repeat-y;background-position:left center;background-size:14px 8px}&::part(qti-simple-choice){display:flex;overflow:hidden;align-items:center;width:100%;text-overflow:ellipsis}&::part(drops){gap:.5rem}&::part(drags){gap:.5rem}&::part(drop-list){&[enabled]{.qti-selections-light{border-color:var(--qti-light-border-active)}.qti-selections-dark{border-color:var(--qti-dark-border-active)}background-color:var(--qti-bg-active)}&:hover{background-color:var(--qti-hover-bg)}&:focus{box-shadow:0 0 0 var(--qti-focus-border-width) var(--qti-focus-color)}display:flex;min-height:4rem;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>') center no-repeat;border-radius:var(--qti-border-radius);position:relative;background-color:var(--qti-bg);border:var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);outline:none}&::part(active){border-color:var(--qti-border-active);background-color:var(--qti-bg-active)}& drop-list{&[shape=circle]{&:hover{background-color:var(--qti-hover-bg)}&:focus{box-shadow:0 0 0 var(--qti-focus-border-width) var(--qti-focus-color)}&[aria-checked=true]{border-color:var(--qti-border-active);background-color:var(--qti-bg-active)}&[aria-readonly=true]{cursor:pointer;background-color:var(--qti-bg);outline:0;border:none}&[aria-disabled=true]{cursor:not-allowed;background-color:var(--qti-disabled-bg);color:var(--qti-disabled-color);border-color:var(--qti-border-color);outline:4px solid var(--qti-disabled-bg)}width:100%;height:100%;background-color:transparent;padding:0;border:var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);outline:none}&[shape=square]{&:hover{background-color:var(--qti-hover-bg)}&:focus{box-shadow:0 0 0 var(--qti-focus-border-width) var(--qti-focus-color)}&[aria-checked=true]{border-color:var(--qti-border-active);background-color:var(--qti-bg-active)}&[aria-readonly=true]{cursor:pointer;background-color:var(--qti-bg);outline:0;border:none}&[aria-disabled=true]{cursor:not-allowed;background-color:var(--qti-disabled-bg);color:var(--qti-disabled-color);border-color:var(--qti-border-color);outline:4px solid var(--qti-disabled-bg)}width:100%;height:100%;background-color:transparent;padding:0;border:var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);outline:none}}}qti-associate-interaction{&:state(--dragzone-active) slot[name=qti-simple-associable-choice]{border-color:var(--qti-border-active);background-color:var(--qti-bg-active)}&:state(--dragzone-enabled) slot[name=qti-simple-associable-choice]{background-color:var(--qti-bg-active)}& qti-simple-associable-choice,&::part(qti-simple-associable-choice){&:hover{background-color:var(--qti-hover-bg)}&:focus{box-shadow:0 0 0 var(--qti-focus-border-width) var(--qti-focus-color)}&[dragging]{pointer-events:none;rotate:-2deg;box-shadow:0 8px 12px #0003,0 4px 8px #0000001a}transition:transform .2s ease-out,box-shadow .2s ease-out,rotate .2s ease-out;cursor:grab;background-color:var(--qti-bg);padding:var(--qti-padding-vertical) var(--qti-padding-horizontal);border-radius:var(--qti-border-radius);padding-left:calc(var(--qti-padding-horizontal) + .5rem);border:var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);outline:none;background-image:radial-gradient(circle at center,#0000001a 0,#0003 2px,#fff0 2px 100%);background-repeat:repeat-y;background-position:left center;background-size:14px 8px}&::part(drop-list){display:grid;height:3rem;min-width:10rem;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>') center no-repeat;border-radius:var(--qti-border-radius);position:relative;background-color:var(--qti-bg);border:var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);outline:none}&::part(drop-list):focus{box-shadow:0 0 0 var(--qti-focus-border-width) var(--qti-focus-color)}&::part(drop-list) [dragging]{border-color:var(--qti-border-active);background-color:var(--qti-bg-active)}}qti-graphic-order-interaction{& qti-hotspot-choice{&:hover{background-color:var(--qti-hover-bg)}&:focus{box-shadow:0 0 0 var(--qti-focus-border-width) var(--qti-focus-color)}&:state(--checked),&[aria-checked=true]{border-color:var(--qti-border-active);background-color:var(--qti-bg-active)}&[aria-readonly=true]{cursor:pointer;background-color:var(--qti-bg);outline:0;border:none}&[aria-disabled=true]{cursor:not-allowed;background-color:var(--qti-disabled-bg);color:var(--qti-disabled-color);border-color:var(--qti-border-color);outline:4px solid var(--qti-disabled-bg)}&[aria-ordervalue]{display:grid;place-content:center}&[aria-ordervalue]:after{content:attr(aria-ordervalue)!important}width:100%;height:100%;background-color:transparent;padding:0;border:var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);outline:none}&.qti-selections-light{&:state(--dragzone-active)::part(drags){background-color:var(--qti-light-bg-active);border-color:var(--qti-light-border-active)}&:state(--dragzone-enabled)::part(drags){background-color:var(--qti-light-bg-active)}}&.qti-selections-dark{&:state(--dragzone-active)::part(drags){background-color:var(--qti-dark-bg-active);border-color:var(--qti-dark-border-active)}&:state(--dragzone-enabled)::part(drags){background-color:var(--qti-dark-bg-active)}}&:state(--dragzone-active)::part(drags){border-color:var(--qti-border-active);background-color:var(--qti-bg-active)}&:state(--dragzone-enabled)::part(drags){background-color:var(--qti-bg-active)}}qti-graphic-associate-interaction{position:relative;display:block;& qti-associable-hotspot{&[shape=circle]{&:hover{background-color:var(--qti-hover-bg)}&:focus{box-shadow:0 0 0 var(--qti-focus-border-width) var(--qti-focus-color)}&[aria-checked=true]{border-color:var(--qti-border-active);background-color:var(--qti-bg-active)}&[aria-readonly=true]{cursor:pointer;background-color:var(--qti-bg);outline:0;border:none}&[aria-disabled=true]{cursor:not-allowed;background-color:var(--qti-disabled-bg);color:var(--qti-disabled-color);border-color:var(--qti-border-color);outline:4px solid var(--qti-disabled-bg)}width:100%;height:100%;background-color:transparent;padding:0;border:var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);outline:none}&[shape=square]{&:hover{background-color:var(--qti-hover-bg)}&:focus{box-shadow:0 0 0 var(--qti-focus-border-width) var(--qti-focus-color)}&[aria-checked=true]{border-color:var(--qti-border-active);background-color:var(--qti-bg-active)}&[aria-readonly=true]{cursor:pointer;background-color:var(--qti-bg);outline:0;border:none}&[aria-disabled=true]{cursor:not-allowed;background-color:var(--qti-disabled-bg);color:var(--qti-disabled-color);border-color:var(--qti-border-color);outline:4px solid var(--qti-disabled-bg)}width:100%;height:100%;background-color:transparent;padding:0;border:var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);outline:none}}&.qti-selections-light{&:state(--dragzone-active)::part(drags){background-color:var(--qti-light-bg-active);border-color:var(--qti-light-border-active)}&:state(--dragzone-enabled)::part(drags){background-color:var(--qti-light-bg-active)}}&.qti-selections-dark{&:state(--dragzone-active)::part(drags){background-color:var(--qti-dark-bg-active);border-color:var(--qti-dark-border-active)}&:state(--dragzone-enabled)::part(drags){background-color:var(--qti-dark-bg-active)}}&:state(--dragzone-active)::part(drags){border-color:var(--qti-border-active);background-color:var(--qti-bg-active)}&:state(--dragzone-enabled)::part(drags){background-color:var(--qti-bg-active)}}qti-slider-interaction{--qti-tick-color: rgb(229 231 235 / 100%);--qti-tick-width: 1px}qti-select-point-interaction{&::part(point){&:hover{background-color:var(--qti-hover-bg)}&:focus{box-shadow:0 0 0 var(--qti-focus-border-width) var(--qti-focus-color)}border-radius:100%;width:var(--qti-point-size);height:var(--qti-point-size);background-color:transparent;padding:0;border:var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);outline:none}}qti-prompt{margin:.5rem 0;display:block;width:100%}}

package/cdn/qti-item/components/item-container.global.js

@@ -0,0 +1,149 @@
+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,o,a){try{var l=n[o](a);var d=l.value}catch(n){e(n);return}if(l.done){t(d)}else{Promise.resolve(d).then(r,i)}}function o(n){return function(){var t=this,e=arguments;return new Promise(function(r,o){var a=n.apply(t,e);function l(n){i(a,r,o,l,d,"next",n)}function d(n){i(a,r,o,l,d,"throw",n)}l(undefined)})}}function a(n,t,e){t=h(t);return k(n,z()?Reflect.construct(t,e||[],h(n).constructor):t.apply(n,e))}function l(n,t){if(!(n instanceof t)){throw new TypeError("Cannot call a class as a function")}}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 s(n,t,e){if(t)d(n.prototype,t);if(e)d(n,e);return n}function c(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 u(n,t,e){if(typeof Reflect!=="undefined"&&Reflect.get){u=Reflect.get}else{u=function n(n,t,e){var r=A(n,t);if(!r)return;var i=Object.getOwnPropertyDescriptor(r,t);if(i.get){return i.get.call(e||n)}return i.value}}return u(n,t,e||n)}function h(n){h=Object.setPrototypeOf?Object.getPrototypeOf:function n(n){return n.__proto__||Object.getPrototypeOf(n)};return h(n)}function v(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)x(n,t)}function p(n,t){if(t!=null&&typeof Symbol!=="undefined"&&t[Symbol.hasInstance]){return!!t[Symbol.hasInstance](n)}else{return n instanceof t}}function g(n){if(typeof Symbol!=="undefined"&&n[Symbol.iterator]!=null||n["@@iterator"]!=null)return Array.from(n)}function b(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 o=false;var a,l;try{for(e=e.call(n);!(i=(a=e.next()).done);i=true){r.push(a.value);if(t&&r.length===t)break}}catch(n){o=true;l=n}finally{try{if(!i&&e["return"]!=null)e["return"]()}finally{if(o)throw l}}return r}function f(){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 m(){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 q(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){c(n,t,e[t])})}return n}function y(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 w(n,t){t=t!=null?t:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(n,Object.getOwnPropertyDescriptors(t))}else{y(Object(t)).forEach(function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))})}return n}function k(n,t){if(t&&(E(t)==="object"||typeof t==="function")){return t}return r(n)}function x(n,t){x=Object.setPrototypeOf||function n(n,t){n.__proto__=t;return n};return x(n,t)}function _(n,e){return t(n)||b(n,e)||S(n,e)||f()}function A(n,t){while(!Object.prototype.hasOwnProperty.call(n,t)){n=h(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 C(n){return e(n)||g(n)||S(n)||m()}function E(n){"@swc/helpers - typeof";return n&&typeof Symbol!=="undefined"&&n.constructor===Symbol?"symbol":typeof n}function S(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 z(){try{var n=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(n){}return(z=function(){return!!n})()}function P(n,t){var e,r,i,o,a={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]};return o={next:l(0),"throw":l(1),"return":l(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function l(n){return function(t){return d([n,t])}}function d(o){if(e)throw new TypeError("Generator is already executing.");while(a)try{if(e=1,r&&(i=o[0]&2?r["return"]:o[0]?r["throw"]||((i=r["return"])&&i.call(r),0):r.next)&&!(i=i.call(r,o[1])).done)return i;if(r=0,i)o=[o[0]&2,i.value];switch(o[0]){case 0:case 1:i=o;break;case 4:a.label++;return{value:o[1],done:false};case 5:a.label++;r=o[1];o=[0];continue;case 7:o=a.ops.pop();a.trys.pop();continue;default:if(!(i=a.trys,i=i.length>0&&i[i.length-1])&&(o[0]===6||o[0]===2)){a=0;continue}if(o[0]===3&&(!i||o[1]>i[0]&&o[1]<i[3])){a.label=o[1];break}if(o[0]===6&&a.label<i[1]){a.label=i[1];i=o;break}if(i&&a.label<i[2]){a.label=i[2];a.ops.push(o);break}if(i[2])a.ops.pop();a.trys.pop();continue}o=t.call(n,a)}catch(n){o=[6,n];r=0}finally{e=i=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}}function O(){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>']);O=function t(){return n};return n}function R(){var n=$([""]);R=function t(){return n};return n}function U(){var n=$(["<span>Loading...</span>"]);U=function t(){return n};return n}function T(){var n=$(["\n      ","\n      <slot></slot>\n      ","\n    "]);T=function t(){return n};return n}var QtiComponents=function(){var n=function n(n,t){if(!nj(n)||!n.hasOwnProperty("raw"))throw Error("invalid template strings array");return nS!==void 0?nS.createHTML(t):t};var t=function n(n){return function(t,e){return(typeof e==="undefined"?"undefined":E(e))=="object"?tc(n,t,e):function(n,t,e){var r=t.hasOwnProperty(e);return t.constructor.createProperty(e,r?w(q({},n),{wrapped:!0}):n),r?Object.getOwnPropertyDescriptor(t,e):void 0}(n,t,e)}};var e=function n(n){return t(w(q({},n),{state:!0,attribute:!1}))};var r=function n(n){this._$AN!==void 0?(tm(this),this._$AM=n,tq(this)):this._$AM=n};var i=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 o=e;o<r.length;o++)tf(r[o],!1),tm(r[o]);else r!=null&&(tf(r,!1),tm(r));else tf(this,n)};var d=function n(n,t){var e=q({waitUntilFirstUpdate:!1},t);return function(t,r){var i=t.update,o=Array.isArray(n)?n:[n];t.update=function(n){var t=this;o.forEach(function(i){var o=i;if(n.has(o)){var a=n.get(o),l=t[o];a!==l&&(!e.waitUntilFirstUpdate||t.hasUpdated)&&t[r](a,l)}}),i.call(this,n)}}};var c=function n(n,t,e){n.querySelectorAll(t).forEach(function(n){var r="".concat(t,"-").concat(e),i=b(n,r);n.replaceWith(i)})};var g=function n(n,t){n.querySelectorAll("*").forEach(function(n){var e=n.classList;e&&e.forEach(function(e){if(e.startsWith("".concat(t,":"))){var r=e.slice("".concat(t,":").length),i="".concat(n.nodeName,"-").concat(r),o=b(n,i);n.replaceWith(o)}})})};var b=function n(n,t){var e=document.createElement(t);var r=true,i=false,o=undefined;try{for(var a=n.attributes[Symbol.iterator](),l;!(r=(l=a.next()).done);r=true){var d=l.value;e.setAttribute(d.name,d.value)}}catch(n){i=true;o=n}finally{try{if(!r&&a.return!=null){a.return()}}finally{if(i){throw o}}}for(;n.firstChild;)e.appendChild(n.firstChild);return e};var f=function n(n){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1;return t&&tP!==null&&tP.abort(),new Promise(function(t,e){var r=new XMLHttpRequest;tP=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(tz,"text/xml");return t.importStylesheet(e),t.transformToFragment(n,document)};var k=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 o=t+encodeURI(i);n.setAttribute(r,o)}})};var x=function n(n){n.querySelectorAll('qti-custom-operator[class="js.org"] > qti-base-value').forEach(function(n){var t=document.createComment(n.textContent);n.replaceChild(t,n.firstChild)})};var A=function n(n){n.querySelectorAll("qti-stylesheet").forEach(function(n){return n.remove()})};var $,S;var z=Object.defineProperty;var M=Object.getOwnPropertyDescriptor;var j=Object.getOwnPropertyNames;var L=Object.prototype.hasOwnProperty;var N=function(n,t){for(var e in t)z(n,e,{get:t[e],enumerable:!0})},I=function(n,t,e,r){var i=true,o=false,a=undefined;if(t&&(typeof t==="undefined"?"undefined":E(t))=="object"||typeof t=="function")try{var l=function(){var i=s.value;!L.call(n,i)&&i!==e&&z(n,i,{get:function(){return t[i]},enumerable:!(r=M(t,i))||r.enumerable})};for(var d=j(t)[Symbol.iterator](),s;!(i=(s=d.next()).done);i=true)l()}catch(n){o=true;a=n}finally{try{if(!i&&d.return!=null){d.return()}}finally{if(o){throw a}}}return n};var D=function(n){return I(z({},"__esModule",{value:!0}),n)},H=function(n,t,e,r){for(var i=r>1?void 0:r?M(t,e):t,o=n.length-1,a;o>=0;o--)(a=n[o])&&(i=(r?a(t,e,i):a(i))||i);return r&&i&&z(t,e,i),i};var B={};N(B,{ItemContainer:function(){return tR}});var F=/*#__PURE__*/function(){"use strict";function n(t){l(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}s(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 V=new WeakMap,W=function(n){var t=V.get(n);return t===void 0&&V.set(n,t=new Map),t},X=/*#__PURE__*/function(){"use strict";function n(){l(this,n);this.__shadowRootMode=null,this.__shadowRoot=null,this.__internals=null}s(n,[{key:"attributes",get:function n(){return Array.from(W(this)).map(function(n){var t=_(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){W(this).set(n,String(t))}},{key:"removeAttribute",value:function n(n){W(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 W(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 F(this);return this.__internals=n,n}},{key:"getAttribute",value:function n(n){var t;return(t=W(this).get(n))!==null&&t!==void 0?t:null}}]);return n}();var G=/*#__PURE__*/function(n){"use strict";v(t,n);function t(){l(this,t);return a(this,t,arguments)}return t}(X),K=G;var Z=/*#__PURE__*/function(){"use strict";function n(){l(this,n);this.__definitions=new Map}s(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}(),Q=Z;var Y=new Q;var J=globalThis,nn=J.ShadowRoot&&(J.ShadyCSS===void 0||J.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,nt=Symbol(),ne=new WeakMap,nr=/*#__PURE__*/function(){"use strict";function n(t,e,r){l(this,n);if(this._$cssResult$=!0,r!==nt)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}s(n,[{key:"styleSheet",get:function n(){var n=this.o,t=this.t;if(nn&&n===void 0){var e=t!==void 0&&t.length===1;e&&(n=ne.get(t)),n===void 0&&((this.o=n=new CSSStyleSheet).replaceSync(this.cssText),e&&ne.set(t,n))}return n}},{key:"toString",value:function n(){return this.cssText}}]);return n}(),ni=function(n){return new nr(typeof n=="string"?n:n+"",void 0,nt)};var no=function(n,t){var e=true,r=false,i=undefined;if(nn)n.adoptedStyleSheets=t.map(function(n){return p(n,CSSStyleSheet)?n:n.styleSheet});else try{for(var o=t[Symbol.iterator](),a;!(e=(a=o.next()).done);e=true){var l=a.value;var d=document.createElement("style"),s=J.litNonce;s!==void 0&&d.setAttribute("nonce",s),d.textContent=l.cssText,n.appendChild(d)}}catch(n){r=true;i=n}finally{try{if(!e&&o.return!=null){o.return()}}finally{if(r){throw i}}}},na=nn||J.CSSStyleSheet===void 0?function(n){return n}:function(n){return p(n,CSSStyleSheet)?function(n){var t="";var e=true,r=false,i=undefined;try{for(var o=n.cssRules[Symbol.iterator](),a;!(e=(a=o.next()).done);e=true){var l=a.value;t+=l.cssText}}catch(n){r=true;i=n}finally{try{if(!e&&o.return!=null){o.return()}}finally{if(r){throw i}}}return ni(t)}(n):n};var nl=Object.is,nd=Object.defineProperty,ns=Object.getOwnPropertyDescriptor,nc=Object.getOwnPropertyNames,nu=Object.getOwnPropertySymbols,nh=Object.getPrototypeOf,nv=globalThis;var np;(np=nv.customElements)!==null&&np!==void 0?np:nv.customElements=Y;var ng=nv.trustedTypes,nb=ng?ng.emptyScript:"",nf=nv.reactiveElementPolyfillSupport,nm=function(n,t){return n},nq={toAttribute:function n(n,t){switch(t){case Boolean:n=n?nb: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}},ny=function(n,t){return!nl(n,t)},nw={attribute:!0,type:String,converter:nq,reflect:!1,hasChanged:ny};var nk,nx;(nk=Symbol.metadata)!==null&&nk!==void 0?nk:Symbol.metadata=Symbol("metadata"),(nx=nv.litPropertyMetadata)!==null&&nx!==void 0?nx:nv.litPropertyMetadata=new WeakMap;var n_;var nA=/*#__PURE__*/function(n){"use strict";v(t,n);function t(){l(this,t);var n;n=a(this,t),n._$Ep=void 0,n.isUpdatePending=!1,n.hasUpdated=!1,n._$Em=null,n._$Ev();return n}s(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 o=t.keys()[Symbol.iterator](),a;!(e=(a=o.next()).done);e=true){var l=a.value;this.hasOwnProperty(l)&&(n.set(l,this[l]),delete this[l])}}catch(n){r=true;i=n}finally{try{if(!e&&o.return!=null){o.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 no(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 o=(((i=e.converter)===null||i===void 0?void 0:i.toAttribute)!==void 0?e.converter:nq).toAttribute(t,e.type);this._$Em=n,o==null?this.removeAttribute(r):this.setAttribute(r,o),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 o=e.getPropertyOptions(r),a=typeof o.converter=="function"?{fromAttribute:o.converter}:((i=o.converter)===null||i===void 0?void 0:i.fromAttribute)!==void 0?o.converter:nq;this._$Em=r,this[r]=a.fromAttribute(t,o.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:ny)(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 o(function(){var t,e,r;return P(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](),o;!(t=(o=i.next()).done);t=true){var a=_(o.value,2),l=a[0],d=a[1];this[l]=d}}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 s=this.constructor.elementProperties;var c=true,u=false,h=undefined;if(s.size>0)try{for(var v=s[Symbol.iterator](),p;!(c=(p=v.next()).done);c=true){var g=_(p.value,2),b=g[0],f=g[1];f.wrapped!==!0||this._$AL.has(b)||this[b]===void 0||this.P(b,this[b],f)}}catch(n){u=true;h=n}finally{try{if(!c&&v.return!=null){v.return()}}finally{if(u){throw h}}}}var m=!1,q=this._$AL;try{var y;m=this.shouldUpdate(q),m?(this.willUpdate(q),(y=this._$EO)===null||y===void 0?void 0:y.forEach(function(n){var t;return(t=n.hostUpdate)===null||t===void 0?void 0:t.call(n)}),this.update(q)):this._$EU()}catch(n){throw m=!1,this._$EU(),n}m&&this._$AE(q)}},{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&&C(this._$Eh.keys())}},{key:"createProperty",value:function n(n){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:nw;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&&nd(this.prototype,n,r)}}},{key:"getPropertyDescriptor",value:function n(n,t,e){var r;var i=(r=ns(this.prototype,n))!==null&&r!==void 0?r:{get:function n(){return this[t]},set:function n(n){this[t]=n}},o=i.get,a=i.set;return{get:function n(){return o===null||o===void 0?void 0:o.call(this)},set:function t(t){var r=o===null||o===void 0?void 0:o.call(this);a.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:nw}},{key:"_$Ei",value:function n(){if(this.hasOwnProperty(nm("elementProperties")))return;var n=nh(this);n.finalize(),n.l!==void 0&&(this.l=C(n.l)),this.elementProperties=new Map(n.elementProperties)}},{key:"finalize",value:function n(){if(this.hasOwnProperty(nm("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(nm("properties"))){var n=this.properties,t=C(nc(n)).concat(C(nu(n)));var e=true,r=false,i=undefined;try{for(var o=t[Symbol.iterator](),a;!(e=(a=o.next()).done);e=true){var l=a.value;this.createProperty(l,n[l])}}catch(n){r=true;i=n}finally{try{if(!e&&o.return!=null){o.return()}}finally{if(r){throw i}}}}var d=this[Symbol.metadata];if(d!==null){var s=litPropertyMetadata.get(d);var c=true,u=false,h=undefined;if(s!==void 0)try{for(var v=s[Symbol.iterator](),p;!(c=(p=v.next()).done);c=true){var g=_(p.value,2),b=g[0],f=g[1];this.elementProperties.set(b,f)}}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,q=false,y=undefined;try{for(var w=this.elementProperties[Symbol.iterator](),k;!(m=(k=w.next()).done);m=true){var x=_(k.value,2),A=x[0],$=x[1];var E=this._$Eu(A,$);E!==void 0&&this._$Eh.set(E,A)}}catch(n){q=true;y=n}finally{try{if(!m&&w.return!=null){w.return()}}finally{if(q){throw y}}}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,o=undefined;try{for(var a=e[Symbol.iterator](),l;!(r=(l=a.next()).done);r=true){var d=l.value;t.unshift(na(d))}}catch(n){i=true;o=n}finally{try{if(!r&&a.return!=null){a.return()}}finally{if(i){throw o}}}}else n!==void 0&&t.push(na(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}((n_=globalThis.HTMLElement)!==null&&n_!==void 0?n_:K);var n$;nA.elementStyles=[],nA.shadowRootOptions={mode:"open"},nA[nm("elementProperties")]=new Map,nA[nm("finalized")]=new Map,nf===null||nf===void 0?void 0:nf({ReactiveElement:nA}),((n$=nv.reactiveElementVersions)!==null&&n$!==void 0?n$:nv.reactiveElementVersions=[]).push("2.0.4");var nC=globalThis,nE=nC.trustedTypes,nS=nE?nE.createPolicy("lit-html",{createHTML:function(n){return n}}):void 0,nz="$lit$",nP="lit$".concat(Math.random().toFixed(9).slice(2),"$"),nO="?"+nP,nR="<".concat(nO,">"),nU=nC.document===void 0?{createTreeWalker:function(){return{}}}:document,nT=function(){return nU.createComment("")},nM=function(n){return n===null||(typeof n==="undefined"?"undefined":E(n))!="object"&&typeof n!="function"},nj=Array.isArray,nL=function(n){return nj(n)||typeof(n===null||n===void 0?void 0:n[Symbol.iterator])=="function"},nN="[ 	\n\f\r]",nI=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,nD=/-->/g,nH=/>/g,nB=RegExp(">|".concat(nN,"(?:([^\\s\"'>=/]+)(").concat(nN,"*=").concat(nN,"*(?:[^ 	\n\f\r\"'`<>=]|(\"|')|))|$)"),"g"),nF=/'/g,nV=/"/g,nW=/^(?:script|style|textarea|title)$/i,nX=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}}},nG=nX(1),nK=nX(2),nZ=nX(3),nQ=Symbol.for("lit-noChange"),nY=Symbol.for("lit-nothing"),nJ=new WeakMap,n0=nU.createTreeWalker(nU,129);var n1=function(t,e){var r=t.length-1,i=[],o,a=e===2?"<svg>":e===3?"<math>":"",l=nI;for(var d=0;d<r;d++){var s=t[d],c=void 0,u=void 0,h=-1,v=0;for(;v<s.length&&(l.lastIndex=v,u=l.exec(s),u!==null);)v=l.lastIndex,l===nI?u[1]==="!--"?l=nD:u[1]!==void 0?l=nH:u[2]!==void 0?(nW.test(u[2])&&(o=RegExp("</"+u[2],"g")),l=nB):u[3]!==void 0&&(l=nB):l===nB?u[0]===">"?(l=o!==null&&o!==void 0?o:nI,h=-1):u[1]===void 0?h=-2:(h=l.lastIndex-u[2].length,c=u[1],l=u[3]===void 0?nB:u[3]==='"'?nV:nF):l===nV||l===nF?l=nB:l===nD||l===nH?l=nI:(l=nB,o=void 0);var p=l===nB&&t[d+1].startsWith("/>")?" ":"";a+=l===nI?s+nR:h>=0?(i.push(c),s.slice(0,h)+nz+s.slice(h)+nP+p):s+nP+(h===-2?d:p)}return[n(t,a+(t[r]||"<?>")+(e===2?"</svg>":e===3?"</math>":"")),i]},n2=/*#__PURE__*/function(){"use strict";function n(t,e){var r=t.strings,i=t._$litType$;l(this,n);var o;this.parts=[];var a=0,d=0,s=r.length-1,c=this.parts,u=_(n1(r,i),2),h=u[0],v=u[1];if(this.el=n.createElement(h,e),n0.currentNode=this.el.content,i===2||i===3){var p;var g=this.el.content.firstChild;(p=g).replaceWith.apply(p,C(g.childNodes))}for(;(o=n0.nextNode())!==null&&c.length<s;){if(o.nodeType===1){var b=true,f=false,m=undefined;if(o.hasAttributes())try{for(var q=o.getAttributeNames()[Symbol.iterator](),y;!(b=(y=q.next()).done);b=true){var w=y.value;if(w.endsWith(nz)){var k=v[d++],x=o.getAttribute(w).split(nP),A=/([.?@])?(.*)/.exec(k);c.push({type:1,index:a,name:A[2],strings:x,ctor:A[1]==="."?n8:A[1]==="?"?n7:A[1]==="@"?n9:n6}),o.removeAttribute(w)}else w.startsWith(nP)&&(c.push({type:6,index:a}),o.removeAttribute(w))}}catch(n){f=true;m=n}finally{try{if(!b&&q.return!=null){q.return()}}finally{if(f){throw m}}}if(nW.test(o.tagName)){var $=o.textContent.split(nP),E=$.length-1;if(E>0){o.textContent=nE?nE.emptyScript:"";for(var S=0;S<E;S++)o.append($[S],nT()),n0.nextNode(),c.push({type:2,index:++a});o.append($[E],nT())}}}else if(o.nodeType===8)if(o.data===nO)c.push({type:2,index:a});else{var z=-1;for(;(z=o.data.indexOf(nP,z+1))!==-1;)c.push({type:7,index:a}),z+=nP.length-1}a++}}s(n,null,[{key:"createElement",value:function n(n,t){var e=nU.createElement("template");return e.innerHTML=n,e}}]);return n}();function n5(n,t){var e=arguments.length>2&&arguments[2]!==void 0?arguments[2]:n,r=arguments.length>3?arguments[3]:void 0;var i,o;if(t===nQ)return t;var a=r!==void 0?(i=e._$Co)===null||i===void 0?void 0:i[r]:e._$Cl,l=nM(t)?void 0:t._$litDirective$;var d;return(a===null||a===void 0?void 0:a.constructor)!==l&&(a===null||a===void 0?void 0:(o=a._$AO)===null||o===void 0?void 0:o.call(a,!1),l===void 0?a=void 0:(a=new l(n),a._$AT(n,e,r)),r!==void 0?((d=e._$Co)!==null&&d!==void 0?d:e._$Co=[])[r]=a:e._$Cl=a),a!==void 0&&(t=n5(n,a._$AS(n,t.values),a,r)),t}var n3=/*#__PURE__*/function(){"use strict";function n(t,e){l(this,n);this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}s(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,o=e.parts,a=((t=n===null||n===void 0?void 0:n.creationScope)!==null&&t!==void 0?t:nU).importNode(i,!0);n0.currentNode=a;var l=n0.nextNode(),d=0,s=0,c=o[0];for(;c!==void 0;){if(d===c.index){var u=void 0;c.type===2?u=new n4(l,l.nextSibling,this,n):c.type===1?u=new c.ctor(l,c.name,c.strings,this,n):c.type===6&&(u=new tn(l,this,n)),this._$AV.push(u),c=o[++s]}d!==(c===null||c===void 0?void 0:c.index)&&(l=n0.nextNode(),d++)}return n0.currentNode=nU,a}},{key:"p",value:function n(n){var t=0;var e=true,r=false,i=undefined;try{for(var o=this._$AV[Symbol.iterator](),a;!(e=(a=o.next()).done);e=true){var l=a.value;l!==void 0&&(l.strings!==void 0?(l._$AI(n,l,t),t+=l.strings.length-2):l._$AI(n[t])),t++}}catch(n){r=true;i=n}finally{try{if(!e&&o.return!=null){o.return()}}finally{if(r){throw i}}}}}]);return n}(),n4=/*#__PURE__*/function(){"use strict";function t(n,e,r,i){l(this,t);var o;this.type=2,this._$AH=nY,this._$AN=void 0,this._$AA=n,this._$AB=e,this._$AM=r,this.options=i,this._$Cv=(o=i===null||i===void 0?void 0:i.isConnected)!==null&&o!==void 0?o:!0}s(t,[{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=n5(this,n,t),nM(n)?n===nY||n==null||n===""?(this._$AH!==nY&&this._$AR(),this._$AH=nY):n!==this._$AH&&n!==nQ&&this._(n):n._$litType$!==void 0?this.$(n):n.nodeType!==void 0?this.T(n):nL(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!==nY&&nM(this._$AH)?this._$AA.nextSibling.data=n:this.T(nU.createTextNode(n)),this._$AH=n}},{key:"$",value:function t(t){var e;var r=t.values,i=t._$litType$,o=typeof i=="number"?this._$AC(t):(i.el===void 0&&(i.el=n2.createElement(n(i.h,i.h[0]),this.options)),i);if(((e=this._$AH)===null||e===void 0?void 0:e._$AD)===o)this._$AH.p(r);else{var a=new n3(o,this),l=a.u(this.options);a.p(r),this.T(l),this._$AH=a}}},{key:"_$AC",value:function n(n){var t=nJ.get(n.strings);return t===void 0&&nJ.set(n.strings,t=new n2(n)),t}},{key:"k",value:function n(n){nj(this._$AH)||(this._$AH=[],this._$AR());var e=this._$AH,r,i=0;var o=true,a=false,l=undefined;try{for(var d=n[Symbol.iterator](),s;!(o=(s=d.next()).done);o=true){var c=s.value;i===e.length?e.push(r=new t(this.O(nT()),this.O(nT()),this,this.options)):r=e[i],r._$AI(c),i++}}catch(n){a=true;l=n}finally{try{if(!o&&d.return!=null){d.return()}}finally{if(a){throw l}}}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 t}(),n6=/*#__PURE__*/function(){"use strict";function n(t,e,r,i,o){l(this,n);this.type=1,this._$AH=nY,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=o,r.length>2||r[0]!==""||r[1]!==""?(this._$AH=Array(r.length-1).fill(new String),this.strings=r):this._$AH=nY}s(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,o=!1;if(i===void 0)n=n5(this,n,t,0),o=!nM(n)||n!==this._$AH&&n!==nQ,o&&(this._$AH=n);else{var a=n,l,d;for(n=i[0],l=0;l<i.length-1;l++)d=n5(this,a[e+l],t,l),d===nQ&&(d=this._$AH[l]),o||(o=!nM(d)||d!==this._$AH[l]),d===nY?n=nY:n!==nY&&(n+=(d!==null&&d!==void 0?d:"")+i[l+1]),this._$AH[l]=d}o&&!r&&this.j(n)}},{key:"j",value:function n(n){n===nY?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,n!==null&&n!==void 0?n:"")}}]);return n}(),n8=/*#__PURE__*/function(n){"use strict";v(t,n);function t(){l(this,t);var n;n=a(this,t,arguments),n.type=3;return n}s(t,[{key:"j",value:function n(n){this.element[this.name]=n===nY?void 0:n}}]);return t}(n6),n7=/*#__PURE__*/function(n){"use strict";v(t,n);function t(){l(this,t);var n;n=a(this,t,arguments),n.type=4;return n}s(t,[{key:"j",value:function n(n){this.element.toggleAttribute(this.name,!!n&&n!==nY)}}]);return t}(n6),n9=/*#__PURE__*/function(n){"use strict";v(t,n);function t(n,e,r,i,o){l(this,t);var d;d=a(this,t,[n,e,r,i,o]),d.type=5;return d}s(t,[{key:"_$AI",value:function n(n){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:this;var e;if((n=(e=n5(this,n,t,0))!==null&&e!==void 0?e:nY)===nQ)return;var r=this._$AH,i=n===nY&&r!==nY||n.capture!==r.capture||n.once!==r.once||n.passive!==r.passive,o=n!==nY&&(r===nY||i);i&&this.element.removeEventListener(this.name,this,r),o&&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}(n6),tn=/*#__PURE__*/function(){"use strict";function n(t,e,r){l(this,n);this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=r}s(n,[{key:"_$AU",get:function n(){return this._$AM._$AU}},{key:"_$AI",value:function n(n){n5(this,n)}}]);return n}(),tt={M:nz,P:nP,A:nO,C:1,L:n1,R:n3,D:nL,V:n5,I:n4,H:n6,N:n7,U:n9,B:n8,F:tn},te=nC.litHtmlPolyfillSupport;var tr;te===null||te===void 0?void 0:te(n2,n4),((tr=nC.litHtmlVersions)!==null&&tr!==void 0?tr:nC.litHtmlVersions=[]).push("3.2.1");var ti=function(n,t,e){var r;var i=(r=e===null||e===void 0?void 0:e.renderBefore)!==null&&r!==void 0?r:t,o=i._$litPart$;if(o===void 0){var a;var l=(a=e===null||e===void 0?void 0:e.renderBefore)!==null&&a!==void 0?a:null;i._$litPart$=o=new n4(t.insertBefore(nT(),l),l,void 0,e!==null&&e!==void 0?e:{})}return o._$AI(n),o};var to=/*#__PURE__*/function(n){"use strict";v(t,n);function t(){l(this,t);var n;n=a(this,t,arguments),n.renderOptions={host:n},n._$Do=void 0;return n}s(t,[{key:"createRenderRoot",value:function n(){var n;var e=u(h(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),u(h(t.prototype),"update",this).call(this,n),this._$Do=ti(e,this.renderRoot,this.renderOptions)}},{key:"connectedCallback",value:function n(){var n;u(h(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;u(h(t.prototype),"disconnectedCallback",this).call(this),(n=this._$Do)===null||n===void 0?void 0:n.setConnected(!1)}},{key:"render",value:function n(){return nQ}}]);return t}(nA);to._$litElement$=!0,to.finalized=!0,($=(S=globalThis).litElementHydrateSupport)===null||$===void 0?void 0:$.call(S,{LitElement:to});var ta=globalThis.litElementPolyfillSupport;ta===null||ta===void 0?void 0:ta({LitElement:to});var tl;((tl=globalThis.litElementVersions)!==null&&tl!==void 0?tl:globalThis.litElementVersions=[]).push("4.1.1");var td=function(n){return function(t,e){e!==void 0?e.addInitializer(function(){customElements.define(n,t)}):customElements.define(n,t)}};var ts={attribute:!0,type:String,converter:nq,reflect:!1,hasChanged:ny},tc=function(){var n=arguments.length>0&&arguments[0]!==void 0?arguments[0]:ts,t=arguments.length>1?arguments[1]:void 0,e=arguments.length>2?arguments[2]:void 0;var r=e.kind,i=e.metadata,o=globalThis.litPropertyMetadata.get(i);if(o===void 0&&globalThis.litPropertyMetadata.set(i,o=new Map),o.set(e.name,n),r==="accessor"){var a=e.name;return{set:function e(e){var r=t.get.call(this);t.set.call(this,e),this.requestUpdate(a,r,n)},init:function t(t){return t!==void 0&&this.P(a,void 0,n),t}}}if(r==="setter"){var l=e.name;return function e(e){var r=this[l];t.call(this,e),this.requestUpdate(l,r,n)}}throw Error("Unsupported decorator location: "+r)};var tu=tt.I,th=function(n){return n===null||(typeof n==="undefined"?"undefined":E(n))!="object"&&typeof n!="function"};var tv=function(n){return n.strings===void 0};var tp={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},tg=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}}},tb=/*#__PURE__*/function(){"use strict";function n(t){l(this,n)}s(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,C(t))}}]);return n}();var tf=function(n,t){var e;var r=n._$AN;if(r===void 0)return!1;var i=true,o=false,a=undefined;try{for(var l=r[Symbol.iterator](),d;!(i=(d=l.next()).done);i=true){var s=d.value;(e=s._$AO)===null||e===void 0?void 0:e.call(s,t,!1),tf(s,t)}}catch(n){o=true;a=n}finally{try{if(!i&&l.return!=null){l.return()}}finally{if(o){throw a}}}return!0},tm=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)},tq=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),ty(t)}};var ty=function(n){var t,e;n.type==tp.CHILD&&((t=n._$AP)!==null&&t!==void 0?t:n._$AP=i,(e=n._$AQ)!==null&&e!==void 0?e:n._$AQ=r)},tw=/*#__PURE__*/function(n){"use strict";v(t,n);function t(){l(this,t);var n;n=a(this,t,arguments),n._$AN=void 0;return n}s(t,[{key:"_$AT",value:function n(n,e,r){u(h(t.prototype),"_$AT",this).call(this,n,e,r),tq(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,o;n!==this.isConnected&&(this.isConnected=n,n?(e=(r=this).reconnected)===null||e===void 0?void 0:e.call(r):(i=(o=this).disconnected)===null||i===void 0?void 0:i.call(o)),t&&(tf(this,n),tm(this))}},{key:"setValue",value:function n(n){if(tv(this._$Ct))this._$Ct._$AI(n,this);else{var t=C(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}(tb);var tk=/*#__PURE__*/function(){"use strict";function n(t){l(this,n);this.Y=t}s(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}(),tx=/*#__PURE__*/function(){"use strict";function n(){l(this,n);this.Z=void 0,this.q=void 0}s(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 t_=function(n){return!th(n)&&typeof n.then=="function"},tA=0x3fffffff,t$=/*#__PURE__*/function(n){"use strict";v(t,n);function t(){l(this,t);var n;n=a(this,t,arguments),n._$Cwt=tA,n._$Cbt=[],n._$CK=new tk(n),n._$CX=new tx;return n}s(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!t_(n)}))!==null&&r!==void 0?r:nQ}},{key:"update",value:function n(n,t){var e,r=function(n){var r=t[n];if(!t_(r))return{v:(e._$Cwt=n,r)};n<a&&r===i[n]||(e._$Cwt=tA,a=0,Promise.resolve(r).then(/*#__PURE__*/function(){var n=o(function(n){var t,e;return P(this,function(i){switch(i.label){case 0:if(!d.get())return[3,3];return[4,d.get()];case 1:i.sent();i.label=2;case 2:return[3,0];case 3:t=l.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,a=i.length;this._$Cbt=t;var l=this._$CK,d=this._$CX;this.isConnected||this.disconnected();for(var s=0;s<t.length&&!(s>this._$Cwt);s++){var c=(e=this,r(s));if(E(c)==="object")return c.v}return nQ}},{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}(tw),tC=tg(t$);var tE="@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 tS=String.raw,tz=tS(O());var tP=null;var tO=function(){var n,t={load:function e(e){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1;return o(function(){return P(this,function(i){return[2,new Promise(function(i){f(e,r).then(function(r){return n=r,t.path(e.substring(0,e.lastIndexOf("/"))),i(t)})})]})})()},parse:function e(e){return n=m(e),t},path:function(e){return k(n,e),t},fn:function e(e){return e(n),t},pciHooks:function e(e){var r=["hook","module"],i=e.substring(0,e.lastIndexOf("/"));var o=true,a=false,l=undefined;try{var d=function(){var t=c.value;n.querySelectorAll("["+t+"]").forEach(function(n){var r=n.getAttribute(t);!r.startsWith("data:")&&!r.startsWith("http")&&(n.setAttribute("base-url",e),n.setAttribute("module",i+"/"+encodeURI(r+(r.endsWith(".js")?"":".js"))))})};for(var s=r[Symbol.iterator](),c;!(o=(c=s.next()).done);o=true)d()}catch(n){a=true;l=n}finally{try{if(!o&&s.return!=null){s.return()}}finally{if(a){throw l}}}return t},extendElementName:function(e,r){return c(n,e,r),t},extendElementsWithClass:function(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:"extend";return g(n,e),t},customInteraction:function e(e,r){var i=n.querySelector("qti-custom-interaction"),o=i.querySelector("object");return i.setAttribute("data-base-ref",e),i.setAttribute("data-base-item",e+r),i.setAttribute("data",o.getAttribute("data")),i.setAttribute("width",o.getAttribute("width")),i.setAttribute("height",o.getAttribute("height")),i.removeChild(o),t},convertCDATAtoComment:function e(){return x(n),t},stripStyleSheets:function e(){return A(n),t},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 tR=/*#__PURE__*/function(n){"use strict";v(t,n);function t(){l(this,t);var n;n=a(this,t,arguments);n.itemURL=null;n.itemDoc=null;n.itemXML=null;n.templateContent=null;return n}s(t,[{key:"handleItemURLChange",value:function n(){var n=this;return o(function(){var t,e;return P(this,function(r){switch(r.label){case 0:if(!n.itemURL)return[3,4];r.label=1;case 1:r.trys.push([1,3,,4]);return[4,tO().load(n.itemURL)];case 2:t=r.sent();n.itemDoc=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:"handleItemXMLChange",value:function n(){if(this.itemXML)try{this.itemDoc=tO().parse(this.itemXML).htmlDoc()}catch(n){console.error("Error parsing XML:",n)}}},{key:"connectedCallback",value:function n(){var n=this;var e=this,r=function(){return u(h(t.prototype),"connectedCallback",n)};return o(function(){return P(this,function(n){r().call(e),e.initializeTemplateContent(),e.applyStyles(),e.itemURL&&e.handleItemURLChange(),e.itemXML&&e.handleItemXMLChange();return[2]})})()}},{key:"initializeTemplateContent",value:function n(){var n=this.querySelector("template");this.templateContent=n?n.content:nG(R())}},{key:"applyStyles",value:function n(){var n=new CSSStyleSheet;n.replaceSync(tE),this.shadowRoot.adoptedStyleSheets=[n]}},{key:"render",value:function n(){return nG(T(),this.templateContent,tC(this.itemDoc,nG(U())))}}]);return t}(to);H([t({type:String,attribute:"item-url"})],tR.prototype,"itemURL",2),H([e()],tR.prototype,"itemDoc",2),H([e()],tR.prototype,"itemXML",2),H([d("itemURL",{waitUntilFirstUpdate:!0})],tR.prototype,"handleItemURLChange",1),H([d("itemXML",{waitUntilFirstUpdate:!0})],tR.prototype,"handleItemXMLChange",1),tR=H([td("item-container")],tR);return D(B)}();/*! Bundled license information:
+
+@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
+   *)
+*/