npm - @oaknational/oak-components - Versions diffs - 0.6.2 → 0.7.0 - Mend

@oaknational/oak-components 0.6.2 → 0.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/cjs/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("styled-components"),n=require("react"),t=require("next/image"),r=require("next-cloudinary"),o=require("react-dom"),i=require("next/link");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=a(e),d=a(n),c=a(t),s=a(i),u=function(){return u=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},u.apply(this,arguments)};function g(e,n){var t={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&n.indexOf(r)<0&&(t[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)n.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(t[r[o]]=e[r[o]])}return t}function f(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var r,o,i=t.call(e),a=[];try{for(;(void 0===n||n-- >0)&&!(r=i.next()).done;)a.push(r.value)}catch(e){o={error:e}}finally{try{r&&!r.done&&(t=i.return)&&t.call(i)}finally{if(o)throw o.error}}return a}function b(e,n){return Object.defineProperty?Object.defineProperty(e,"raw",{value:n}):e.raw=n,e}"function"==typeof SuppressedError&&SuppressedError;var h={white:"#ffffff",grey10:"#f9f9f9",grey20:"#f2f2f2",grey30:"#e4e4e4",grey40:"#cacaca",grey50:"#808080",grey60:"#575757",grey70:"#2d2d2d",black:"#222222",oakGreen:"#287c34",mint:"#bef2bd",mint30:"#ebfbeb",mint50:"#dff9de",mint110:"#93e892",aqua:"#b0e2de",aqua30:"#e7f6f5",aqua50:"#cee7e5",aqua110:"#7cd8d0",lavender:"#a0b6f2",lavender30:"#e3e9fb",lavender50:"#c6d1ef",lavender110:"#7c9aec",pink:"#deb7d5",pink30:"#f5e9f2",pink50:"#e5d1e0",pink110:"#cf9cc3",lemon:"#ffe555",lemon30:"#fff7cc",lemon50:"#f6e8a0",lemon110:"#fbd60e",amber:"#ff934e",amber30:"#ffece0",amber50:"#ffc8a6",red:"#dd0035",red30:"#f8d8e0",red50:"#ee809a",navy:"#0d24c4",navy110:"#0a1d9d",navy120:"#081676",blue:"#374cf1",magenta:"#d02aa7",purple:"#845ad9",teal:"#037b7d",transparent:"transparent"},p={black:"invert(10%) sepia(1%) saturate(236%) hue-rotate(314deg) brightness(95%) contrast(91%)",red:"invert(13%) sepia(78%) saturate(5255%) hue-rotate(337deg) brightness(88%) contrast(111%)",oakGreen:"invert(37%) sepia(16%) saturate(1947%) hue-rotate(77deg) brightness(100%) contrast(88%)",white:"invert(98%) sepia(98%) saturate(0%) hue-rotate(328deg) brightness(102%) contrast(102%)",grey40:"invert(92%) sepia(0%) saturate(581%) hue-rotate(147deg) brightness(94%) contrast(80%)",grey50:"invert(54%) sepia(0%) saturate(38%) hue-rotate(176deg) brightness(92%) contrast(91%)",navy:"invert(21%) sepia(90%) saturate(3220%) hue-rotate(232deg) brightness(71%) contrast(127%)",navy110:"invert(16%) sepia(72%) saturate(7176%) hue-rotate(239deg) brightness(61%) contrast(109%)",navy120:"invert(12%) sepia(79%) saturate(3172%) hue-rotate(231deg) brightness(82%) contrast(114%)"},v=["text-primary","text-subdued","text-error","text-disabled","text-link-active","text-link-hover","text-link-visited","text-link-pressed","text-inverted","text-success","text-warning","bg-primary","bg-neutral","bg-neutral-stronger","bg-btn-primary","bg-btn-primary-hover","bg-btn-primary-disabled","bg-btn-secondary","bg-btn-secondary-hover","bg-btn-secondary-disabled","bg-icon","bg-icon-hover","bg-decorative1-main","bg-decorative1-subdued","bg-decorative1-very-subdued","bg-decorative2-main","bg-decorative2-subdued","bg-decorative2-very-subdued","bg-decorative3-main","bg-decorative3-subdued","bg-decorative3-very-subdued","bg-decorative4-main","bg-decorative4-subdued","bg-decorative4-very-subdued","bg-decorative5-main","bg-decorative5-subdued","bg-decorative5-very-subdued","bg-correct","bg-incorrect","icon-main","icon-inverted","icon-disabled","icon-brand","icon-success","icon-error","icon-warning","border-primary","border-inverted","border-neutral","border-brand","border-success","border-error","border-warning","border-decorative1","border-decorative1-stronger","border-decorative2","border-decorative2-stronger","border-decorative3","border-decorative3-stronger","border-decorative4","border-decorative4-stronger","border-decorative5","border-decorative5-stronger","border-decorative6","border-decorative6-stronger","transparent"];function m(e){if(null!=e)return e in h?h[e]:v.includes(e)?function(n){var t=n.theme.uiColors[e];return h[t]}:void 0}function w(e){return!!e}var x,y,$,k,E,C,S={small:750,large:1280},I=Object.values(S).sort((function(e,n){return e>n?1:-1})),D=function(e){return S[e]},z=function(n,t,r){return void 0===r&&(r=function(e){return e}),function(o){var i=function(t){return void 0===t?void 0:e.css(x||(x=b(["\n            ",": ",";\n          "],["\n            ",": ",";\n          "])),n,r(t))},a=t(o);if(void 0!==a)return Array.isArray(a)?0===a.length?[]:function(e,n,t){if(t||2===arguments.length)for(var r,o=0,i=n.length;o<i;o++)!r&&o in n||(r||(r=Array.prototype.slice.call(n,0,o)),r[o]=n[o]);return e.concat(r||Array.prototype.slice.call(n))}([e.css($||($=b(["\n        ","\n      "],["\n        ","\n      "])),i(a[0]))],f(I.slice(0,a.length).map((function(n,t){var r=a[t+1];if(void 0!==r)return e.css(E||(E=b(["\n            @media (min-width: ","px) {\n              ","\n            }\n          "],["\n            @media (min-width: ","px) {\n              ","\n            }\n          "])),n,e.css(k||(k=b(["\n                ","\n              "],["\n                ","\n              "])),i(r)))})).filter(w)),!1):e.css(y||(y=b(["\n        ","\n      "],["\n        ","\n      "])),i(a))}},O=e.css(C||(C=b(["\n  ","\n  ","\n"],["\n  ","\n  ","\n"])),z("color",(function(e){return e.$color}),m),z("background",(function(e){return e.$background}),m)),R=16,j=3;function N(e){return Number((e/R).toFixed(j))}var M={"all-spacing-0":0,"all-spacing-1":4,"all-spacing-2":8,"all-spacing-3":12,"all-spacing-4":16,"all-spacing-5":20,"all-spacing-6":24,"all-spacing-7":32,"all-spacing-8":40,"all-spacing-9":48,"all-spacing-10":56,"all-spacing-11":64,"all-spacing-12":72,"all-spacing-13":80,"all-spacing-14":92,"all-spacing-15":100,"all-spacing-16":120,"all-spacing-17":160,"all-spacing-18":180,"all-spacing-19":240,"all-spacing-20":360,"all-spacing-21":480,"all-spacing-22":640,"all-spacing-23":960,"all-spacing-24":1280},T={"inner-padding-none":"all-spacing-0","inner-padding-ssx":"all-spacing-1","inner-padding-xs":"all-spacing-2","inner-padding-s":"all-spacing-3","inner-padding-m":"all-spacing-4","inner-padding-l":"all-spacing-5","inner-padding-xl":"all-spacing-6"},B={"space-between-none":"all-spacing-0","space-between-sssx":"all-spacing-1","space-between-ssx":"all-spacing-2","space-between-xs":"all-spacing-3","space-between-s":"all-spacing-4","space-between-m":"all-spacing-6","space-between-m2":"all-spacing-7","space-between-l":"all-spacing-9","space-between-xl":"all-spacing-10","space-between-xxl":"all-spacing-12","space-between-xxxl":"all-spacing-13"};function L(e){if(null!=e){if(e in M)return"".concat(N(M[e]),"rem");if(e in T){var n=T[e];return"".concat(N(M[n]),"rem")}if(e in B){n=B[e];return"".concat(N(M[n]),"rem")}return e}}var A,q,P,F,H,W,G,Y,U,X,V,Q,K,_,J,Z,ee,ne,te,re,oe,ie,ae,le,de,ce,se,ue,ge,fe,be,he,pe,ve,me,we,xe,ye,$e,ke,Ee,Ce,Se,Ie,De,ze,Oe,Re,je,Ne,Me=e.css(A||(A=b(["\n  ","\n  "," \n  "," \n  "," \n  "," \n  "," \n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n"],["\n  ","\n  "," \n  "," \n  "," \n  "," \n  "," \n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n"])),z("position",(function(e){return e.$position})),z("top",(function(e){return e.$top}),L),z("right",(function(e){return e.$right}),L),z("bottom",(function(e){return e.$bottom}),L),z("left",(function(e){return e.$left}),L),z("inset",(function(e){return e.$inset}),L),z("overflow",(function(e){return e.$overflow})),z("overflow-x",(function(e){return e.$overflowX})),z("overflow-y",(function(e){return e.$overflowY})),z("object-fit",(function(e){return e.$objectFit})),z("pointer-events",(function(e){return e.$pointerEvents})),z("visibility",(function(e){return e.$visibility}))),Te=e.css(q||(q=b(["\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n"],["\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n"])),z("width",(function(e){return e.$width}),L),z("min-width",(function(e){return e.$minWidth}),L),z("max-width",(function(e){return e.$maxWidth}),L),z("height",(function(e){return e.$height}),L),z("min-height",(function(e){return e.$minHeight}),L),z("max-height",(function(e){return e.$maxHeight}),L),z("aspect-ratio",(function(e){return e.$aspectRatio})),z("box-sizing",(function(e){return e.$boxSizing}))),Be=e.css(P||(P=b(["\n  ","\n"],["\n  ","\n"])),z("padding",(function(e){return e.$pa}),L)),Le=e.css(F||(F=b(["\n  ","\n  ","\n"],["\n  ","\n  ","\n"])),z("padding-left",(function(e){return e.$ph}),L),z("padding-right",(function(e){return e.$ph}),L)),Ae=e.css(H||(H=b(["\n  ","\n  ","\n"],["\n  ","\n  ","\n"])),z("padding-top",(function(e){return e.$pv}),L),z("padding-bottom",(function(e){return e.$pv}),L)),qe=e.css(W||(W=b(["\n  ","\n"],["\n  ","\n"])),z("padding-left",(function(e){return e.$pl}),L)),Pe=e.css(G||(G=b(["\n  ","\n"],["\n  ","\n"])),z("padding-right",(function(e){return e.$pr}),L)),Fe=e.css(Y||(Y=b(["\n  ","\n"],["\n  ","\n"])),z("padding-top",(function(e){return e.$pt}),L)),He=e.css(U||(U=b(["\n  ","\n"],["\n  ","\n"])),z("padding-bottom",(function(e){return e.$pb}),L)),We=e.css(X||(X=b(["\n  ","\n"],["\n  ","\n"])),z("margin",(function(e){return e.$ma}),L)),Ge=e.css(V||(V=b(["\n  ","\n  ","\n"],["\n  ","\n  ","\n"])),z("margin-left",(function(e){return e.$mh}),L),z("margin-right",(function(e){return e.$mh}),L)),Ye=e.css(Q||(Q=b(["\n  ","\n  ","\n"],["\n  ","\n  ","\n"])),z("margin-top",(function(e){return e.$mv}),L),z("margin-bottom",(function(e){return e.$mv}),L)),Ue=e.css(K||(K=b(["\n  ","\n"],["\n  ","\n"])),z("margin-left",(function(e){return e.$ml}),L)),Xe=e.css(_||(_=b(["\n  ","\n"],["\n  ","\n"])),z("margin-right",(function(e){return e.$mr}),L)),Ve=e.css(J||(J=b(["\n  ","\n"],["\n  ","\n"])),z("margin-top",(function(e){return e.$mt}),L)),Qe=e.css(Z||(Z=b(["\n  ","\n"],["\n  ","\n"])),z("margin-bottom",(function(e){return e.$mb}),L)),Ke=e.css(ee||(ee=b(["\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n"],["\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n"])),We,Ge,Ye,Ue,Xe,Ve,Qe),_e=e.css(ne||(ne=b(["\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n"],["\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n"])),Be,Le,Ae,qe,Pe,Fe,He),Je=e.css(te||(te=b(["\n  ","\n  ","\n"],["\n  ","\n  ","\n"])),_e,Ke),Ze={"border-solid-none":0,"border-solid-s":1,"border-solid-m":2,"border-solid-l":3,"border-solid-xl":4},en={"border-radius-square":0,"border-radius-xs":2,"border-radius-s":4,"border-radius-m":6,"border-radius-m2":8,"border-radius-l":16,"border-radius-xl":24,"border-radius-circle":100},nn=function(e){if(null!=e)return e in Ze?"".concat(N(Ze[e]),"rem solid"):void 0},tn=function(e){if(null!=e)return e in en?"".concat(N(en[e]),"rem"):void 0},rn=e.css(re||(re=b(["\n  ","\n"],["\n  ","\n"])),z("border",(function(e){return e.$ba}),nn)),on=e.css(oe||(oe=b(["\n  ","\n"],["\n  ","\n"])),z("border-top",(function(e){return e.$bt}),nn)),an=e.css(ie||(ie=b(["\n  ","\n"],["\n  ","\n"])),z("border-right",(function(e){return e.$br}),nn)),ln=e.css(ae||(ae=b(["\n  ","\n"],["\n  ","\n"])),z("border-bottom",(function(e){return e.$bb}),nn)),dn=e.css(le||(le=b(["\n  ","\n"],["\n  ","\n"])),z("border-left",(function(e){return e.$bl}),nn)),cn=e.css(de||(de=b(["\n  ","\n  ","\n"],["\n  ","\n  ","\n"])),z("border-left",(function(e){return e.$bh}),nn),z("border-right",(function(e){return e.$bh}),nn)),sn=e.css(ce||(ce=b(["\n  ","\n  ","\n"],["\n  ","\n  ","\n"])),z("border-top",(function(e){return e.$bv}),nn),z("border-bottom",(function(e){return e.$bv}),nn)),un=e.css(se||(se=b(["\n  ","\n"],["\n  ","\n"])),z("border-color",(function(e){return e.$borderColor}),m)),gn=e.css(ue||(ue=b(["\n  ","\n"],["\n  ","\n"])),z("border-radius",(function(e){return e.$borderRadius}),tn)),fn=e.css(ge||(ge=b(["\n  ","\n"],["\n  ","\n"])),z("border-top-left-radius",(function(e){return e.$btlr}),tn)),bn=e.css(fe||(fe=b(["\n  ","\n"],["\n  ","\n"])),z("border-top-right-radius",(function(e){return e.$btrr}),tn)),hn=e.css(be||(be=b(["\n  ","\n"],["\n  ","\n"])),z("border-bottom-left-radius",(function(e){return e.$bblr}),tn)),pn=e.css(he||(he=b(["\n  ","\n"],["\n  ","\n"])),z("border-bottom-right-radius",(function(e){return e.$bbrr}),tn)),vn=e.css(pe||(pe=b(["\n  ","\n  ","\n"],["\n  ","\n  ","\n"])),z("border-top-left-radius",(function(e){return e.$btr}),tn),z("border-top-right-radius",(function(e){return e.$btr}),tn)),mn=e.css(ve||(ve=b(["\n  ","\n  ","\n"],["\n  ","\n  ","\n"])),z("border-bottom-left-radius",(function(e){return e.$bbr}),tn),z("border-bottom-right-radius",(function(e){return e.$bbr}),tn)),wn=e.css(me||(me=b(["\n  ",";\n"],["\n  ",";\n"])),z("border-style",(function(e){return e.$borderStyle}))),xn=e.css(we||(we=b(["\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n"],["\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n"])),rn,on,an,ln,dn,cn,sn,un,gn,fn,bn,hn,pn,vn,mn,wn),yn=e.css(xe||(xe=b(["\n  ","\n"],["\n  ","\n"])),z("display",(function(e){return e.$display}))),$n={"drop-shadow-standard":"0 0.5rem 0.5rem rgba(92, 92, 92, 20%)","drop-shadow-lemon":"0.125rem 0.125rem 0 rgba(255, 229, 85, 100%)","drop-shadow-wide-lemon":"0.25rem 0.25rem 0 rgba(255, 229, 85, 100%)","drop-shadow-centered-lemon":"0 0 0 0.125rem rgba(255, 229, 85, 100%)","drop-shadow-grey":"0.25rem 0.25rem 0 rgba(87, 87, 87, 100%)","drop-shadow-centered-grey":"0 0 0 0.3rem rgba(87, 87, 87, 100%)"},kn=function(e){return null===e?"none":e&&e in $n?$n[e]:void 0},En=e.css(ye||(ye=b(["\n  ","\n"],["\n  ","\n"])),z("box-shadow",(function(e){return e.$dropShadow}),kn)),Cn={transparent:0,"semi-transparent":.25,"semi-opaque":.5,opaque:1},Sn=e.css($e||($e=b(["\n  ","\n"],["\n  ","\n"])),z("opacity",(function(e){return e.$opacity}),(function(e){if(e)return e in Cn?Cn[e]:void 0}))),In=e.css(ke||(ke=b(["\n  ","\n  ","\n"],["\n  ","\n  ","\n"])),z("transform",(function(e){return e.$transform})),z("transform-origin",(function(e){return e.$transformOrigin}))),Dn={"standard-ease":"all 0.3s ease","standard-transform":"rotate(-2deg) translateY(-16px) translateX(8px)"},zn=e.css(Ee||(Ee=b(["\n  ","\n"],["\n  ","\n"])),z("transition",(function(e){return e.$transition}),(function(e){if(e)return e in Dn?Dn[e]:void 0}))),On={"font-size-1":12,"font-size-2":14,"font-size-3":16,"font-size-4":18,"font-size-5":20,"font-size-6":24,"font-size-7":32,"font-size-8":40,"font-size-9":48,"font-size-10":56},Rn={"heading-1":["font-size-10",64,600,"0.0115rem"],"heading-2":["font-size-9",56,600,"0.0115rem"],"heading-3":["font-size-8",48,600,"0.0115rem"],"heading-4":["font-size-7",40,600,"0.0115rem"],"heading-5":["font-size-6",32,600,"0.0115rem"],"heading-6":["font-size-5",24,600,"0.0115rem"],"heading-7":["font-size-3",20,600,"0.0115rem"],"heading-light-1":["font-size-10",64,400,"0.0115rem"],"heading-light-2":["font-size-9",56,400,"0.0115rem"],"heading-light-3":["font-size-8",48,400,"0.0115rem"],"heading-light-4":["font-size-7",40,400,"0.0115rem"],"heading-light-5":["font-size-6",32,400,"0.0115rem"],"heading-light-6":["font-size-5",24,400,"0.0115rem"],"heading-light-7":["font-size-3",20,400,"0.0115rem"],"body-1":["font-size-4",28,300,"-0.005rem"],"body-2":["font-size-3",24,300,"-0.005rem"],"body-3":["font-size-2",20,300,"-0.005rem"],"body-4":["font-size-1",16,300,"-0.005rem"],"body-1-bold":["font-size-4",28,700,"-0.005rem"],"body-2-bold":["font-size-3",24,700,"-0.005rem"],"body-3-bold":["font-size-2",20,700,"-0.005rem"],"list-item-1":["font-size-4",32,300,"-0.005rem"],"list-item-2":["font-size-3",24,300,"-0.005rem"]},jn=e.css(Ce||(Ce=b(["\n  font-family: Lexend, sans-serif;\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n"],["\n  font-family: Lexend, sans-serif;\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n"])),z("font-weight",(function(e){return e.$font}),(function(e){var n;if(e)return null===(n=Rn[e])||void 0===n?void 0:n[2]})),z("font-size",(function(e){return e.$font}),(function(e){var n;if(e){var t=null===(n=Rn[e])||void 0===n?void 0:n[0];if(t)return"".concat(N(On[t]),"rem")}})),z("line-height",(function(e){return e.$font}),(function(e){var n;if(e){var t=null===(n=Rn[e])||void 0===n?void 0:n[1];if(t)return"".concat(N(t),"rem")}})),z("letter-spacing",(function(e){return e.$font}),(function(e){var n;if(e)return null===(n=Rn[e])||void 0===n?void 0:n[3]})),z("text-align",(function(e){return e.$textAlign})),z("text-decoration",(function(e){return e.$textDecoration})),z("white-space",(function(e){return e.$whiteSpace})),z("word-wrap",(function(e){return e.$wordWrap})),z("text-overflow",(function(e){return e.$textOverflow}))),Nn={behind:-1,neutral:0,"in-front":1,"mobile-filters":2,"fixed-header":100,"modal-close-button":150,"modal-dialog":300},Mn=e.css(Se||(Se=b(["\n  ","\n"],["\n  ","\n"])),z("z-index",(function(e){return e.$zIndex}),(function(e){if(null!=e)return Nn[e]}))),Tn=e.css(De||(De=b(["\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n"],["\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n"])),Me,Te,Je,O,xn,yn,En,Sn,In,zn,jn,Mn,(function(n){return n.onClick&&e.css(Ie||(Ie=b(["\n      :hover {\n        cursor: pointer;\n      }\n    "],["\n      :hover {\n        cursor: pointer;\n      }\n    "])))})),Bn=l.default.div(ze||(ze=b(["\n  ","\n"],["\n  ","\n"])),Tn),Ln=e.css(Oe||(Oe=b(["\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n"],["\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n"])),z("display",(function(e){var n;return null!==(n=e.$display)&&void 0!==n?n:"flex"})),z("flex-direction",(function(e){return e.$flexDirection})),z("flex-wrap",(function(e){return e.$flexWrap})),z("align-items",(function(e){return e.$alignItems})),z("align-content",(function(e){return e.$alignContent})),z("justify-content",(function(e){return e.$justifyContent})),z("align-self",(function(e){return e.$alignSelf})),z("order",(function(e){return e.$order})),z("flex-grow",(function(e){return e.$flexGrow})),z("flex-shrink",(function(e){return e.$flexShrink})),z("flex-basis",(function(e){return e.$flexBasis}),L),z("gap",(function(e){return e.$gap}),L),z("column-gap",(function(e){return e.$columnGap}),L),z("row-gap",(function(e){return e.$rowGap}),L)),An=l.default(Bn)(Re||(Re=b(["\n  ","\n"],["\n  ","\n"])),Ln),qn=l.default.span(je||(je=b(["\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n"],["\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n"])),O,Sn,Ke,_e,xn,jn),Pn=l.default.form(Ne||(Ne=b(["\n  ","\n"],["\n  ","\n"])),Tn);function Fn(e){if(null!=e)return e in p?p[e]:v.includes(e)?function(n){var t=n.theme.uiColors[e];if(t&&t in p)return p[t]}:void 0}var Hn,Wn,Gn,Yn,Un,Xn,Vn,Qn,Kn,_n,Jn,Zn,et,nt,tt,rt=e.css(Hn||(Hn=b(["\n  ","\n"],["\n  ","\n"])),z("filter",(function(e){return e.$colorFilter}),Fn)),ot=e.css(Gn||(Gn=b(["\n  ","\n"],["\n  ","\n"])),(function(n){return n.onClick&&e.css(Wn||(Wn=b(["\n      :hover {\n        cursor: pointer;\n      }\n    "],["\n      :hover {\n        cursor: pointer;\n      }\n    "])))})),it=e.css(Un||(Un=b(["\n  ","\n"],["\n  ","\n"])),(function(n){return n.$showOakPlaceholder&&e.css(Yn||(Yn=b(["\n      background-image: url(",");\n      background-color: ",";\n      background-size: ",";\n      background-position: center;\n      background-repeat: no-repeat;\n    "],["\n      background-image: url(",");\n      background-color: ",";\n      background-size: ",";\n      background-position: center;\n      background-repeat: no-repeat;\n    "])),"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCA2NCA2NCI+PHBhdGggZmlsbD0iIzIyMiIgZD0iTTI4Ljc3OSAxOS4xNzZhMjcuMTkxIDI3LjE5MSAwIDAgMC0zLjggMS42IDE2LjcgMTYuNyAwIDAgMC03LjEgOC40YzAgLjEtLjEuMi0uMS4zLS43IDIuNC0uNiAyIDEuMyAyLjMgMS45LjMgMSAuNSAxIDEuMy0uMSA4LjggNC4xIDE1LjEgMTEuNCAxOS42YTEuNSAxLjUgMCAwIDAgMS43LjJjNS43LTIuNiA5LjMtNyAxMC4zLTEzLjJhMSAxIDAgMCAxIDEtMWwzLS4yYy44IDAgMS4zLjIgMS4yIDEuMmExNy45IDE3LjkgMCAwIDEtMy4yIDkuMiAyMy43IDIzLjcgMCAwIDEtMTAuOSA5LjEgNS40MDEgNS40MDEgMCAwIDEtNC41LS4yIDI2LjI5OCAyNi4yOTggMCAwIDEtOC41LTYuNiAyNS45IDI1LjkgMCAwIDEtNi40LTE0LjRjMC0uNi0uMi0uNy0uOC0uOC0yLjUtLjQtMi41LS4xLTIuMy0yLjlhMTkuMyAxOS4zIDAgMCAxIDEwLjgtMTYuNiAzOC45OTkgMzguOTk5IDAgMCAxIDUuNy0yLjEgMi4xIDIuMSAwIDAgMCAuOS0xLjMgMTQuMSAxNC4xIDAgMCAxIDMuNS02LjNsLjMtLjNjMS45LTIgMi42LTIgNC4zLjJsLjQuNWMxLjEgMS4xIDEgMS41LS4xIDIuNmExMS45IDExLjkgMCAwIDAtMy4yIDQuNCAxNi45IDE2LjkgMCAwIDEgNy41IDIuM2M1LjcgMy41IDkuMiA4LjMgOS45IDE1IC4wMTYuOTAxLS4wMTcgMS44MDItLjEgMi43IDAgLjgtLjYgMS0xLjIgMS4yYTE2LjEgMTYuMSAwIDAgMS0xMS0uNyAxNy45MDEgMTcuOTAxIDAgMCAxLTEwLjktMTMuNiA5Ljc5NiA5Ljc5NiAwIDAgMS0uMS0xLjlabTE4LjEgMTIuMmMuNC01LjUtNi45LTEyLjYtMTMtMTIuMS41IDYuNSA3LjYgMTIuOCAxMyAxMi4xWiIgb3BhY2l0eT0iLjEiLz48L3N2Zz4=",m("bg-decorative2-very-subdued"),L("all-spacing-11"))})),at=l.default(c.default)(Xn||(Xn=b(["\n  ","\n  ","\n  ","\n  object-fit: contain;\n"],["\n  ","\n  ","\n  ","\n  object-fit: contain;\n"])),rt,ot,it),lt=l.default(c.default)(Vn||(Vn=b(["\n  ","\n  ","\n  ","\n  width: 100%;\n  height: auto;\n"],["\n  ","\n  ","\n  ","\n  width: 100%;\n  height: auto;\n"])),rt,ot,it),dt=function(e){var t=g(e,[]),r=t.as,o=t.src,i=t.alt,a=t.width,l=t.height,s=t.sizes,b=t.$width,h=void 0===b?"100%":b,p=t.$position,v=void 0===p?"relative":p,m=t.$colorFilter,w=t.placeholder,x=void 0===w?"oak":w,y=t.unoptimized,$=t.imageProps,k=t.onLoad,E=t.onError,C=g(t,["as","src","alt","width","height","sizes","$width","$position","$colorFilter","placeholder","unoptimized","imageProps","onLoad","onError"]),S="oak"===x?void 0:x,I=function(){var e=f(n.useState(!1),2),t=e[0],r=e[1];return{showPlaceholder:t,setImg:n.useCallback((function(e){e&&r(!e.complete)}),[]),handleComplete:function(e){return function(n){e&&e(n),r(!1)}}}}(),D=I.showPlaceholder,z=I.handleComplete,O=I.setImg;return a&&l?d.default.createElement(Bn,u({$maxWidth:"all-spacing-0",$position:v},C),d.default.createElement(lt,u({ref:O,as:null!=r?r:c.default,src:o,alt:i,width:a,height:l,sizes:s,unoptimized:y,$colorFilter:m,placeholder:S,$showOakPlaceholder:"oak"===x&&D,onLoad:z(k),onError:z(E)},$))):d.default.createElement(Bn,u({$position:v,$width:h},C),d.default.createElement(at,u({ref:O,as:null!=r?r:c.default,src:o,alt:i,sizes:s,fill:!0,$colorFilter:m,placeholder:S,$showOakPlaceholder:"oak"===x&&D,unoptimized:y,onLoad:z(k),onError:z(E)},$)))},ct=l.default(Bn)(Qn||(Qn=b(["\n  ","\n"],["\n  ","\n"])),jn),st=function(e){var n=e.tag,t=e.ariaLabel,r=e.ariaHidden,o=g(e,["tag","ariaLabel","ariaHidden"]),i=n;return d.default.createElement(i,u({},o,{"aria-label":t,"aria-hidden":r}))},ut=l.default(st)(Kn||(Kn=b(["\n  ","\n  ","\n  ","\n  ","\n"],["\n  ","\n  ","\n  ","\n  ","\n"])),jn,Ke,O,Sn),gt=l.default.p(_n||(_n=b(["\n  ","\n  ","\n  ","\n\n  a {\n    color: ",";\n  }\n"],["\n  ","\n  ","\n  ","\n\n  a {\n    color: ",";\n  }\n"])),jn,O,Ke,(function(e){return e.theme&&e.theme.uiColors&&e.theme.uiColors["text-link-active"]})),ft=l.default.ul(Zn||(Zn=b(["\n  ","\n  margin: 0;\n  ","\n"],["\n  ","\n  margin: 0;\n  ","\n"])),(function(n){return n.$reset&&e.css(Jn||(Jn=b(["\n      list-style: none;\n      padding: 0;\n    "],["\n      list-style: none;\n      padding: 0;\n    "])))}),Tn),bt=l.default.ol(et||(et=b(['\n  counter-reset: item;\n  padding: 0;\n\n  li {\n    display: block;\n    counter-increment: item;\n    margin: 0;\n    padding: 0 0 0 16px;\n    text-indent: -16px;\n    list-style-type: none;\n    line-height: 32px;\n\n    // Portable text generates linebreaks within list items\n\n    br {\n      content: "";\n      display: block;\n      margin-top: 8px;\n    }\n  }\n\n  & li::before {\n    padding-right: 4px;\n    content: counter(item) ".";\n  }\n  a {\n    color: ',";\n  }\n  ","\n  ","\n  ","\n"],['\n  counter-reset: item;\n  padding: 0;\n\n  li {\n    display: block;\n    counter-increment: item;\n    margin: 0;\n    padding: 0 0 0 16px;\n    text-indent: -16px;\n    list-style-type: none;\n    line-height: 32px;\n\n    // Portable text generates linebreaks within list items\n\n    br {\n      content: "";\n      display: block;\n      margin-top: 8px;\n    }\n  }\n\n  & li::before {\n    padding-right: 4px;\n    content: counter(item) ".";\n  }\n  a {\n    color: ',";\n  }\n  ","\n  ","\n  ","\n"])),(function(e){return e.theme&&e.theme.uiColors&&e.theme.uiColors["text-link-active"]}),Ke,O,jn),ht=e.css(nt||(nt=b(["\n  ","\n"],["\n  ","\n"])),z("list-style",(function(e){return e.$listStyle}))),pt=l.default.li(tt||(tt=b(["\n  ","\n  ","\n  ","\n  ","\n"],["\n  ","\n  ","\n  ","\n  ","\n"])),Tn,jn,ht,yn);pt.defaultProps={$display:"revert"};var vt,mt=l.default.label(vt||(vt=b(["\n  ","\n  ","\n"],["\n  ","\n  ","\n"])),jn,O),wt={"question-mark":"v1706872277/icons/question-mark.svg",home:"v1699887218/icons/gvqxjxcw07ei2kkmwnes.svg",send:"v1699893673/icons/rmvytilpjgvh3pgwc8ph.svg",rocket:"v1699894015/icons/u26xm5hteot875ozfnk9.svg",edit:"v1699894149/icons/qxlunbg5tfrdherzsvlt.svg",hamburger:"v1699895123/icons/jaqdnomtbhqvjcap962u.svg",cross:"v1699895179/icons/xigimrbivcaxt4omxamp.svg",bell:"v1699895207/icons/ecejtvqerx81prxyxh9b.svg",twitter:"v1699895251/icons/bq6a50xtkvnzhltfggzz.svg",worksheet:"v1699895300/icons/ez1s6mtpe5jkunnxzvlw.svg",facebook:"v1699895330/icons/iojlvh3o5lshy2jupyph.svg",share:"v1699895363/icons/agcmduftef3wcla6gzec.svg","arrow-right":"v1707149070/icons/fv0z57zerrioft52dd9n.svg","worksheet-3":"v1699895429/icons/bzhojpjxp9rukdvh7daz.svg","chevron-right":"v1707752509/icons/vk9xxxhnsltsickom6q9.svg",save:"v1699895505/icons/rh1ahwwtbemvz0ihluew.svg","quiz-3":"v1699895534/icons/zoayhgtrotv32fad7d3k.svg","chevron-down":"v1699953557/icons/botfld6brychmttwtv6u.svg",linkedin:"v1699953592/icons/leqneklorqqzb1zo6rf1.svg","magic-carpet":"v1699953622/icons/jifivg9xxm7sb0fjdilm.svg",books:"v1699953657/icons/hz4l3iq6i68kazvkvorq.svg","supervision-level":"v1699953696/icons/cwqhknapp3maa4g0t3lj.svg","quiz-white":"v1699953730/icons/gpcehpgr9mqoumsa25xe.svg","arrow-left":"v1707149179/icons/ejrm9dpgpzb7ddbo8z2i.svg","additional-material":"v1699953798/icons/ntoq4tqvcm2uj1pajubt.svg","slide-deck-3":"v1699953830/icons/sm92moja9d5utu3cj16c.svg","sign-language":"v1699953861/icons/ns94ozvozzi22enxkx0x.svg",external:"v1699953892/icons/hlxmejse3mcr4tqo6t8u.svg","equipment-required":"v1699953925/icons/pw22bdhj2vrzfv2ogi4e.svg","chevron-left":"v1707752509/icons/rbvzan0ozubmr4j0uqdn.svg",download:"v1699953991/icons/dk0f6a6hdpzxftjosngn.svg",search:"v1704901279/icons/canbi3fuz5fanzom2hvi.svg","chevron-up":"v1699954058/icons/pay71thmhhylj7z28sj1.svg",go:"v1699954090/icons/vdzptyvmitylra8x4usy.svg",copyright:"v1699954118/icons/boiod3rflocgsnfokyo8.svg","arrow-down":"v1699954152/icons/wpfmbmwpyfinipg0d61y.svg",project:"v1699954186/icons/zofq5pheud6spnwjpewk.svg","slide-deck":"v1699954241/icons/sjjy5f3g4eciwcuxxr33.svg","content-guidance":"v1699954277/icons/tm3uhcqenaznq4fxys7j.svg",tick:"v1699954310/icons/efd3esaor6zqk7seh6kt.svg",instagram:"v1699954343/icons/ayfeljric0kkimdymvva.svg",dot:"v1699954371/icons/knykdclphkm8lgff4u2g.svg","dot-png":"v1699954394/icons/qecbh291nzwmhcvqayqd.png",warning:"v1704901279/icons/zzszodmk7fvxm9xzzg9s.svg","lightbulb-yellow":"v1705078631/icons/q2v4sqxouy1ngcajoavv.svg",lightbulb:"v1705078631/icons/zldisxmbff36z68rwcef.svg",quiz:"v1705416077/icons/kaaizjcudy0jfgfrrdel.svg",video:"v1705416078/icons/wzey1zfxrvv3apeebbf5.svg",intro:"v1705662092/icons/pl7bnmb13txese9yxkjv.svg","move-arrows":"v1709052869/icons/hoddjsgpzkszgvnmn91q.svg","subject-art":"subject-icons/art.svg","subject-biology":"subject-icons/biology.svg","subject-chemistry":"subject-icons/chemistry.svg","subject-citizenship":"subject-icons/citizenship.svg","subject-combined-science":"subject-icons/science.svg","subject-communication-and-language":"subject-icons/communication-and-language.svg","subject-computing":"subject-icons/computing.svg","subject-computing-non-gcse":"subject-icons/computing.svg","subject-creative-arts":"subject-icons/creative-arts.svg","subject-design-technology":"subject-icons/design-technology.svg","subject-drama":"subject-icons/drama.svg","subject-english":"subject-icons/english.svg","subject-english-grammar":"subject-icons/english-grammar.svg","subject-english-reading-for-pleasure":"subject-icons/literature.svg","subject-english-spelling":"subject-icons/english-spelling.svg","subject-french":"subject-icons/french.svg","subject-geography":"subject-icons/geography.svg","subject-german":"subject-icons/german.svg","subject-history":"subject-icons/history.svg","subject-independent-living":"subject-icons/independent-living.svg","subject-latin":"subject-icons/latin.svg","subject-maths":"subject-icons/maths.svg","subject-music":"subject-icons/music-hollow.svg","subject-numeracy":"subject-icons/numeracy.svg","occupational-therapy":"subject-icons/therapy.svg","subject-physical-development":"subject-icons/physical-development.svg","subject-physical-education":"subject-icons/physical-education.svg","subject-physical-therapy":"subject-icons/physical-therapy.svg","subject-physics":"subject-icons/physics.svg","subject-religious-education":"subject-icons/religious-education.svg","subject-rshe-pshe":"subject-icons/rshe-pshe.svg","subject-science":"subject-icons/science.svg","subject-sensory-integration":"subject-icons/sensory-integration.svg","subject-spanish":"subject-icons/spanish.svg","subject-speech-and-language-therapy":"subject-icons/speech-and-language.svg","subject-therapy":"subject-icons/therapy.svg","subject-understanding-the-world":"subject-icons/understanding-the-world.svg"},xt=Object.keys(wt);var yt,$t,kt,Et,Ct,St=function(e){var n=e.iconName,t=e.alt,r=e.$width,o=void 0===r?"all-spacing-7":r,i=e.$height,a=void 0===i?"all-spacing-7":i,l=e.$minHeight,c=void 0===l?a:l,s=e.$minWidth,f=void 0===s?o:s;e.imageProps;var b=g(e,["iconName","alt","$width","$height","$minHeight","$minWidth","imageProps"]);return d.default.createElement(dt,u({src:"https://".concat(process.env.NEXT_PUBLIC_OAK_ASSETS_HOST,"/").concat(process.env.NEXT_PUBLIC_OAK_ASSETS_PATH,"/").concat(wt[n]),alt:null!=t?t:n,$width:o,$height:a,$minHeight:c,$minWidth:f,placeholder:"empty",unoptimized:!0},b))},It=e.css(yt||(yt=b(["\n  ","\n  ","\n  ","\n  ","\n  ","\n    ","\n"],["\n  ","\n  ","\n  ","\n  ","\n  ","\n    ","\n"])),z("row-gap",(function(e){return e.$rg}),L),z("column-gap",(function(e){return e.$cg}),L),z("grid-auto-rows",(function(e){return e.$gridAutoRows})),z("grid-template-areas",(function(e){return e.$gridTemplateAreas})),z("grid-template-columns",(function(e){return e.$gridTemplateColumns})),z("grid-template-rows",(function(e){return e.$gridTemplateRows}))),Dt=l.default(Bn)($t||($t=b(["\n  display: grid;\n  grid-template-columns: repeat(12, 1fr);\n  width: 100%;\n  ","\n"],["\n  display: grid;\n  grid-template-columns: repeat(12, 1fr);\n  width: 100%;\n  ","\n"])),It),zt=function(e,n){return e?"".concat(e,"/").concat(n):"".concat(n)},Ot=function(e){if(null==e?void 0:e.includes("/")){var n=f(e.split("/"),2),t=n[0],r=n[1];return"".concat(t," / span ").concat(r)}return"span ".concat(e)},Rt=e.css(kt||(kt=b(["\n  flex-direction: column;\n  ",";\n  ",";\n  ",";\n  ",";\n  ","\n  ","\n  ","\n"],["\n  flex-direction: column;\n  ",";\n  ",";\n  ",";\n  ",";\n  ","\n  ","\n  ","\n"])),z("grid-column",(function(e){return Array.isArray(e.$colSpan)?e.$colSpan.map((function(n,t){return zt(Array.isArray(e.$colStart)?e.$colStart[t]:e.$colStart,n)})):zt(Array.isArray(e.$colStart)?e.$colStart[0]:e.$colStart,e.$colSpan)}),(function(e){return Ot(e)})),z("grid-row",(function(e){return Array.isArray(e.$rowSpan)?e.$rowSpan.map((function(n,t){return zt(Array.isArray(e.$rowStart)?e.$rowStart[t]:e.$rowStart,n)})):zt(Array.isArray(e.$rowStart)?e.$rowStart[0]:e.$rowStart,e.$rowSpan)}),(function(e){return Ot(e)})),z("order",(function(e){return e.$order}),(function(e){return e&&"".concat(e)})),z("grid-row",(function(e){return e.$rowSpan?"span ".concat(e.$rowSpan):"span 1"})),z("grid-column-start",(function(e){return e.$colStart})),z("grid-column-end",(function(e){return e.$colEnd})),z("grid-row-start",(function(e){return e.$rowStart}))),jt=l.default(An)(Et||(Et=b(["\n  ","\n"],["\n  ","\n"])),Rt),Nt=l.default(An)(Ct||(Ct=b([""],[""])));function Mt(e,n){return e.toString().replace(function(e){var n=new URL(r.getCldImageUrl({src:"canary.jpg"},e));return n.origin+"/image/upload/"}(n),"")}Nt.defaultProps={$maxWidth:["all-spacing-21","all-spacing-24"],$ph:["inner-padding-none","inner-padding-s"],$flexDirection:"column",$flexGrow:1,$width:"100%",$mh:"auto"};var Tt,Bt,Lt,At,qt,Pt,Ft,Ht,Wt,Gt,Yt,Ut,Xt,Vt,Qt,Kt,_t,Jt,Zt,er,nr,tr,rr,or,ir,ar,lr=n.createContext(void 0),dr=lr.Provider,cr=function(e){var n=e.children;return d.default.createElement(qn,{$font:"body-3-bold",as:"kbd",$borderColor:"border-decorative3-stronger",$background:"bg-primary",$borderRadius:"border-radius-m",$ba:"border-solid-m",$ph:"inner-padding-xs",$pv:"inner-padding-ssx",$whiteSpace:"nowrap"},n)},sr=e.css(Tt||(Tt=b(['\n  /* Box sizing rules */\n  *,\n  *::before,\n  *::after {\n    box-sizing: border-box;\n  }\n\n  /* Remove default margin */\n  body,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  p,\n  figure,\n  blockquote,\n  dl,\n  dd {\n    margin: 0;\n  }\n\n  /* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */\n  ul[role="list"],\n  ol[role="list"] {\n    list-style: none;\n    padding-left: 0;\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n\n  /* Set core root defaults */\n  html,\n  html:focus-within {\n    scroll-behavior: smooth;\n  }\n\n  /* Set core body defaults */\n  body {\n    min-height: 100vh;\n    text-rendering: optimizespeed;\n    line-height: 1.5;\n  }\n\n  /* A elements that don\'t have a class get default styles */\n  a:not([class]) {\n    text-decoration-skip-ink: auto;\n  }\n\n  /* Make images easier to work with */\n  img,\n  picture {\n    max-width: 100%;\n    display: block;\n  }\n\n  /* Inherit fonts for inputs and buttons */\n  input,\n  button,\n  textarea,\n  select {\n    font: inherit;\n  }\n\n  cite {\n    font-style: inherit;\n  }\n\n  /* Remove all animations, transitions and smooth scroll for people that prefer not to see them */\n  @media (prefers-reduced-motion: reduce) {\n    html:focus-within {\n      scroll-behavior: auto;\n    }\n\n    *,\n    *::before,\n    *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n      scroll-behavior: auto !important;\n    }\n  }\n'],['\n  /* Box sizing rules */\n  *,\n  *::before,\n  *::after {\n    box-sizing: border-box;\n  }\n\n  /* Remove default margin */\n  body,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  p,\n  figure,\n  blockquote,\n  dl,\n  dd {\n    margin: 0;\n  }\n\n  /* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */\n  ul[role="list"],\n  ol[role="list"] {\n    list-style: none;\n    padding-left: 0;\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n\n  /* Set core root defaults */\n  html,\n  html:focus-within {\n    scroll-behavior: smooth;\n  }\n\n  /* Set core body defaults */\n  body {\n    min-height: 100vh;\n    text-rendering: optimizespeed;\n    line-height: 1.5;\n  }\n\n  /* A elements that don\'t have a class get default styles */\n  a:not([class]) {\n    text-decoration-skip-ink: auto;\n  }\n\n  /* Make images easier to work with */\n  img,\n  picture {\n    max-width: 100%;\n    display: block;\n  }\n\n  /* Inherit fonts for inputs and buttons */\n  input,\n  button,\n  textarea,\n  select {\n    font: inherit;\n  }\n\n  cite {\n    font-style: inherit;\n  }\n\n  /* Remove all animations, transitions and smooth scroll for people that prefer not to see them */\n  @media (prefers-reduced-motion: reduce) {\n    html:focus-within {\n      scroll-behavior: auto;\n    }\n\n    *,\n    *::before,\n    *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n      scroll-behavior: auto !important;\n    }\n  }\n']))),ur=e.css(Bt||(Bt=b(["\n  html,\n  body {\n    padding: 0;\n    margin: 0;\n    font-family: Lexend, sans-serif;\n    font-weight: 300;\n    line-height: 1.4;\n  }\n\n  /* stylelint-disable */\n  body,\n  #__next {\n    /* stylelint-enable */\n    display: flex;\n    flex-direction: column;\n    flex-grow: 1;\n  }\n\n  a {\n    color: inherit;\n    text-decoration: none;\n    font-family: inherit;\n\n    /*\n     * Remove grey background on tap on ios\n     */\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  button {\n    /*\n     * some browsers have a small margin by default\n     * @see https://github.com/oaknational/Oak-Web-Application/issues/709\n     */\n    margin: 0;\n\n    /*\n     * Remove grey background on tap on ios\n     */\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  /*\n  * Inline styling for mathjax equations\n  */\n  mjx-container {\n    display: inline-grid !important;\n    margin: 0 !important;\n  }\n"],["\n  html,\n  body {\n    padding: 0;\n    margin: 0;\n    font-family: Lexend, sans-serif;\n    font-weight: 300;\n    line-height: 1.4;\n  }\n\n  /* stylelint-disable */\n  body,\n  #__next {\n    /* stylelint-enable */\n    display: flex;\n    flex-direction: column;\n    flex-grow: 1;\n  }\n\n  a {\n    color: inherit;\n    text-decoration: none;\n    font-family: inherit;\n\n    /*\n     * Remove grey background on tap on ios\n     */\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  button {\n    /*\n     * some browsers have a small margin by default\n     * @see https://github.com/oaknational/Oak-Web-Application/issues/709\n     */\n    margin: 0;\n\n    /*\n     * Remove grey background on tap on ios\n     */\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  /*\n  * Inline styling for mathjax equations\n  */\n  mjx-container {\n    display: inline-grid !important;\n    margin: 0 !important;\n  }\n"]))),gr=e.createGlobalStyle(Lt||(Lt=b(["\n  ","\n  ","\n"],["\n  ","\n  ","\n"])),sr,ur),fr=e.css(At||(At=b(["\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n"],["\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n"]))),br=l.default.span(qt||(qt=b(["\n  ","\n"],["\n  ","\n"])),fr),hr=e.keyframes(Pt||(Pt=b(["\n  0% {\n    transform: rotate(0deg);\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n"],["\n  0% {\n    transform: rotate(0deg);\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n"]))),pr=l.default.span(Gt||(Gt=b(["\n  ",'\n  --inner-width: calc(var(--width) / 10 * 8);\n  --thickness: calc(var(--width) / 12);\n\n  display: inline-flex;\n  width: var(--width);\n  height: var(--width);\n\n  ::after {\n    content: " ";\n    display: block;\n    width: var(--inner-width);\n    height: var(--inner-width);\n    margin: var(--thickness);\n    border-radius: 50%;\n    border: var(--thickness) solid currentcolor;\n    ',"\n    animation: "," 1.2s linear infinite;\n  }\n  ","\n"],["\n  ",'\n  --inner-width: calc(var(--width) / 10 * 8);\n  --thickness: calc(var(--width) / 12);\n\n  display: inline-flex;\n  width: var(--width);\n  height: var(--width);\n\n  ::after {\n    content: " ";\n    display: block;\n    width: var(--inner-width);\n    height: var(--inner-width);\n    margin: var(--thickness);\n    border-radius: 50%;\n    border: var(--thickness) solid currentcolor;\n    ',"\n    animation: "," 1.2s linear infinite;\n  }\n  ","\n"])),(function(n){return n.$width?z("--width",(function(e){return e.$width}),L):e.css(Ft||(Ft=b(["\n          --width: 1.25rem;\n        "],["\n          --width: 1.25rem;\n        "])))}),(function(n){return n.loaderColor?e.css(Ht||(Ht=b(["\n            border-color: "," ","\n              "," transparent;\n          "],["\n            border-color: "," ","\n              "," transparent;\n          "])),n.loaderColor,n.loaderColor,n.loaderColor):e.css(Wt||(Wt=b(["\n            border-color: currentcolor currentcolor currentcolor transparent;\n          "],["\n            border-color: currentcolor currentcolor currentcolor transparent;\n          "])))}),hr,O),vr=function(e){return d.default.createElement(pr,u({},e),d.default.createElement(br,null,"Loading"))},mr=e.css(Yt||(Yt=b(["\n  background: none;\n  color: inherit;\n  border: none;\n  padding: 0;\n  font: inherit;\n  cursor: pointer;\n  text-align: left;\n  font-family: unset;\n  outline: none;\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  &:disabled {\n    pointer-events: none;\n    cursor: default;\n  }\n"],["\n  background: none;\n  color: inherit;\n  border: none;\n  padding: 0;\n  font: inherit;\n  cursor: pointer;\n  text-align: left;\n  font-family: unset;\n  outline: none;\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  &:disabled {\n    pointer-events: none;\n    cursor: default;\n  }\n"])),jn,O,Je,yn,xn,En),wr=l.default((function(e){var t=e.onClick,r=e.onHovered,o=e.element,i=void 0===o?"button":o,a=g(e,["onClick","onHovered","element"]),l=n.useRef(Date.now());return d.default.createElement(i,u({},a,{onClick:function(e){t&&t(e)},onMouseEnter:function(){l.current=Date.now()},onMouseLeave:function(e){var n=Date.now()-l.current;r&&r(e,n)}}))}))(Ut||(Ut=b(["\n  ","\n"],["\n  ","\n"])),mr),xr=l.default(wr)(Vt||(Vt=b(["\n  ","\n  ","\n  display: inline-block;\n  ","\n"],["\n  ","\n  ","\n  display: inline-block;\n  ","\n"])),Me,Te,(function(n){return e.css(Xt||(Xt=b(["\n    &:hover {\n      text-decoration: underline;\n      color: ",";\n      background: ",";\n      border-color: ",";\n    }\n    &:active {\n      background: ",";\n      border-color: ",";\n      color: ",";\n    }\n    &:disabled {\n      background: ",";\n      border-color: ",";\n      color: ",";\n    }\n  "],["\n    &:hover {\n      text-decoration: underline;\n      color: ",";\n      background: ",";\n      border-color: ",";\n    }\n    &:active {\n      background: ",";\n      border-color: ",";\n      color: ",";\n    }\n    &:disabled {\n      background: ",";\n      border-color: ",";\n      color: ",";\n    }\n  "])),m(n.$hoverTextColor),m(n.$hoverBackground),m(n.$hoverBorderColor),m(n.$defaultBackground),m(n.$defaultBorderColor),m(n.$defaultTextColor),m(n.$disabledBackground),m(n.$disabledBorderColor),m(n.$disabledTextColor))})),yr=l.default(Bn)(Qt||(Qt=b(["\n  .grey-shadow:has(+ * + .internal-button:focus-visible) {\n    box-shadow: ",";\n  }\n  .yellow-shadow:has(+ .internal-button:focus-visible) {\n    box-shadow: ",";\n  }\n  .yellow-shadow:has(+ .internal-button:hover),\n  .yellow-shadow:has(+ .internal-button:hover:not(:focus-visible, :active)) {\n    box-shadow: ",";\n  }\n  .grey-shadow:has(+ * + .internal-button:hover) {\n    box-shadow: none;\n  }\n  .grey-shadow:has(+ * + .internal-button:active) {\n    box-shadow: ",";\n  }\n  .yellow-shadow:has(+ .internal-button:active) {\n    box-shadow: ",";\n  }\n"],["\n  .grey-shadow:has(+ * + .internal-button:focus-visible) {\n    box-shadow: ",";\n  }\n  .yellow-shadow:has(+ .internal-button:focus-visible) {\n    box-shadow: ",";\n  }\n  .yellow-shadow:has(+ .internal-button:hover),\n  .yellow-shadow:has(+ .internal-button:hover:not(:focus-visible, :active)) {\n    box-shadow: ",";\n  }\n  .grey-shadow:has(+ * + .internal-button:hover) {\n    box-shadow: none;\n  }\n  .grey-shadow:has(+ * + .internal-button:active) {\n    box-shadow: ",";\n  }\n  .yellow-shadow:has(+ .internal-button:active) {\n    box-shadow: ",";\n  }\n"])),kn("drop-shadow-centered-grey"),kn("drop-shadow-centered-lemon"),(function(e){return kn(e.$hoverShadow)}),kn("drop-shadow-grey"),kn("drop-shadow-lemon")),$r=function(e){var n=e.element,t=void 0===n?"button":n,r=e.children,o=e.iconName,i=e.isTrailingIcon,a=e.isLoading,l=e.disabled,c=e.width,s=void 0===c?"max-content":c,f=e.maxWidth,b=e.defaultBackground,h=e.defaultBorderColor,p=e.defaultTextColor,v=e.disabledTextColor,m=e.hoverTextColor,w=e.hoverBackground,x=e.hoverBorderColor,y=e.disabledBackground,$=e.disabledBorderColor,k=e.className,E=e.hoverShadow,C=void 0===E?"drop-shadow-lemon":E,S=g(e,["element","children","iconName","isTrailingIcon","isLoading","disabled","width","maxWidth","defaultBackground","defaultBorderColor","defaultTextColor","disabledTextColor","hoverTextColor","hoverBackground","hoverBorderColor","disabledBackground","disabledBorderColor","className","hoverShadow"]),I=d.default.createElement(d.default.Fragment,null,o&&d.default.createElement(St,{iconName:o,$width:"all-spacing-6",$height:"all-spacing-6",$colorFilter:e.disabled?v:p})),D=d.default.createElement(Bn,{$width:"all-spacing-6",$height:"all-spacing-6"},d.default.createElement(vr,{$width:"all-spacing-6"})),z=d.default.createElement(d.default.Fragment,null,a&&!l?D:I);return d.default.createElement(yr,{className:k,$position:"relative",$width:s,$maxWidth:f,$hoverShadow:C},d.default.createElement(Bn,{className:"grey-shadow",$position:"absolute",$borderRadius:"border-radius-s",$width:"100%",$height:"100%",$top:"all-spacing-0"}),d.default.createElement(Bn,{className:"yellow-shadow",$position:"absolute",$borderRadius:"border-radius-s",$width:"100%",$height:"100%",$top:"all-spacing-0"}),d.default.createElement(xr,u({element:t,className:"internal-button",$ba:"border-solid-m",$background:b,$borderColor:h,$color:p,$pv:"inner-padding-s",$ph:"inner-padding-m",$borderRadius:"border-radius-s",$position:"relative",disabled:l||a,$width:"100%",$height:"100%",$hoverTextColor:m,$hoverBackground:w,$hoverBorderColor:x,$defaultTextColor:p,$defaultBackground:b,$defaultBorderColor:h,$disabledTextColor:v,$disabledBackground:y,$disabledBorderColor:$},S),d.default.createElement(An,{$flexDirection:"row",$alignItems:"center",$gap:"space-between-ssx",$justifyContent:"center"},!i&&z,d.default.createElement(qn,{$font:"heading-7"},r),i&&z)))},kr=function(e){var n=e.element,t=g(e,["element"]);return d.default.createElement($r,u({element:null!=n?n:"button",defaultBorderColor:"bg-btn-primary",defaultBackground:"bg-btn-primary",defaultTextColor:"text-inverted",hoverBackground:"bg-btn-primary-hover",hoverBorderColor:"bg-btn-primary-hover",hoverTextColor:"text-inverted",disabledBackground:"bg-btn-primary-disabled",disabledBorderColor:"text-disabled",disabledTextColor:"text-inverted"},t))},Er=function(e){var n=e.element,t=g(e,["element"]);return d.default.createElement($r,u({element:null!=n?n:"button",defaultBorderColor:"bg-btn-secondary",defaultBackground:"bg-btn-secondary",defaultTextColor:"text-primary",hoverBackground:"bg-btn-secondary",hoverBorderColor:"bg-btn-secondary",hoverTextColor:"text-primary",disabledBackground:"bg-btn-secondary",disabledBorderColor:"bg-btn-secondary",disabledTextColor:"text-disabled",hoverShadow:null},t))},Cr=l.default(wr)(_t||(_t=b(["\n  display: inline-block;\n  ","\n  ","\n  ","\n"],["\n  display: inline-block;\n  ","\n  ","\n  ","\n"])),Me,Te,(function(n){return e.css(Kt||(Kt=b(["\n    &:hover {\n      text-decoration: underline;\n      color: ",";\n    }\n    &:active {\n      color: ",";\n    }\n    &:disabled {\n      color: ",";\n    }\n  "],["\n    &:hover {\n      text-decoration: underline;\n      color: ",";\n    }\n    &:active {\n      color: ",";\n    }\n    &:disabled {\n      color: ",";\n    }\n  "])),m(n.$hoverTextColor),m(n.$defaultTextColor),m(n.$disabledTextColor))})),Sr=l.default(Bn)(Zt||(Zt=b(["\n  > :first-child:focus-visible .shadow {\n    box-shadow: ",",\n      ",";\n  }\n  > :first-child:hover .shadow {\n    box-shadow: ",";\n  }\n  > :first-child:active .shadow {\n    box-shadow: ",",\n      ",";\n  }\n  ","\n"],["\n  > :first-child:focus-visible .shadow {\n    box-shadow: ",",\n      ",";\n  }\n  > :first-child:hover .shadow {\n    box-shadow: ",";\n  }\n  > :first-child:active .shadow {\n    box-shadow: ",",\n      ",";\n  }\n  ","\n"])),kn("drop-shadow-centered-lemon"),kn("drop-shadow-centered-grey"),kn("drop-shadow-lemon"),kn("drop-shadow-lemon"),kn("drop-shadow-grey"),(function(n){return e.css(Jt||(Jt=b(["\n    > :first-child:disabled .icon-container {\n      background: ",";\n    }\n    > :first-child:hover .icon-container {\n      background: ",";\n    }\n    > :first-child:active .icon-container {\n      background: ",";\n    }\n  "],["\n    > :first-child:disabled .icon-container {\n      background: ",";\n    }\n    > :first-child:hover .icon-container {\n      background: ",";\n    }\n    > :first-child:active .icon-container {\n      background: ",";\n    }\n  "])),m(n.$disabledIconBackground),m(n.$hoverIconBackground),m(n.$defaultIconBackground))})),Ir=function(e){var n=e.element,t=void 0===n?"button":n,r=e.children,o=e.iconName,i=e.isTrailingIcon,a=e.isLoading,l=e.disabled,c=e.width,s=void 0===c?"max-content":c,f=e.maxWidth,b=e.iconBackgroundSize,h=e.iconSize,p=e.disabledIconBackground,v=e.disabledTextColor,m=e.defaultIconColor,w=e.hoverIconBackground,x=e.defaultIconBackground,y=e.disabledIconColor,$=e.defaultTextColor,k=e.hoverTextColor,E=e.className,C=g(e,["element","children","iconName","isTrailingIcon","isLoading","disabled","width","maxWidth","iconBackgroundSize","iconSize","disabledIconBackground","disabledTextColor","defaultIconColor","hoverIconBackground","defaultIconBackground","disabledIconColor","defaultTextColor","hoverTextColor","className"]),S=d.default.createElement(d.default.Fragment,null,o&&d.default.createElement(St,{iconName:o,$width:h,$height:h,$colorFilter:e.disabled?y:m||null})),I=d.default.createElement(Bn,{$width:h,$height:h},d.default.createElement(vr,{$width:h,loaderColor:"white"})),D=d.default.createElement(An,{className:"icon-container",$background:e.defaultIconBackground,$color:e.defaultTextColor,$borderRadius:"border-radius-circle",$position:"relative",$width:b,$height:b,$alignItems:"center",$justifyContent:"center",$minWidth:b},d.default.createElement(Bn,{className:"shadow",$position:"absolute",$borderRadius:"border-radius-circle",$width:"100%",$height:"100%",$top:"all-spacing-0"}),a&&!l?I:S);return d.default.createElement(Sr,{className:E,$position:"relative",$width:s,$maxWidth:f,$disabledIconBackground:p,$hoverIconBackground:w,$defaultIconBackground:x},d.default.createElement(Cr,u({element:null!=t?t:"button"},C,{$hoverTextColor:k,$defaultTextColor:$,$disabledTextColor:v,$color:$,$position:"relative",disabled:l||a}),d.default.createElement(An,{$flexDirection:"row",$alignItems:"center",$gap:r?"space-between-xs":"space-between-none",$justifyContent:"center"},!i&&D,d.default.createElement(qn,{$font:"heading-7"},r),i&&D)))},Dr=function(e){var n=e.element,t=e.isTrailingIcon,r=e.iconName,o=e.children,i=g(e,["element","isTrailingIcon","iconName","children"]);return d.default.createElement(Ir,u({element:null!=n?n:"button"},i,{isTrailingIcon:t,iconName:r,defaultIconColor:"white",disabledIconColor:"white",disabledIconBackground:"bg-btn-primary-disabled",defaultIconBackground:"black",hoverIconBackground:"bg-btn-primary-hover",defaultTextColor:"text-primary",hoverTextColor:"bg-btn-primary-hover",disabledTextColor:"text-disabled",iconBackgroundSize:"all-spacing-7",iconSize:"all-spacing-6"}),o)},zr=n.createContext({currentValue:"default",name:"default"}),Or=l.default(mt)(nr||(nr=b(["\n  ","\n\n  display: flex;\n  ","\n  ","\n"],["\n  ","\n\n  display: flex;\n  ","\n  ","\n"])),(function(n){return!n.disabled&&e.css(er||(er=b(["\n      cursor: pointer;\n    "],["\n      cursor: pointer;\n    "])))}),z("gap",(function(e){return e.$labelGap}),L),z("align-items",(function(e){return e.$labelAlignItems}))),Rr=l.default.input.attrs({type:"radio"})(rr||(rr=b(["\n  position: absolute;\n  opacity: 0;\n  ","\n"],["\n  position: absolute;\n  opacity: 0;\n  ","\n"])),(function(n){return!n.disabled&&e.css(tr||(tr=b(["\n      cursor: pointer;\n    "],["\n      cursor: pointer;\n    "])))})),jr=l.default(An)(ir||(ir=b(["\n  border-radius: 50%;\n\n  ","\n\n  ",':checked ~ &::after {\n    content: "";\n    height: ',";\n    width: ",";\n    background: ",";\n    position: absolute;\n    border-radius: 50%;\n    border: "," ",";\n  }\n"],["\n  border-radius: 50%;\n\n  ","\n\n  ",':checked ~ &::after {\n    content: "";\n    height: ',";\n    width: ",";\n    background: ",";\n    position: absolute;\n    border-radius: 50%;\n    border: "," ",";\n  }\n"])),(function(n){return!n.$disableFocusRing&&e.css(or||(or=b(["\n      ",':focus-visible ~ &::before {\n        content: "";\n        height: ',";\n        width: ",';\n        background: "transparent"\n        display: block;\n        position: absolute;\n        border-radius: 50%;\n        border: '," ",";\n        box-shadow: ",";\n      }"],["\n      ",':focus-visible ~ &::before {\n        content: "";\n        height: ',";\n        width: ",';\n        background: "transparent"\n        display: block;\n        position: absolute;\n        border-radius: 50%;\n        border: '," ",";\n        box-shadow: ",";\n      }"])),Rr,L("all-spacing-7"),L("all-spacing-7"),nn("border-solid-m"),m("grey60"),"inset 0 0 0 0.13rem ".concat(m("lemon")))}),Rr,(function(e){return L(e.$radioInnerSize)}),(function(e){return L(e.$radioInnerSize)}),m("black"),nn("border-solid-m"),m("white")),Nr=l.default(jr)(ar||(ar=b(["\n  ",':checked ~ &::after {\n    content: "";\n    height: ',";\n    width: ",";\n    background: ",";\n    position: absolute;\n    border-radius: 50%;\n    border: "," ",";\n  }\n"],["\n  ",':checked ~ &::after {\n    content: "";\n    height: ',";\n    width: ",";\n    background: ",";\n    position: absolute;\n    border-radius: 50%;\n    border: "," ",";\n  }\n"])),Rr,(function(e){return L(e.$radioInnerSize)}),(function(e){return L(e.$radioInnerSize)}),m("bg-btn-primary-disabled"),nn("border-solid-m"),m("white")),Mr=n.forwardRef((function(e,t){var r=n.useContext(zr),o=r.currentValue,i=r.name,a=r.onValueUpdated,l=e.id,c=e.label,s=e.value,f=e.tabIndex,b=e.disabled,h=e.$labelGap,p=void 0===h?"space-between-ssx":h,v=e.$labelAlignItems,m=void 0===v?"center":v,w=e.$font,x=void 0===w?"body-1":w,y=e["data-testid"],$=e.disableFocusRing,k=void 0!==$&&$,E=e.radioInnerSize,C=void 0===E?"all-spacing-4":E,S=e.radioOuterSize,I=void 0===S?"all-spacing-6":S,D=e.radioBorderWidth,z=void 0===D?"border-solid-m":D,O=e.radioBackground,R=void 0===O?"bg-primary":O,j=e.checkedRadioBorderWidth,N=void 0===j?"border-solid-m":j,M=g(e,["id","label","value","tabIndex","disabled","$labelGap","$labelAlignItems","$font","data-testid","disableFocusRing","radioInnerSize","radioOuterSize","radioBorderWidth","radioBackground","checkedRadioBorderWidth"]),T=s===o,B=b||r.disabled,L=T?N:z;return d.default.createElement(Bn,u({},M),d.default.createElement(Or,{htmlFor:l,$labelAlignItems:m,$labelGap:p,$font:x,"data-testid":y,disabled:B},d.default.createElement(Rr,{name:i,id:l,value:s,onChange:a,checked:s===o,tabIndex:f,disabled:B,ref:t}),B?d.default.createElement(Nr,{$height:I,$width:I,$ba:L,$borderColor:"bg-btn-primary-disabled",$flexGrow:0,$flexShrink:0,$alignItems:"center",$justifyContent:"center",$background:R,$disableFocusRing:!!k,$radioInnerSize:C}):d.default.createElement(jr,{$height:I,$width:I,$ba:L,$borderColor:"black",$flexGrow:0,$flexShrink:0,$alignItems:"center",$justifyContent:"center",$background:R,$disableFocusRing:!!k,$radioInnerSize:C}),c))})),Tr=n.forwardRef((function(e,t){var r=e.onHovered,o=g(e,["onHovered"]),i=n.useRef(Date.now());return d.default.createElement("input",u({ref:t,type:"checkbox",onMouseEnter:function(){i.current=Date.now()},onMouseLeave:function(){var n=Date.now()-i.current;r&&r(e.value,e.id,n)}},o,{name:e.id}))})),Br=l.default(Tr)(Pr||(Pr=b(["\n  /* removing default appearance */\n  -webkit-appearance: none;\n  appearance: none;\n  cursor: pointer;\n  margin: 0;\n  outline: none;\n  ","\n  ","\n  ","\n  ","\n\n  &:checked {\n    ",";\n  }\n\n  &:disabled {\n    pointer-events: none;\n  }\n"],["\n  /* removing default appearance */\n  -webkit-appearance: none;\n  appearance: none;\n  cursor: pointer;\n  margin: 0;\n  outline: none;\n  ","\n  ","\n  ","\n  ","\n\n  &:checked {\n    ",";\n  }\n\n  &:disabled {\n    pointer-events: none;\n  }\n"])),xn,O,Je,Te,(function(n){return e.css(qr||(qr=b(["\n      background: ",";\n    "],["\n      background: ",";\n    "])),m(n.$checkedBackground))}));Br.defaultProps={$borderRadius:"border-radius-xs",$ba:"border-solid-m",$borderColor:"text-primary",$checkedBackground:"text-primary"};var Lr=l.default(Br)(Wr||(Wr=b(['\n  /* @media wrapper is required to prevent hover effect on iOS Safari */\n\n  @media (hover: hover) {\n    &:hover:not(&:checked):not(&:disabled)::after {\n      content: "";\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 60%;\n      height: 60%;\n      transform: translate(-50%, -50%);\n      border-radius: ',";\n      background: ",";\n    }\n  }\n"],['\n  /* @media wrapper is required to prevent hover effect on iOS Safari */\n\n  @media (hover: hover) {\n    &:hover:not(&:checked):not(&:disabled)::after {\n      content: "";\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 60%;\n      height: 60%;\n      transform: translate(-50%, -50%);\n      border-radius: ',";\n      background: ",";\n    }\n  }\n"])),(function(n){return e.css(Fr||(Fr=b(["\n        ","\n      "],["\n        ","\n      "])),tn(n.$hoverBorderRadius))}),(function(n){return e.css(Hr||(Hr=b(["\n        ","\n      "],["\n        ","\n      "])),m(n.$checkedBackground))}));Lr.defaultProps={$hoverBorderRadius:"border-radius-xs"};var Ar=e.css(Gr||(Gr=b(["\n  &:focus-visible {\n    box-shadow: ",";\n  }\n"],["\n  &:focus-visible {\n    box-shadow: ",";\n  }\n"])),kn("drop-shadow-centered-lemon"));l.default(Br)(Yr||(Yr=b(["\n  ","\n"],["\n  ","\n"])),Ar);var qr,Pr,Fr,Hr,Wr,Gr,Yr,Ur,Xr,Vr,Qr,Kr,_r,Jr,Zr,eo,no,to,ro,oo,io,ao,lo,co,so=l.default(Lr)(Ur||(Ur=b(["\n  ","\n"],["\n  ","\n"])),Ar),uo=l.default(mt)(Xr||(Xr=b(["\n  display: flex;\n  align-items: center;\n  ","\n  ","\n"],["\n  display: flex;\n  align-items: center;\n  ","\n  ","\n"])),z("gap",(function(e){return e.labelGap}),L),z("align-items",(function(e){return e.labelAlignItems}))),go=l.default(uo)(Kr||(Kr=b(["\n  ","\n  @media (hover: hover) {\n    &:hover {\n      text-decoration: ",";\n    }\n  }\n"],["\n  ","\n  @media (hover: hover) {\n    &:hover {\n      text-decoration: ",";\n    }\n  }\n"])),(function(n){return n.disabled?e.css(Vr||(Vr=b(["\n          pointer-events: none;\n        "],["\n          pointer-events: none;\n        "]))):e.css(Qr||(Qr=b(["\n          cursor: pointer;\n        "],["\n          cursor: pointer;\n        "])))}),(function(e){return e.disabled?"none":"underline"})),fo=l.default(Bn)(_r||(_r=b(["\n  pointer-events: none;\n  opacity: 0;\n\n  input:checked + & {\n    opacity: 1;\n  }\n"],["\n  pointer-events: none;\n  opacity: 0;\n\n  input:checked + & {\n    opacity: 1;\n  }\n"]))),bo=function(e){var n=e.size,t=void 0===n?"all-spacing-6":n,r=e.iconPadding,o=void 0===r?"inner-padding-none":r,i=e.internalCheckbox,a=e.checkedIcon,l=void 0===a?d.default.createElement(St,{iconName:"tick",$width:"100%",$height:"100%",$colorFilter:"white"}):a;return d.default.createElement(Bn,{$position:"relative",$width:t,$height:t},i,d.default.createElement(fo,{$position:"absolute",$top:"all-spacing-0",$left:"all-spacing-0",$pa:o,$width:t,$height:t},l))},ho=l.default.input(Jr||(Jr=b(["\n  appearance: none !important;\n  border: 0;\n  border-radius: 0;\n  border-color: transparent;\n  box-shadow: none;\n  font-family: inherit;\n  background: transparent;\n  outline: none;\n  color: inherit;\n\n  @media (max-width: ","px) {\n    /* iOS zooms in on inputs with font sizes <16px on mobile */\n    font-size: 16px;\n  }\n\n  ::placeholder {\n    color: ",";\n  }\n\n  ::-webkit-search-decoration,\n  ::-webkit-search-cancel-button,\n  ::-webkit-search-results-button,\n  ::-webkit-search-results-decoration {\n    appearance: none;\n  }\n\n  :disabled {\n    cursor: not-allowed;\n  }\n\n  ","\n  ","\n"],["\n  appearance: none !important;\n  border: 0;\n  border-radius: 0;\n  border-color: transparent;\n  box-shadow: none;\n  font-family: inherit;\n  background: transparent;\n  outline: none;\n  color: inherit;\n\n  @media (max-width: ","px) {\n    /* iOS zooms in on inputs with font sizes <16px on mobile */\n    font-size: 16px;\n  }\n\n  ::placeholder {\n    color: ",";\n  }\n\n  ::-webkit-search-decoration,\n  ::-webkit-search-cancel-button,\n  ::-webkit-search-results-button,\n  ::-webkit-search-results-decoration {\n    appearance: none;\n  }\n\n  :disabled {\n    cursor: not-allowed;\n  }\n\n  ","\n  ","\n"])),D("small"),(function(e){var n=e.theme;return n&&n.uiColors&&m(n.uiColors["text-subdued"])}),Je,Te),po=function(e){e.onInitialFocus,e.onFocus;var t=g(e,["onInitialFocus","onFocus"]),r=n.useRef(!1);return d.default.createElement(ho,u({},t,{onFocus:function(n){!r.current&&e.onInitialFocus&&(e.onInitialFocus(n),r.current=!0),e.onFocus&&e.onFocus(n)}}))},vo=l.default(An)(to||(to=b(["\n  &:hover {\n    cursor: text;\n  }\n\n  &:focus-within {\n    box-shadow: ",";\n  }\n\n  background: ",";\n\n  ","\n\n  ","\n\n  ","\n"],["\n  &:hover {\n    cursor: text;\n  }\n\n  &:focus-within {\n    box-shadow: ",";\n  }\n\n  background: ",";\n\n  ","\n\n  ","\n\n  ","\n"])),(function(e){return e.$focusRingDropShadows.map((function(e){return kn(e)})).join(",")}),(function(e){return m(e.$background)}),(function(n){return!n.$readOnly&&e.css(Zr||(Zr=b(["\n      @media (hover: hover) {\n        &:hover:not(:focus-within) {\n          background: ",";\n        }\n      }\n    "],["\n      @media (hover: hover) {\n        &:hover:not(:focus-within) {\n          background: ",";\n        }\n      }\n    "])),m(n.$hoverBackground))}),(function(n){return n.$readOnly&&e.css(eo||(eo=b(["\n      border-color: ",";\n      color: ",";\n    "],["\n      border-color: ",";\n      color: ",";\n    "])),m(n.$readOnlyBorderColor),m(n.$readOnlyColor))}),(function(n){return n.$disabled&&e.css(no||(no=b(["\n      background: ",";\n      color: ",";\n      &:hover {\n        cursor: not-allowed;\n      }\n    "],["\n      background: ",";\n      color: ",";\n      &:hover {\n        cursor: not-allowed;\n      }\n    "])),m(n.$disabledBackgroundColor),m(n.$disabledColor))})),mo=function(e){var n=e.type,t=void 0===n?"text":n,r=e.borderColor,o=void 0===r?"border-primary":r,i=e.readOnlyBorderColor,a=void 0===i?"border-neutral":i,l=e.focusRingDropShadows,c=void 0===l?["drop-shadow-centered-lemon","drop-shadow-centered-grey"]:l,s=e.background,f=void 0===s?"bg-primary":s,b=e.hoverBackground,h=void 0===b?"bg-neutral":b,p=e.disabledBackgroundColor,v=void 0===p?"bg-neutral":p,m=e.highlightBackgroundColor,w=void 0===m?"bg-decorative5-main":m,x=e.color,y=void 0===x?"text-primary":x,$=e.disabledColor,k=void 0===$?"text-disabled":$,E=e.readOnlyColor,C=void 0===E?"text-subdued":E,S=e.validity,I=e.iconColor,D=void 0===I?"icon-inverted":I,z=e.validBorderColor,O=void 0===z?"border-success":z,R=e.invalidBorderColor,j=void 0===R?"border-error":R,N=e.validIconColor,M=void 0===N?"icon-success":N,T=e.invalidIconColor,B=void 0===T?"border-error":T,L=e.iconName,A=e.iconAlt,q=e.isTrailingIcon,P=void 0!==q&&q,F=e.isHighlighted,H=void 0!==F&&F,W=e.wrapperWidth,G=e.wrapperMaxWidth,Y=g(e,["type","borderColor","readOnlyBorderColor","focusRingDropShadows","background","hoverBackground","disabledBackgroundColor","highlightBackgroundColor","color","disabledColor","readOnlyColor","validity","iconColor","validBorderColor","invalidBorderColor","validIconColor","invalidIconColor","iconName","iconAlt","isTrailingIcon","isHighlighted","wrapperWidth","wrapperMaxWidth"]),U=f,X=o,V=D,Q=a;switch(!0){case"valid"===S:X=O,V=M,Q=O;break;case"invalid"===S:X=j,V=B,Q=j;break;case H:U=w}return d.default.createElement(vo,{$height:"fit-content",$width:W,$maxWidth:G,$borderRadius:"border-radius-s",$ba:"border-solid-m",$borderColor:X,$focusRingDropShadows:c,$background:U,$hoverBackground:h,$disabledBackgroundColor:v,$readOnlyBorderColor:Q,$disabledColor:k,$readOnlyColor:C,$color:y,$alignItems:"center",$position:"relative",$gap:"space-between-s",$ph:"inner-padding-l",$disabled:!!Y.disabled,$readOnly:!!Y.readOnly,onClick:function(e){var n;null===(n=e.currentTarget.querySelector("input"))||void 0===n||n.focus()}},!P&&L&&d.default.createElement(St,{iconName:L,$colorFilter:V,$pointerEvents:"none",$width:"all-spacing-7",alt:A}),d.default.createElement(An,{$flexGrow:1},d.default.createElement(po,u({type:t},Y,{$width:"100%",$pv:"inner-padding-l",$height:"all-spacing-12"}))),P&&L&&d.default.createElement(St,{iconName:L,$colorFilter:V,$pointerEvents:"none",$width:"all-spacing-7",alt:A}))},wo=function(e){var n=e.$background,t=void 0===n?"bg-decorative5-main":n,r=e.$borderRadius,o=void 0===r?"border-radius-circle":r,i=e.$width,a=void 0===i?"all-spacing-9":i,l=e.$height,c=void 0===l?"all-spacing-9":l,s=e.$pa,f=void 0===s?"inner-padding-ssx":s,b=e.className,h=g(e,["$background","$borderRadius","$width","$height","$pa","className"]),p=h.iconName?d.default.createElement(St,u({},h,{$height:"100%",$width:"100%"})):d.default.createElement(dt,u({},h,{$height:"100%",$width:"100%"}));return d.default.createElement(Bn,{className:b,$background:t,$borderRadius:o,$width:a,$height:c,$pa:f},p)},xo=l.default(An)(ro||(ro=b(["\n  width: max-content;\n  pointer-events: none;\n"],["\n  width: max-content;\n  pointer-events: none;\n"]))),yo=L("all-spacing-4"),$o=l.default.svg(co||(co=b(["\n  position: absolute;\n  ","\n  ","\n"],["\n  position: absolute;\n  ","\n  ","\n"])),(function(n){switch(n.$tooltipPosition){case"bottom-right":return e.css(oo||(oo=b(["\n          top: -",";\n          right: ",";\n          transform: scale(-1, -1);\n        "],["\n          top: -",";\n          right: ",";\n          transform: scale(-1, -1);\n        "])),yo,L("all-spacing-0"));case"top-right":return e.css(io||(io=b(["\n          bottom: -",";\n          right: ",";\n          transform: scaleX(-1);\n        "],["\n          bottom: -",";\n          right: ",";\n          transform: scaleX(-1);\n        "])),yo,L("all-spacing-0"));case"top-left":return e.css(ao||(ao=b(["\n          bottom: -",";\n          left: ",";\n        "],["\n          bottom: -",";\n          left: ",";\n        "])),yo,L("all-spacing-0"));default:return e.css(lo||(lo=b(["\n          top: -",";\n          left: ",";\n          transform: scaleY(-1);\n        "],["\n          top: -",";\n          left: ",";\n          transform: scaleY(-1);\n        "])),yo,L("all-spacing-0"))}}),z("fill",(function(e){return e.$fill}),m)),ko=function(e){var n=e.children,t=e.$background,r=void 0===t?"black":t,o=e.$color,i=void 0===o?"text-inverted":o,a=e.tooltipPosition,l=void 0===a?"bottom-left":a,c=g(e,["children","$background","$color","tooltipPosition"]);return d.default.createElement(xo,u({role:"tooltip"},c,{$position:"relative",$background:r,$color:i,$maxWidth:["all-spacing-20","all-spacing-22"]}),n,d.default.createElement($o,{width:yo,height:yo,$fill:r,$tooltipPosition:l,"data-testid":"tooltip-arrow"},d.default.createElement("path",{d:"M0 0H16L8 8L0 16V0Z"})))},Eo=function(e){var t,r=e.tooltipPosition,i=e.children,a=e.tooltip,l=e.isOpen,c=e.domContainer,s=void 0===c?document.body:c,b=g(e,["tooltipPosition","children","tooltip","isOpen","domContainer"]),h=f(n.useState(null),2),p=h[0],v=h[1],m=f(n.useState(!0),2),w=m[0],x=m[1],y=l&&w,$=f(n.useState(),2),k=$[0],E=$[1],C=((t={$borderRadius:"border-radius-m"})[function(){switch(r){case"bottom-right":return"$btrr";case"top-right":return"$bbrr";case"top-left":return"$bblr";default:return"$btlr"}}()]="border-radius-square",t);return n.useLayoutEffect((function(){if(p){var e=!1,n=function(){e||(requestAnimationFrame((function(){e=!1;var n=p.getBoundingClientRect();E({top:n.top,left:n.left,width:n.width,height:n.height})})),e=!0)},t=new IntersectionObserver((function(e){x(e.every((function(e){return e.isIntersecting})))}));t.observe(p);var r=new ResizeObserver(n);return r.observe(p),window.addEventListener("scroll",n,!0),window.addEventListener("resize",n),function(){r.disconnect(),t.disconnect(),window.removeEventListener("scroll",n,!0),window.removeEventListener("resize",n)}}}),[p]),d.default.createElement(d.default.Fragment,null,o.createPortal(y&&d.default.createElement(Bn,{$position:"fixed",style:k,$pointerEvents:"none",$zIndex:"modal-dialog"},d.default.createElement(Bn,u({$width:"fit-content",$height:"fit-content",$position:"absolute"},function(e){var n={};switch(e){case"top-left":case"top-right":n.$top="space-between-none",n.$transform="translateY(calc(-100% - ".concat(L("space-between-s"),"))");break;default:n.$bottom="space-between-none",n.$transform="translateY(calc(100% + ".concat(L("space-between-s"),"))")}switch(e){case"top-left":case"bottom-left":n.$left="space-between-none";break;default:n.$right="space-between-none"}return n}(r)),d.default.createElement(ko,u({$background:"bg-decorative5-main",$color:"text-primary",$pv:"inner-padding-m",$ph:"inner-padding-xl",$font:"heading-light-7",tooltipPosition:r},b,C),a))),s),d.default.createElement("div",{ref:function(e){var n;v(null!==(n=null==e?void 0:e.firstElementChild)&&void 0!==n?n:null)},style:{display:"contents"}},i))};var Co,So,Io=l.default.a(Co||(Co=b(["\n  border-radius: 50%;\n  display: flex;\n  width: fit-content;\n  height: fit-content;\n  border: none;\n  padding: 0;\n  outline: none;\n\n  img {\n    pointer-events: none;\n  }\n\n  &:not(:disabled) {\n    cursor: pointer;\n  }\n\n  &:active {\n    box-shadow: ",",\n      ",";\n  }\n\n  &:hover,\n  &:focus-visible {\n    background: ",";\n\n    img {\n      filter: ",";\n    }\n  }\n\n  &:focus-visible {\n    box-shadow: ",",\n      ",";\n  }\n\n  &:disabled {\n    background: ",";\n\n    img {\n      filter: ",";\n    }\n  }\n"],["\n  border-radius: 50%;\n  display: flex;\n  width: fit-content;\n  height: fit-content;\n  border: none;\n  padding: 0;\n  outline: none;\n\n  img {\n    pointer-events: none;\n  }\n\n  &:not(:disabled) {\n    cursor: pointer;\n  }\n\n  &:active {\n    box-shadow: ",",\n      ",";\n  }\n\n  &:hover,\n  &:focus-visible {\n    background: ",";\n\n    img {\n      filter: ",";\n    }\n  }\n\n  &:focus-visible {\n    box-shadow: ",",\n      ",";\n  }\n\n  &:disabled {\n    background: ",";\n\n    img {\n      filter: ",";\n    }\n  }\n"])),kn("drop-shadow-lemon"),kn("drop-shadow-grey"),m("bg-btn-primary"),Fn("text-inverted"),kn("drop-shadow-centered-lemon"),kn("drop-shadow-centered-grey"),m("bg-btn-primary-disabled"),Fn("text-inverted")),Do=l.default(An)(So||(So=b([""],[""])));Do.defaultProps={$pa:"inner-padding-xl",$flexDirection:"column",$flexGrow:1,$position:"relative"};var zo,Oo=l.default(Bn)(zo||(zo=b(["\n  & > * {\n    width: 100%;\n    height: 100%;\n  }\n"],["\n  & > * {\n    width: 100%;\n    height: 100%;\n  }\n"]))),Ro=function(e){var n=e.backgroundElement,t=e.children,r=g(e,["backgroundElement","children"]);return d.default.createElement(Do,u({},r),d.default.createElement(Oo,{$position:"absolute",$inset:"space-between-none","aria-hidden":!0},n),d.default.createElement(Bn,{$position:"relative"},t))};function jo(e){if(e)return e in Ze?"".concat(N(Ze[e]),"rem"):void 0}var No,Mo,To,Bo,Lo,Ao,qo,Po,Fo,Ho,Wo,Go,Yo,Uo,Xo,Vo,Qo,Ko,_o,Jo,Zo,ei,ni,ti,ri=l.default.svg(No||(No=b(["\n  ","\n  ","\n    ","\n"],["\n  ","\n  ","\n    ","\n"])),z("fill",(function(e){return e.$fill}),m),z("stroke",(function(e){return e.$stroke}),m),z("stroke-width",(function(e){return e.$strokeWidth}),jo)),oi=function(e){var n=e.$pa,t=void 0===n?"inner-padding-xl":n,r=e.fill,o=void 0===r?"bg-decorative1-main":r,i=e.stroke,a=e.strokeWidth,l=e.$width,c=void 0===l?"fit-content":l,s=g(e,["$pa","fill","stroke","strokeWidth","$width"]);return d.default.createElement(Ro,u({$pa:t,$width:c,backgroundElement:d.default.createElement(ri,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 457 120",preserveAspectRatio:"none",$fill:o,$stroke:i,$strokeWidth:a},d.default.createElement("path",{d:"M27.442 2.59c5.262-.362 11.96-.656 18.624-.932 4.374-.19 8.748-.371 12.712-.578 1.367-.07 3.042-.087 4.716-.095C65.032.976 66.57.959 67.903.907 91.858-.017 115.164.268 139.325.57l6.22.078c20.333.12 40.768.086 61.033-.13 6.664-.025 13.294-.043 19.957-.06C243.656.415 260.777.363 277.83.234c8.85-.07 17.667-.052 26.518-.035 12.132.026 24.366.052 36.771-.147 8.475-.138 17.633.087 26.757.302 3.725.087 7.45.182 11.107.25 3.69.061 7.347.139 10.969.217 4.511.095 8.988.19 13.499.259 13.464.207 30.619 1.519 30.619 1.519 3.588.449 7.074 1.32 10.286 2.59 2.973 1.304 4.682 4.135 6.391 6.967.717 1.165 1.435 2.33 2.221 3.384.273.363.342.812.376 1.26.034.406.102.82.307 1.175 3.52 6.388 2.427 12.604 1.299 19.044a27.243 27.243 0 0 0-.273 1.658 70.082 70.082 0 0 0 .478 16.273l.205 5.31c.171 4.575.342 9.133.854 13.683.274 2.357.205 4.705.137 7.07-.102 3.238-.205 6.492.547 9.808.547 2.261-.308 4.705-1.162 7.13-.342.993-.684 1.986-.923 2.962-.239.984-.546 1.951-.82 2.926-.342 1.2-.718 2.392-.991 3.6-1.196 5.379-4.511 8.435-11.756 9.134-2.392.233-4.75.518-7.142.855h-6.937c-5.263.371-11.961.656-18.624.932-4.375.19-8.749.371-12.713.579-1.367.069-3.041.086-4.716.095-1.538.008-3.075.025-4.408.086-23.956.924-47.262.639-71.422.337l-6.186-.078a3693.945 3693.945 0 0 0-61.033.129c-6.664.026-13.294.044-19.958.061-17.121.043-34.241.095-51.294.224-8.851.069-17.667.052-26.518.035-12.132-.026-24.366-.052-36.771.147-8.475.138-17.633-.087-26.758-.303-3.725-.086-7.45-.181-11.106-.25-3.69-.06-7.313-.138-10.97-.216-4.51-.095-8.987-.19-13.498-.259-18.932-.293-30.175-1.079-33.66-2.754-1.47-.38-2.871-.837-4.238-1.355-3.076-1.304-4.887-4.135-6.664-6.967-.752-1.165-1.47-2.331-2.29-3.384-.273-.363-.341-.812-.376-1.261-.034-.405-.102-.82-.307-1.174C0 95.664 1.128 89.448 2.324 83.008l.308-1.658c.478-5.421.341-10.869-.513-16.273-.102-1.77-.17-3.548-.24-5.318-.17-4.567-.375-9.125-.888-13.675-.273-2.357-.205-4.705-.136-7.07.102-3.238.205-6.493-.581-9.808-.547-2.262.341-4.705 1.196-7.13.342-.994.717-1.986.99-2.962.24-.984.548-1.96.855-2.927.376-1.2.752-2.39 1.025-3.6C5.605 7.21 9.022 4.154 16.574 3.455c2.495-.233 10.936-.855 10.936-.855l-.069-.009Z",vectorEffect:"non-scaling-stroke"}))},s))},ii=function(e){var n=e.iconName,t=e.iconColor,r=void 0===t?"text-primary":t,o=e.iconWidth,i=void 0===o?["all-spacing-11","all-spacing-16"]:o,a=e.iconHeight,l=void 0===a?["all-spacing-11","all-spacing-16"]:a,c=e.alt,s=e.$width,f=void 0===s?["all-spacing-13","all-spacing-17"]:s,b=e.$height,h=void 0===b?["all-spacing-13","all-spacing-17"]:b,p=e.$alignItems,v=void 0===p?"center":p,m=e.$justifyContent,w=void 0===m?"center":m,x=g(e,["iconName","iconColor","iconWidth","iconHeight","alt","$width","$height","$alignItems","$justifyContent"]);return d.default.createElement(oi,u({$width:f,$height:h,$alignItems:v,$justifyContent:w},x),d.default.createElement(St,{iconName:n,alt:c,$height:l,$width:i,$colorFilter:r}))},ai=l.default(An)(Mo||(Mo=b(["\n  aspect-ratio: 2 / 1;\n"],["\n  aspect-ratio: 2 / 1;\n"]))),li=function(){return d.default.createElement(ai,{$alignItems:"center",$justifyContent:"center",$position:"relative",$width:["all-spacing-8","all-spacing-9","all-spacing-10"]},d.default.createElement(ri,{height:"100%",width:"100%",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 56 27",$fill:"bg-icon"},d.default.createElement("path",{d:"M6.421 0c8.661.839 17.303.834 26.16.714a89.843 89.843 0 0 1 4.834-.013c6.333.32 12.39.317 18.506-.275 0 1.26.178 2.352 0 3.44-.276 1.38-.829 2.759-1.342 4.15-.138.354-.532.706-.808 1.06-.445.248-.63.5-.553.753 1.598 1.093-.256 2.185 0 3.277.276 1.529 1.322 3.058 1.204 4.572-.138 1.771-1.046 3.543-1.973 5.312-.288.4-1.065.792-2.309 1.169-2.288.755-4.103 1.67-11.206 1.965-9.936.417-20.953.385-30.678-.09-2.447-.12-4.38-.532-5.209-.853-1.035-.458-1.52-.929-1.44-1.4C.937 18.988-.109 14.194.01 9.4c0-2.645 1.973-5.29 3.413-7.933.237-.424 1.697-.839 3-1.468Z"})),d.default.createElement(An,{$position:"absolute",$inset:"all-spacing-0",$alignItems:"center",$justifyContent:"center"},d.default.createElement(qn,{$color:"lemon",$font:["body-3-bold","body-3-bold","heading-7"]},"New")))},di=l.default(Bn)(To||(To=b(["\n  &::-webkit-scrollbar-thumb {\n    border-radius: ",";\n    background-color: ",";\n  }\n  &::-webkit-scrollbar-track {\n    border-radius: ",";\n    background-color: ",";\n  }\n  &::-webkit-scrollbar {\n    width: ",";\n    height: ",";\n    border-radius: ",";\n  }\n"],["\n  &::-webkit-scrollbar-thumb {\n    border-radius: ",";\n    background-color: ",";\n  }\n  &::-webkit-scrollbar-track {\n    border-radius: ",";\n    background-color: ",";\n  }\n  &::-webkit-scrollbar {\n    width: ",";\n    height: ",";\n    border-radius: ",";\n  }\n"])),tn("border-radius-m"),m("grey50"),tn("border-radius-m"),m("white"),L("all-spacing-3"),L("all-spacing-3"),tn("border-radius-m")),ci=function(e){var n=e.isOpen,t=e.children,r=e.id,o=g(e,["isOpen","children","id"]);return d.default.createElement(Bn,{$display:n?"block":"none",id:r},d.default.createElement(An,u({$background:"bg-neutral-stronger",$ph:"inner-padding-m",$pv:"inner-padding-xl",$borderRadius:"border-radius-m"},o),d.default.createElement(di,{$overflow:"auto",$maxHeight:"100%",$width:"100%",$pr:"inner-padding-m"},t)))},si=l.default(St)(Bo||(Bo=b(["\n  width: ",";\n  height: ",";\n"],["\n  width: ",";\n  height: ",";\n"])),L("all-spacing-6"),L("all-spacing-6")),ui=l.default.a(Lo||(Lo=b(["\n  display: inline-flex;\n  align-items: center;\n  gap: ",";\n  outline: none;\n  border-radius: ",";\n  padding: ",";\n  margin: -",";\n  appearance: none;\n  font: inherit;\n  background: none;\n  border: none;\n  text-decoration: underline;\n  cursor: pointer;\n\n  color: ",";\n  "," {\n    filter: ",";\n  }\n\n  &:focus-visible {\n    box-shadow: ",",\n      ",";\n  }\n\n  &:visited {\n    color: ",";\n\n    "," {\n      filter: ",";\n    }\n  }\n\n  @media (hover: hover) {\n    &:hover,\n    &:visited:hover {\n      color: ",";\n      "," {\n        filter: ",";\n      }\n    }\n  }\n\n  &:active {\n    color: ",";\n\n    "," {\n      filter: ",";\n    }\n  }\n\n  &[disabled] {\n    cursor: not-allowed;\n    color: ",";\n\n    "," {\n      filter: ",";\n    }\n  }\n"],["\n  display: inline-flex;\n  align-items: center;\n  gap: ",";\n  outline: none;\n  border-radius: ",";\n  padding: ",";\n  margin: -",";\n  appearance: none;\n  font: inherit;\n  background: none;\n  border: none;\n  text-decoration: underline;\n  cursor: pointer;\n\n  color: ",";\n  "," {\n    filter: ",";\n  }\n\n  &:focus-visible {\n    box-shadow: ",",\n      ",";\n  }\n\n  &:visited {\n    color: ",";\n\n    "," {\n      filter: ",";\n    }\n  }\n\n  @media (hover: hover) {\n    &:hover,\n    &:visited:hover {\n      color: ",";\n      "," {\n        filter: ",";\n      }\n    }\n  }\n\n  &:active {\n    color: ",";\n\n    "," {\n      filter: ",";\n    }\n  }\n\n  &[disabled] {\n    cursor: not-allowed;\n    color: ",";\n\n    "," {\n      filter: ",";\n    }\n  }\n"])),L("space-between-sssx"),tn("border-radius-m"),L("inner-padding-ssx"),L("inner-padding-ssx"),m("text-link-active"),si,Fn("text-link-active"),kn("drop-shadow-centered-lemon"),kn("drop-shadow-centered-grey"),m("text-link-visited"),si,Fn("text-link-visited"),m("text-link-hover"),si,Fn("text-link-hover"),m("text-link-pressed"),si,Fn("text-link-pressed"),m("text-disabled"),si,Fn("icon-disabled")),gi=n.forwardRef((function(e,n){var t=e.element,r=void 0===t?"a":t,o=e.iconName,i=e.isTrailingIcon,a=e.children,l=e.isLoading,c=g(e,["element","iconName","isTrailingIcon","children","isLoading"]),s=function(){switch(!0){case l:return d.default.createElement(An,{$width:"all-spacing-6",$height:"all-spacing-6",$alignItems:"center",$justifyContent:"center"},d.default.createElement(vr,{$width:"all-spacing-4",$color:"icon-inverted"}));case!!o:return d.default.createElement(si,{iconName:o});default:return null}}(),f=function(){switch(!0){case"disabled"in c:return c.disabled;case l:return!0;default:return}}();return d.default.createElement(ui,u({as:r,ref:n,disabled:f},c),!i&&s,d.default.createElement(qn,null,a),i&&s)})),fi=l.default(Bn)(Ao||(Ao=b(["\n  margin-block: calc(-"," / 2);\n  line-height: calc(1.5rem + ",");\n"],["\n  margin-block: calc(-"," / 2);\n  line-height: calc(1.5rem + ",");\n"])),L("space-between-ssx"),L("space-between-ssx")),bi=function(e){return d.default.createElement(An,u({$gap:"space-between-ssx"},e),d.default.createElement(An,{$flexGrow:0},d.default.createElement(St,{iconName:"move-arrows"})),d.default.createElement(fi,{$font:"body-2"},"Click and drag answers to change the order, or select using"," ",d.default.createElement(cr,null,d.default.createElement("span",{"aria-hidden":"true"},"↹")," Tab")," ","then move by pressing ",d.default.createElement(cr,null,"Space")," and the ",d.default.createElement(cr,null,"↑")," ",d.default.createElement(cr,null,"↓")," arrows on your keyboard."))},hi=l.default(St)(qo||(qo=b([""],[""]))),pi=l.default(Bn)(Po||(Po=b(["\n  cursor: grab;\n  outline: none;\n  user-select: none;\n\n  "," {\n    filter: ",';\n  }\n\n  @media (hover: hover) {\n    &:hover:not([data-dragging="true"]):not([data-disabled="true"]):not(\n        [data-readonly="true"]\n      ) {\n      background-color: ',";\n      color: ",";\n      box-shadow: ",";\n      border-bottom: ","\n        ",";\n      padding-bottom: ",";\n      text-decoration: underline;\n\n      "," {\n        filter: ",';\n      }\n    }\n  }\n\n  &:focus-visible:not([data-dragging="true"]):not([data-disabled="true"]) {\n    box-shadow: ',",\n      ",';\n  }\n\n  &[data-dragging="true"] {\n    cursor: move;\n    background-color: ',";\n    color: ",";\n    outline: "," ",";\n    outline-offset: -",";\n    box-shadow: ",",\n      ",";\n    text-decoration: underline;\n\n    "," {\n      filter: ",';\n    }\n  }\n\n  &[data-disabled="true"] {\n    cursor: default;\n    background-color: ',";\n    color: ",";\n\n    "," {\n      filter: ",';\n    }\n  }\n\n  &[data-readonly="true"] {\n    cursor: default;\n  }\n'],["\n  cursor: grab;\n  outline: none;\n  user-select: none;\n\n  "," {\n    filter: ",';\n  }\n\n  @media (hover: hover) {\n    &:hover:not([data-dragging="true"]):not([data-disabled="true"]):not(\n        [data-readonly="true"]\n      ) {\n      background-color: ',";\n      color: ",";\n      box-shadow: ",";\n      border-bottom: ","\n        ",";\n      padding-bottom: ",";\n      text-decoration: underline;\n\n      "," {\n        filter: ",';\n      }\n    }\n  }\n\n  &:focus-visible:not([data-dragging="true"]):not([data-disabled="true"]) {\n    box-shadow: ',",\n      ",';\n  }\n\n  &[data-dragging="true"] {\n    cursor: move;\n    background-color: ',";\n    color: ",";\n    outline: "," ",";\n    outline-offset: -",";\n    box-shadow: ",",\n      ",";\n    text-decoration: underline;\n\n    "," {\n      filter: ",';\n    }\n  }\n\n  &[data-disabled="true"] {\n    cursor: default;\n    background-color: ',";\n    color: ",";\n\n    "," {\n      filter: ",';\n    }\n  }\n\n  &[data-readonly="true"] {\n    cursor: default;\n  }\n'])),hi,(function(e){return Fn(e.$iconColor)}),m("bg-decorative1-subdued"),m("text-primary"),kn("drop-shadow-standard"),nn("border-solid-xl"),m("border-primary"),L("inner-padding-m"),hi,Fn("icon-inverted"),kn("drop-shadow-centered-lemon"),kn("drop-shadow-centered-grey"),m("bg-decorative1-main"),m("text-primary"),nn("border-solid-xl"),m("border-primary"),jo("border-solid-xl"),kn("drop-shadow-lemon"),kn("drop-shadow-grey"),hi,Fn("icon-inverted"),m("bg-neutral"),m("text-disabled"),hi,Fn("icon-disabled")),vi=l.default(An)(Fo||(Fo=b(["\n  margin-block: -",";\n"],["\n  margin-block: -",";\n"])),L("space-between-ssx")),mi=n.forwardRef((function(e,n){var t=e.children,r=e.iconName,o=void 0===r?"move-arrows":r,i=e.iconColor,a=void 0===i?"icon-inverted":i,l=e.iconAlt,c=void 0===l?"":l,s=e.color,f=void 0===s?"text-primary":s,b=e.background,h=void 0===b?"bg-primary":b,p=e.isDragging,v=e.isDisabled,m=e.isReadOnly,w=g(e,["children","iconName","iconColor","iconAlt","color","background","isDragging","isDisabled","isReadOnly"]);return d.default.createElement(pi,u({ref:n,$pv:"inner-padding-l",$pl:"inner-padding-s",$pr:"inner-padding-m",$background:h,$color:f,$borderRadius:"border-radius-m2",$minHeight:"all-spacing-10","data-dragging":p,"data-disabled":v,"data-readonly":m,$iconColor:a},w),d.default.createElement(vi,{$gap:"space-between-s",$alignItems:"center"},d.default.createElement(hi,{iconName:o,$width:"all-spacing-7",$height:"all-spacing-7",alt:c}),d.default.createElement(An,{$font:"body-1-bold"},t)))})),wi=l.default(An)(Ho||(Ho=b(["\n  outline: "," ",';\n  outline-style: dashed;\n\n  &[data-disabled="true"] {\n    outline-color: ',";\n  }\n"],["\n  outline: "," ",';\n  outline-style: dashed;\n\n  &[data-disabled="true"] {\n    outline-color: ',";\n  }\n"])),nn("border-solid-l"),m("border-primary"),m("border-neutral")),xi=n.forwardRef((function(e,n){var t=e.children,r=e.labelSlot,o=e.isOver,i=e.isHighlighted,a=e.isDisabled,l=g(e,["children","labelSlot","isOver","isHighlighted","isDisabled"]),c=function(){switch(!0){case o:return"bg-primary";case a:return"bg-decorative2-subdued";default:return"bg-neutral"}}(),s=function(){switch(!0){case o:return"bg-decorative2-main";case i:return"bg-decorative5-main";default:return"bg-decorative2-subdued"}}();return d.default.createElement(An,u({ref:n,$background:s,$pa:"inner-padding-m",$borderRadius:"border-radius-l",$gap:"space-between-s",$flexDirection:["column","row","row"]},l),d.default.createElement(wi,{$background:c,$pa:"inner-padding-ssx",$borderRadius:"border-radius-m2",$minHeight:"all-spacing-11",$flexBasis:"100%","data-disabled":a},d.default.createElement(Bn,{$width:"100%"},t)),r&&d.default.createElement(An,{$background:o?"bg-primary":"bg-decorative2-very-subdued",$borderRadius:"border-radius-m2",$alignItems:"center",$font:"body-1",$ph:"inner-padding-l",$minHeight:"all-spacing-10",$pv:"inner-padding-ssx",$flexBasis:"100%",$width:"100%",$alignSelf:"center","data-testid":"label"},r))})),yi=l.default(Br)(Wo||(Wo=b(["\n  &:checked:not(:disabled) {\n    border: ",";\n    border-color: ",";\n  }\n\n  &:checked:disabled {\n    border: ",";\n    border-color: ",";\n  }\n\n  @media (hover: hover) {\n    &:hover:not(:disabled) {\n      background: ",";\n    }\n  }\n"],["\n  &:checked:not(:disabled) {\n    border: ",";\n    border-color: ",";\n  }\n\n  &:checked:disabled {\n    border: ",";\n    border-color: ",";\n  }\n\n  @media (hover: hover) {\n    &:hover:not(:disabled) {\n      background: ",";\n    }\n  }\n"])),nn("border-solid-l"),m("border-primary"),nn("border-solid-l"),m("text-disabled"),m("bg-primary")),$i=l.default(go)(Go||(Go=b(["\n  pointer-events: none; // To prevent the label from stealing the click event from the input\n"],["\n  pointer-events: none; // To prevent the label from stealing the click event from the input\n"]))),ki=l.default(An)(Qo||(Qo=b(["\n  &:not(:focus-within) {\n    ","\n  }\n\n  &:has(input:not(:disabled)) {\n    cursor: pointer;\n  }\n\n  &:has(input:disabled) {\n    pointer-events: none;\n    cursor: none;\n  }\n\n  &:focus-within {\n    box-shadow: ",",\n      ",";\n  }\n\n  @media (hover: hover) {\n    &:hover:has(input:not(:disabled)){\n      background-color: ",";\n    }\n\n    &:hover input:not(:disabled) {\n      background: ",";\n    }\n\n    &:hover:has(input:not(:disabled)) "," {\n      text-decoration: underline;\n    }\n\n    &:hover:has(\n        ",' input:not(:focus-visible):not(:checked):not(:disabled)\n      )::after {\n      content: "";\n      inset: 0;\n      pointer-events: none;\n      position: absolute;\n      border-bottom: ',";\n      border-radius: ",";\n    }\n\n    &:focus-within {\n      box-shadow: ",",\n        ",";\n    }\n    \n    &:has(input:checked:not(:disabled)) {\n      outline: ",";\n   }\n\n   &:has(input:checked:disabled) {\n    outline-color: ",";\n  }\n\n  &:has(input:disabled:not(:checked)) {\n     ","\n  }\n\n  &:has(input:disabled:checked) {\n    ",";\n }\n"],["\n  &:not(:focus-within) {\n    ","\n  }\n\n  &:has(input:not(:disabled)) {\n    cursor: pointer;\n  }\n\n  &:has(input:disabled) {\n    pointer-events: none;\n    cursor: none;\n  }\n\n  &:focus-within {\n    box-shadow: ",",\n      ",";\n  }\n\n  @media (hover: hover) {\n    &:hover:has(input:not(:disabled)){\n      background-color: ",";\n    }\n\n    &:hover input:not(:disabled) {\n      background: ",";\n    }\n\n    &:hover:has(input:not(:disabled)) "," {\n      text-decoration: underline;\n    }\n\n    &:hover:has(\n        ",' input:not(:focus-visible):not(:checked):not(:disabled)\n      )::after {\n      content: "";\n      inset: 0;\n      pointer-events: none;\n      position: absolute;\n      border-bottom: ',";\n      border-radius: ",";\n    }\n\n    &:focus-within {\n      box-shadow: ",",\n        ",";\n    }\n    \n    &:has(input:checked:not(:disabled)) {\n      outline: ",";\n   }\n\n   &:has(input:checked:disabled) {\n    outline-color: ",";\n  }\n\n  &:has(input:disabled:not(:checked)) {\n     ","\n  }\n\n  &:has(input:disabled:checked) {\n    ",";\n }\n"])),(function(n){return!!n.$outlineColor&&e.css(Yo||(Yo=b(["\n        outline: ","\n          ",";\n      "],["\n        outline: ","\n          ",";\n      "])),nn("border-solid-xl"),m(n.$outlineColor))}),kn("drop-shadow-centered-lemon"),kn("drop-shadow-centered-grey"),m("bg-decorative1-subdued"),m("bg-primary"),go,go,nn("border-solid-xl"),tn("border-radius-m2"),kn("drop-shadow-centered-lemon"),kn("drop-shadow-centered-grey"),nn("border-solid-xl"),(function(n){return e.css(Uo||(Uo=b(["\n      ","\n    "],["\n      ","\n    "])),m(n.$overlayBorderColor))}),(function(n){return n.$feedbackBgColor?e.css(Xo||(Xo=b(["\n             background-color: ",";\n           "],["\n             background-color: ",";\n           "])),n.$feedbackBgColor):void 0}),(function(n){return e.css(Vo||(Vo=b(["\n      background-color: ",";\n    "],["\n      background-color: ",";\n    "])),m(n.$feedbackBgColor))})),Ei=l.default(An)(Zo||(Zo=b(["\n  &:not(:focus-within) {\n    ","\n  }\n\n  &:hover {\n    cursor: ",";\n  }\n\n  &:focus-within {\n    box-shadow: ",",\n      ",";\n  }\n\n  ","\n\n  ","\n"],["\n  &:not(:focus-within) {\n    ","\n  }\n\n  &:hover {\n    cursor: ",";\n  }\n\n  &:focus-within {\n    box-shadow: ",",\n      ",";\n  }\n\n  ","\n\n  ","\n"])),(function(n){return!!n.$outlineColor&&e.css(Ko||(Ko=b(["\n        outline: ","\n          ",";\n      "],["\n        outline: ","\n          ",";\n      "])),nn("border-solid-xl"),m(n.$outlineColor))}),(function(e){return e.$disabled?"default":"pointer"}),kn("drop-shadow-centered-lemon"),kn("drop-shadow-centered-grey"),(function(n){return!n.$disabled&&e.css(_o||(_o=b(["\n      &:hover {\n        background-color: ",";\n        text-decoration: underline;\n      }\n    "],["\n      &:hover {\n        background-color: ",";\n        text-decoration: underline;\n      }\n    "])),m("bg-decorative1-subdued"))}),(function(n){return!n.$disabled&&!n.$checked&&e.css(Jo||(Jo=b(['\n      &:hover:not(:focus-within)::after {\n        pointer-events: none;\n        content: "";\n        position: absolute;\n        inset: 0;\n        border-radius: ',";\n        border-bottom: "," ",";\n      }\n    "],['\n      &:hover:not(:focus-within)::after {\n        pointer-events: none;\n        content: "";\n        position: absolute;\n        inset: 0;\n        border-radius: ',";\n        border-bottom: "," ",";\n      }\n    "])),tn("border-radius-m2"),nn("border-solid-l"),m("grey60"))})),Ci=l.default(Ir)(ei||(ei=b(["\n  &:hover .shadow {\n    box-shadow: none !important;\n  }\n  &:active .shadow {\n    box-shadow: ",",\n      "," !important;\n  }\n"],["\n  &:hover .shadow {\n    box-shadow: none !important;\n  }\n  &:active .shadow {\n    box-shadow: ",",\n      "," !important;\n  }\n"])),kn("drop-shadow-lemon"),kn("drop-shadow-grey")),Si=function(e){var n=e.isOpen,t=e.disabled;return d.default.createElement(Ci,{iconName:n&&!t?"lightbulb-yellow":"lightbulb",defaultIconBackground:n?"black":"bg-decorative5-main",hoverIconBackground:n?"black":"bg-decorative5-main",defaultTextColor:"text-primary",hoverTextColor:"text-primary",disabledIconBackground:"bg-btn-primary-disabled",disabledTextColor:"text-disabled",disabledIconColor:"white",onClick:e.onClick,isLoading:e.isLoading,disabled:e.disabled,iconBackgroundSize:"all-spacing-8",iconSize:"all-spacing-6"},n?"Close hint":"Need a hint?")},Ii=function(e){var t=e.hint,r=f(n.useState(!1),2),o=r[0],i=r[1];return d.default.createElement(Eo,{tooltip:t,isOpen:o},d.default.createElement(Si,{isOpen:o,onClick:function(){i(!o)}}))},Di=function(e){var n,t=e.feedback,r=e.answerFeedback;switch(t){case"correct":n="Correct";break;case"incorrect":n="Incorrect";break;case"partially-correct":n="Almost correct"}return d.default.createElement(Bn,{"aria-live":"polite"},d.default.createElement(An,{$gap:"space-between-xs"},d.default.createElement(wo,{iconName:"correct"===t?"tick":"cross",alt:"",$pa:"inner-padding-none",$background:"correct"===t?"icon-success":"icon-error",$colorFilter:"text-inverted",$width:"all-spacing-6",$height:"all-spacing-6"}),d.default.createElement(qn,{$font:"heading-6",$color:"correct"===t?"text-success":"text-error"},n)),r&&d.default.createElement(qn,{as:"p",$mt:"space-between-xs",$font:"correct"===t?"body-2-bold":"body-2"},r))},zi=l.default(An)(ni||(ni=b(["\n  box-sizing: content-box;\n"],["\n  box-sizing: content-box;\n"]))),Oi=l.default(qn)(ti||(ti=b(["\n  @media (min-width: ","px) {\n    display: none;\n  }\n"],["\n  @media (min-width: ","px) {\n    display: none;\n  }\n"])),D("small"));var Ri,ji,Ni=l.default(Bn)(Ri||(Ri=b(["\n  @media (min-width: ","px) {\n    padding-top: ",";\n  }\n"],["\n  @media (min-width: ","px) {\n    padding-top: ",";\n  }\n"])),D("small"),L("space-between-xl")),Mi=l.default(Bn)(ji||(ji=b(["\n  position: sticky;\n  bottom: 0;\n  z-index: 10;\n"],["\n  position: sticky;\n  bottom: 0;\n  z-index: 10;\n"])));var Ti,Bi,Li,Ai,qi,Pi,Fi=l.default(Bn)(Ti||(Ti=b([""],[""]))),Hi=l.default(wo)(Bi||(Bi=b(["\n  width: ",";\n  height: ",";\n  padding: 0;\n\n  background: transparent;\n\n  img {\n    filter: ",";\n  }\n"],["\n  width: ",";\n  height: ",";\n  padding: 0;\n\n  background: transparent;\n\n  img {\n    filter: ",";\n  }\n"])),L("all-spacing-8"),L("all-spacing-8"),(function(e){return Fn(e.$disabled?"icon-disabled":"icon-inverted")})),Wi=e.css(Li||(Li=b(["\n  "," {\n    background: ",";\n\n    img {\n      filter: ",";\n    }\n  }\n"],["\n  "," {\n    background: ",";\n\n    img {\n      filter: ",";\n    }\n  }\n"])),Hi,m("bg-btn-primary"),Fn("icon-main")),Gi=l.default(An)(qi||(qi=b(["\n  outline: none;\n  text-align: initial;\n\n  &:focus-visible {\n    box-shadow: ",",\n      ",";\n  }\n\n  ","\n\n  ","\n"],["\n  outline: none;\n  text-align: initial;\n\n  &:focus-visible {\n    box-shadow: ",",\n      ",";\n  }\n\n  ","\n\n  ","\n"])),kn("drop-shadow-centered-lemon"),kn("drop-shadow-centered-grey"),(function(e){return e.$disabled&&"cursor: default"}),(function(n){return!n.$disabled&&e.css(Ai||(Ai=b(["\n      cursor: pointer;\n\n      /* Don't apply hover styles on touch devices */\n      @media (hover: hover) {\n        &:hover {\n          "," {\n            text-decoration: underline;\n          }\n\n          ","\n        }\n      }\n\n      &:active {\n        box-shadow: ",",\n          ",";\n        ","\n      }\n    "],["\n      cursor: pointer;\n\n      /* Don't apply hover styles on touch devices */\n      @media (hover: hover) {\n        &:hover {\n          "," {\n            text-decoration: underline;\n          }\n\n          ","\n        }\n      }\n\n      &:active {\n        box-shadow: ",",\n          ",";\n        ","\n      }\n    "])),Fi,Wi,kn("drop-shadow-lemon"),kn("drop-shadow-grey"),Wi)})),Yi=l.default(Bn)(Pi||(Pi=b(["\n  flex: 1;\n"],["\n  flex: 1;\n"])));function Ui(e){switch(e){case"intro":return"intro";case"starter-quiz":case"exit-quiz":return"quiz";case"video":return"video"}}var Xi,Vi=l.default(An)(Xi||(Xi=b(["\n  outline: none;\n  text-align: initial;\n"],["\n  outline: none;\n  text-align: initial;\n"]))),Qi=function(e){return!1===e.completed?Ki(e):d.default.createElement(An,{$gap:"space-between-sssx",$alignItems:"center"},d.default.createElement(St,{iconName:"tick",$width:"all-spacing-6",$height:"all-spacing-6"}),"Completed")},Ki=function(e){switch(e.lessonSectionName){case"intro":return"Prepare";case"starter-quiz":return"Activate - ".concat(e.numQuestions," questions");case"exit-quiz":return"Check - ".concat(e.numQuestions," questions");case"video":return"Learn"}},_i=function(e){switch(e){case"intro":return"Introduction";case"starter-quiz":return"Starter quiz";case"video":return"Lesson video";case"exit-quiz":return"Exit quiz"}},Ji=function(e){switch(e){case"intro":return["bg-decorative2-very-subdued","border-decorative2","aqua"];case"starter-quiz":return["bg-decorative1-very-subdued","border-decorative1","mint"];case"video":return["bg-decorative4-very-subdued","border-decorative4","pink"];case"exit-quiz":return["bg-decorative5-very-subdued","border-decorative5","lemon"]}},Zi=function(e){if(!1===e.completed)return null;switch(e.lessonSectionName){case"exit-quiz":case"starter-quiz":return d.default.createElement(Bn,null,d.default.createElement(qn,{$font:"heading-4"},e.grade),d.default.createElement(qn,{$font:"heading-6"}," / ",e.numQuestions));default:return null}};const ea="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement;function na(e){const n=Object.prototype.toString.call(e);return"[object Window]"===n||"[object global]"===n}function ta(e){return"nodeType"in e}function ra(e){var n,t;return e?na(e)?e:ta(e)&&null!=(n=null==(t=e.ownerDocument)?void 0:t.defaultView)?n:window:window}function oa(e){const{Document:n}=ra(e);return e instanceof n}function ia(e){return!na(e)&&e instanceof ra(e).HTMLElement}function aa(e){return e instanceof ra(e).SVGElement}function la(e){return e?na(e)?e.document:ta(e)?oa(e)?e:ia(e)||aa(e)?e.ownerDocument:document:document:document}const da=ea?n.useLayoutEffect:n.useEffect;function ca(e){const t=n.useRef(e);return da((()=>{t.current=e})),n.useCallback((function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];return null==t.current?void 0:t.current(...n)}),[])}function sa(e,t){void 0===t&&(t=[e]);const r=n.useRef(e);return da((()=>{r.current!==e&&(r.current=e)}),t),r}function ua(e,t){const r=n.useRef();return n.useMemo((()=>{const n=e(r.current);return r.current=n,n}),[...t])}function ga(e){const t=ca(e),r=n.useRef(null),o=n.useCallback((e=>{e!==r.current&&(null==t||t(e,r.current)),r.current=e}),[]);return[r,o]}function fa(e){const t=n.useRef();return n.useEffect((()=>{t.current=e}),[e]),t.current}let ba={};function ha(e,t){return n.useMemo((()=>{if(t)return t;const n=null==ba[e]?0:ba[e]+1;return ba[e]=n,e+"-"+n}),[e,t])}function pa(e){return function(n){for(var t=arguments.length,r=new Array(t>1?t-1:0),o=1;o<t;o++)r[o-1]=arguments[o];return r.reduce(((n,t)=>{const r=Object.entries(t);for(const[t,o]of r){const r=n[t];null!=r&&(n[t]=r+e*o)}return n}),{...n})}}const va=pa(1),ma=pa(-1);function wa(e){if(!e)return!1;const{KeyboardEvent:n}=ra(e.target);return n&&e instanceof n}function xa(e){if(function(e){if(!e)return!1;const{TouchEvent:n}=ra(e.target);return n&&e instanceof n}(e)){if(e.touches&&e.touches.length){const{clientX:n,clientY:t}=e.touches[0];return{x:n,y:t}}if(e.changedTouches&&e.changedTouches.length){const{clientX:n,clientY:t}=e.changedTouches[0];return{x:n,y:t}}}return function(e){return"clientX"in e&&"clientY"in e}(e)?{x:e.clientX,y:e.clientY}:null}const ya=Object.freeze({Translate:{toString(e){if(!e)return;const{x:n,y:t}=e;return"translate3d("+(n?Math.round(n):0)+"px, "+(t?Math.round(t):0)+"px, 0)"}},Scale:{toString(e){if(!e)return;const{scaleX:n,scaleY:t}=e;return"scaleX("+n+") scaleY("+t+")"}},Transform:{toString(e){if(e)return[ya.Translate.toString(e),ya.Scale.toString(e)].join(" ")}},Transition:{toString(e){let{property:n,duration:t,easing:r}=e;return n+" "+t+"ms "+r}}}),$a="a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";function ka(e){return e.matches($a)?e:e.querySelector($a)}const Ea={display:"none"};function Ca(e){let{id:n,value:t}=e;return d.default.createElement("div",{id:n,style:Ea},t)}function Sa(e){let{id:n,announcement:t,ariaLiveType:r="assertive"}=e;return d.default.createElement("div",{id:n,style:{position:"fixed",width:1,height:1,margin:-1,border:0,padding:0,overflow:"hidden",clip:"rect(0 0 0 0)",clipPath:"inset(100%)",whiteSpace:"nowrap"},role:"status","aria-live":r,"aria-atomic":!0},t)}const Ia=n.createContext(null);const Da={draggable:"\n    To pick up a draggable item, press the space bar.\n    While dragging, use the arrow keys to move the item.\n    Press space again to drop the item in its new position, or press escape to cancel.\n  "},za={onDragStart(e){let{active:n}=e;return"Picked up draggable item "+n.id+"."},onDragOver(e){let{active:n,over:t}=e;return t?"Draggable item "+n.id+" was moved over droppable area "+t.id+".":"Draggable item "+n.id+" is no longer over a droppable area."},onDragEnd(e){let{active:n,over:t}=e;return t?"Draggable item "+n.id+" was dropped over droppable area "+t.id:"Draggable item "+n.id+" was dropped."},onDragCancel(e){let{active:n}=e;return"Dragging was cancelled. Draggable item "+n.id+" was dropped."}};function Oa(e){let{announcements:t=za,container:r,hiddenTextDescribedById:i,screenReaderInstructions:a=Da}=e;const{announce:l,announcement:c}=function(){const[e,t]=n.useState("");return{announce:n.useCallback((e=>{null!=e&&t(e)}),[]),announcement:e}}(),s=ha("DndLiveRegion"),[u,g]=n.useState(!1);if(n.useEffect((()=>{g(!0)}),[]),function(e){const t=n.useContext(Ia);n.useEffect((()=>{if(!t)throw new Error("useDndMonitor must be used within a children of <DndContext>");return t(e)}),[e,t])}(n.useMemo((()=>({onDragStart(e){let{active:n}=e;l(t.onDragStart({active:n}))},onDragMove(e){let{active:n,over:r}=e;t.onDragMove&&l(t.onDragMove({active:n,over:r}))},onDragOver(e){let{active:n,over:r}=e;l(t.onDragOver({active:n,over:r}))},onDragEnd(e){let{active:n,over:r}=e;l(t.onDragEnd({active:n,over:r}))},onDragCancel(e){let{active:n,over:r}=e;l(t.onDragCancel({active:n,over:r}))}})),[l,t])),!u)return null;const f=d.default.createElement(d.default.Fragment,null,d.default.createElement(Ca,{id:i,value:a.draggable}),d.default.createElement(Sa,{id:s,announcement:c}));return r?o.createPortal(f,r):f}var Ra;function ja(){}function Na(e,t){return n.useMemo((()=>({sensor:e,options:null!=t?t:{}})),[e,t])}function Ma(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return n.useMemo((()=>[...t].filter((e=>null!=e))),[...t])}!function(e){e.DragStart="dragStart",e.DragMove="dragMove",e.DragEnd="dragEnd",e.DragCancel="dragCancel",e.DragOver="dragOver",e.RegisterDroppable="registerDroppable",e.SetDroppableDisabled="setDroppableDisabled",e.UnregisterDroppable="unregisterDroppable"}(Ra||(Ra={}));const Ta=Object.freeze({x:0,y:0});function Ba(e,n){return Math.sqrt(Math.pow(e.x-n.x,2)+Math.pow(e.y-n.y,2))}function La(e,n){const t=xa(e);if(!t)return"0 0";return(t.x-n.left)/n.width*100+"% "+(t.y-n.top)/n.height*100+"%"}function Aa(e,n){let{data:{value:t}}=e,{data:{value:r}}=n;return t-r}function qa(e,n){let{data:{value:t}}=e,{data:{value:r}}=n;return r-t}function Pa(e){let{left:n,top:t,height:r,width:o}=e;return[{x:n,y:t},{x:n+o,y:t},{x:n,y:t+r},{x:n+o,y:t+r}]}function Fa(e,n){if(!e||0===e.length)return null;const[t]=e;return n?t[n]:t}function Ha(e,n,t){return void 0===n&&(n=e.left),void 0===t&&(t=e.top),{x:n+.5*e.width,y:t+.5*e.height}}const Wa=e=>{let{collisionRect:n,droppableRects:t,droppableContainers:r}=e;const o=Ha(n,n.left,n.top),i=[];for(const e of r){const{id:n}=e,r=t.get(n);if(r){const t=Ba(Ha(r),o);i.push({id:n,data:{droppableContainer:e,value:t}})}}return i.sort(Aa)};function Ga(e,n){const t=Math.max(n.top,e.top),r=Math.max(n.left,e.left),o=Math.min(n.left+n.width,e.left+e.width),i=Math.min(n.top+n.height,e.top+e.height),a=o-r,l=i-t;if(r<o&&t<i){const t=n.width*n.height,r=e.width*e.height,o=a*l;return Number((o/(t+r-o)).toFixed(4))}return 0}const Ya=e=>{let{collisionRect:n,droppableRects:t,droppableContainers:r}=e;const o=[];for(const e of r){const{id:r}=e,i=t.get(r);if(i){const t=Ga(i,n);t>0&&o.push({id:r,data:{droppableContainer:e,value:t}})}}return o.sort(qa)};function Ua(e,n){return e&&n?{x:e.left-n.left,y:e.top-n.top}:Ta}function Xa(e){return function(n){for(var t=arguments.length,r=new Array(t>1?t-1:0),o=1;o<t;o++)r[o-1]=arguments[o];return r.reduce(((n,t)=>({...n,top:n.top+e*t.y,bottom:n.bottom+e*t.y,left:n.left+e*t.x,right:n.right+e*t.x})),{...n})}}const Va=Xa(1);function Qa(e){if(e.startsWith("matrix3d(")){const n=e.slice(9,-1).split(/, /);return{x:+n[12],y:+n[13],scaleX:+n[0],scaleY:+n[5]}}if(e.startsWith("matrix(")){const n=e.slice(7,-1).split(/, /);return{x:+n[4],y:+n[5],scaleX:+n[0],scaleY:+n[3]}}return null}const Ka={ignoreTransform:!1};function _a(e,n){void 0===n&&(n=Ka);let t=e.getBoundingClientRect();if(n.ignoreTransform){const{transform:n,transformOrigin:r}=ra(e).getComputedStyle(e);n&&(t=function(e,n,t){const r=Qa(n);if(!r)return e;const{scaleX:o,scaleY:i,x:a,y:l}=r,d=e.left-a-(1-o)*parseFloat(t),c=e.top-l-(1-i)*parseFloat(t.slice(t.indexOf(" ")+1)),s=o?e.width/o:e.width,u=i?e.height/i:e.height;return{width:s,height:u,top:c,right:d+s,bottom:c+u,left:d}}(t,n,r))}const{top:r,left:o,width:i,height:a,bottom:l,right:d}=t;return{top:r,left:o,width:i,height:a,bottom:l,right:d}}function Ja(e){return _a(e,{ignoreTransform:!0})}function Za(e,n){const t=[];return e?function r(o){if(null!=n&&t.length>=n)return t;if(!o)return t;if(oa(o)&&null!=o.scrollingElement&&!t.includes(o.scrollingElement))return t.push(o.scrollingElement),t;if(!ia(o)||aa(o))return t;if(t.includes(o))return t;const i=ra(e).getComputedStyle(o);return o!==e&&function(e,n){void 0===n&&(n=ra(e).getComputedStyle(e));const t=/(auto|scroll|overlay)/;return["overflow","overflowX","overflowY"].some((e=>{const r=n[e];return"string"==typeof r&&t.test(r)}))}(o,i)&&t.push(o),function(e,n){return void 0===n&&(n=ra(e).getComputedStyle(e)),"fixed"===n.position}(o,i)?t:r(o.parentNode)}(e):t}function el(e){const[n]=Za(e,1);return null!=n?n:null}function nl(e){return ea&&e?na(e)?e:ta(e)?oa(e)||e===la(e).scrollingElement?window:ia(e)?e:null:null:null}function tl(e){return na(e)?e.scrollX:e.scrollLeft}function rl(e){return na(e)?e.scrollY:e.scrollTop}function ol(e){return{x:tl(e),y:rl(e)}}var il;function al(e){return!(!ea||!e)&&e===document.scrollingElement}function ll(e){const n={x:0,y:0},t=al(e)?{height:window.innerHeight,width:window.innerWidth}:{height:e.clientHeight,width:e.clientWidth},r={x:e.scrollWidth-t.width,y:e.scrollHeight-t.height};return{isTop:e.scrollTop<=n.y,isLeft:e.scrollLeft<=n.x,isBottom:e.scrollTop>=r.y,isRight:e.scrollLeft>=r.x,maxScroll:r,minScroll:n}}!function(e){e[e.Forward=1]="Forward",e[e.Backward=-1]="Backward"}(il||(il={}));const dl={x:.2,y:.2};function cl(e,n,t,r,o){let{top:i,left:a,right:l,bottom:d}=t;void 0===r&&(r=10),void 0===o&&(o=dl);const{isTop:c,isBottom:s,isLeft:u,isRight:g}=ll(e),f={x:0,y:0},b={x:0,y:0},h=n.height*o.y,p=n.width*o.x;return!c&&i<=n.top+h?(f.y=il.Backward,b.y=r*Math.abs((n.top+h-i)/h)):!s&&d>=n.bottom-h&&(f.y=il.Forward,b.y=r*Math.abs((n.bottom-h-d)/h)),!g&&l>=n.right-p?(f.x=il.Forward,b.x=r*Math.abs((n.right-p-l)/p)):!u&&a<=n.left+p&&(f.x=il.Backward,b.x=r*Math.abs((n.left+p-a)/p)),{direction:f,speed:b}}function sl(e){if(e===document.scrollingElement){const{innerWidth:e,innerHeight:n}=window;return{top:0,left:0,right:e,bottom:n,width:e,height:n}}const{top:n,left:t,right:r,bottom:o}=e.getBoundingClientRect();return{top:n,left:t,right:r,bottom:o,width:e.clientWidth,height:e.clientHeight}}function ul(e){return e.reduce(((e,n)=>va(e,ol(n))),Ta)}function gl(e,n){if(void 0===n&&(n=_a),!e)return;const{top:t,left:r,bottom:o,right:i}=n(e);el(e)&&(o<=0||i<=0||t>=window.innerHeight||r>=window.innerWidth)&&e.scrollIntoView({block:"center",inline:"center"})}const fl=[["x",["left","right"],function(e){return e.reduce(((e,n)=>e+tl(n)),0)}],["y",["top","bottom"],function(e){return e.reduce(((e,n)=>e+rl(n)),0)}]];class bl{constructor(e,n){this.rect=void 0,this.width=void 0,this.height=void 0,this.top=void 0,this.bottom=void 0,this.right=void 0,this.left=void 0;const t=Za(n),r=ul(t);this.rect={...e},this.width=e.width,this.height=e.height;for(const[e,n,o]of fl)for(const i of n)Object.defineProperty(this,i,{get:()=>{const n=o(t),a=r[e]-n;return this.rect[i]+a},enumerable:!0});Object.defineProperty(this,"rect",{enumerable:!1})}}class hl{constructor(e){this.target=void 0,this.listeners=[],this.removeAll=()=>{this.listeners.forEach((e=>{var n;return null==(n=this.target)?void 0:n.removeEventListener(...e)}))},this.target=e}add(e,n,t){var r;null==(r=this.target)||r.addEventListener(e,n,t),this.listeners.push([e,n,t])}}function pl(e,n){const t=Math.abs(e.x),r=Math.abs(e.y);return"number"==typeof n?Math.sqrt(t**2+r**2)>n:"x"in n&&"y"in n?t>n.x&&r>n.y:"x"in n?t>n.x:"y"in n&&r>n.y}var vl,ml;function wl(e){e.preventDefault()}function xl(e){e.stopPropagation()}!function(e){e.Click="click",e.DragStart="dragstart",e.Keydown="keydown",e.ContextMenu="contextmenu",e.Resize="resize",e.SelectionChange="selectionchange",e.VisibilityChange="visibilitychange"}(vl||(vl={})),function(e){e.Space="Space",e.Down="ArrowDown",e.Right="ArrowRight",e.Left="ArrowLeft",e.Up="ArrowUp",e.Esc="Escape",e.Enter="Enter"}(ml||(ml={}));const yl={start:[ml.Space,ml.Enter],cancel:[ml.Esc],end:[ml.Space,ml.Enter]},$l=(e,n)=>{let{currentCoordinates:t}=n;switch(e.code){case ml.Right:return{...t,x:t.x+25};case ml.Left:return{...t,x:t.x-25};case ml.Down:return{...t,y:t.y+25};case ml.Up:return{...t,y:t.y-25}}};class kl{constructor(e){this.props=void 0,this.autoScrollEnabled=!1,this.referenceCoordinates=void 0,this.listeners=void 0,this.windowListeners=void 0,this.props=e;const{event:{target:n}}=e;this.props=e,this.listeners=new hl(la(n)),this.windowListeners=new hl(ra(n)),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleCancel=this.handleCancel.bind(this),this.attach()}attach(){this.handleStart(),this.windowListeners.add(vl.Resize,this.handleCancel),this.windowListeners.add(vl.VisibilityChange,this.handleCancel),setTimeout((()=>this.listeners.add(vl.Keydown,this.handleKeyDown)))}handleStart(){const{activeNode:e,onStart:n}=this.props,t=e.node.current;t&&gl(t),n(Ta)}handleKeyDown(e){if(wa(e)){const{active:n,context:t,options:r}=this.props,{keyboardCodes:o=yl,coordinateGetter:i=$l,scrollBehavior:a="smooth"}=r,{code:l}=e;if(o.end.includes(l))return void this.handleEnd(e);if(o.cancel.includes(l))return void this.handleCancel(e);const{collisionRect:d}=t.current,c=d?{x:d.left,y:d.top}:Ta;this.referenceCoordinates||(this.referenceCoordinates=c);const s=i(e,{active:n,context:t.current,currentCoordinates:c});if(s){const n=ma(s,c),r={x:0,y:0},{scrollableAncestors:o}=t.current;for(const t of o){const o=e.code,{isTop:i,isRight:l,isLeft:d,isBottom:c,maxScroll:u,minScroll:g}=ll(t),f=sl(t),b={x:Math.min(o===ml.Right?f.right-f.width/2:f.right,Math.max(o===ml.Right?f.left:f.left+f.width/2,s.x)),y:Math.min(o===ml.Down?f.bottom-f.height/2:f.bottom,Math.max(o===ml.Down?f.top:f.top+f.height/2,s.y))},h=o===ml.Right&&!l||o===ml.Left&&!d,p=o===ml.Down&&!c||o===ml.Up&&!i;if(h&&b.x!==s.x){const e=t.scrollLeft+n.x,i=o===ml.Right&&e<=u.x||o===ml.Left&&e>=g.x;if(i&&!n.y)return void t.scrollTo({left:e,behavior:a});r.x=i?t.scrollLeft-e:o===ml.Right?t.scrollLeft-u.x:t.scrollLeft-g.x,r.x&&t.scrollBy({left:-r.x,behavior:a});break}if(p&&b.y!==s.y){const e=t.scrollTop+n.y,i=o===ml.Down&&e<=u.y||o===ml.Up&&e>=g.y;if(i&&!n.x)return void t.scrollTo({top:e,behavior:a});r.y=i?t.scrollTop-e:o===ml.Down?t.scrollTop-u.y:t.scrollTop-g.y,r.y&&t.scrollBy({top:-r.y,behavior:a});break}}this.handleMove(e,va(ma(s,this.referenceCoordinates),r))}}}handleMove(e,n){const{onMove:t}=this.props;e.preventDefault(),t(n)}handleEnd(e){const{onEnd:n}=this.props;e.preventDefault(),this.detach(),n()}handleCancel(e){const{onCancel:n}=this.props;e.preventDefault(),this.detach(),n()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll()}}function El(e){return Boolean(e&&"distance"in e)}function Cl(e){return Boolean(e&&"delay"in e)}kl.activators=[{eventName:"onKeyDown",handler:(e,n,t)=>{let{keyboardCodes:r=yl,onActivation:o}=n,{active:i}=t;const{code:a}=e.nativeEvent;if(r.start.includes(a)){const n=i.activatorNode.current;return(!n||e.target===n)&&(e.preventDefault(),null==o||o({event:e.nativeEvent}),!0)}return!1}}];class Sl{constructor(e,n,t){var r;void 0===t&&(t=function(e){const{EventTarget:n}=ra(e);return e instanceof n?e:la(e)}(e.event.target)),this.props=void 0,this.events=void 0,this.autoScrollEnabled=!0,this.document=void 0,this.activated=!1,this.initialCoordinates=void 0,this.timeoutId=null,this.listeners=void 0,this.documentListeners=void 0,this.windowListeners=void 0,this.props=e,this.events=n;const{event:o}=e,{target:i}=o;this.props=e,this.events=n,this.document=la(i),this.documentListeners=new hl(this.document),this.listeners=new hl(t),this.windowListeners=new hl(ra(i)),this.initialCoordinates=null!=(r=xa(o))?r:Ta,this.handleStart=this.handleStart.bind(this),this.handleMove=this.handleMove.bind(this),this.handleEnd=this.handleEnd.bind(this),this.handleCancel=this.handleCancel.bind(this),this.handleKeydown=this.handleKeydown.bind(this),this.removeTextSelection=this.removeTextSelection.bind(this),this.attach()}attach(){const{events:e,props:{options:{activationConstraint:n,bypassActivationConstraint:t}}}=this;if(this.listeners.add(e.move.name,this.handleMove,{passive:!1}),this.listeners.add(e.end.name,this.handleEnd),this.windowListeners.add(vl.Resize,this.handleCancel),this.windowListeners.add(vl.DragStart,wl),this.windowListeners.add(vl.VisibilityChange,this.handleCancel),this.windowListeners.add(vl.ContextMenu,wl),this.documentListeners.add(vl.Keydown,this.handleKeydown),n){if(null!=t&&t({event:this.props.event,activeNode:this.props.activeNode,options:this.props.options}))return this.handleStart();if(Cl(n))return void(this.timeoutId=setTimeout(this.handleStart,n.delay));if(El(n))return}this.handleStart()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll(),setTimeout(this.documentListeners.removeAll,50),null!==this.timeoutId&&(clearTimeout(this.timeoutId),this.timeoutId=null)}handleStart(){const{initialCoordinates:e}=this,{onStart:n}=this.props;e&&(this.activated=!0,this.documentListeners.add(vl.Click,xl,{capture:!0}),this.removeTextSelection(),this.documentListeners.add(vl.SelectionChange,this.removeTextSelection),n(e))}handleMove(e){var n;const{activated:t,initialCoordinates:r,props:o}=this,{onMove:i,options:{activationConstraint:a}}=o;if(!r)return;const l=null!=(n=xa(e))?n:Ta,d=ma(r,l);if(!t&&a){if(El(a)){if(null!=a.tolerance&&pl(d,a.tolerance))return this.handleCancel();if(pl(d,a.distance))return this.handleStart()}return Cl(a)&&pl(d,a.tolerance)?this.handleCancel():void 0}e.cancelable&&e.preventDefault(),i(l)}handleEnd(){const{onEnd:e}=this.props;this.detach(),e()}handleCancel(){const{onCancel:e}=this.props;this.detach(),e()}handleKeydown(e){e.code===ml.Esc&&this.handleCancel()}removeTextSelection(){var e;null==(e=this.document.getSelection())||e.removeAllRanges()}}const Il={move:{name:"pointermove"},end:{name:"pointerup"}};class Dl extends Sl{constructor(e){const{event:n}=e,t=la(n.target);super(e,Il,t)}}Dl.activators=[{eventName:"onPointerDown",handler:(e,n)=>{let{nativeEvent:t}=e,{onActivation:r}=n;return!(!t.isPrimary||0!==t.button)&&(null==r||r({event:t}),!0)}}];const zl={move:{name:"mousemove"},end:{name:"mouseup"}};var Ol;!function(e){e[e.RightClick=2]="RightClick"}(Ol||(Ol={}));class Rl extends Sl{constructor(e){super(e,zl,la(e.event.target))}}Rl.activators=[{eventName:"onMouseDown",handler:(e,n)=>{let{nativeEvent:t}=e,{onActivation:r}=n;return t.button!==Ol.RightClick&&(null==r||r({event:t}),!0)}}];const jl={move:{name:"touchmove"},end:{name:"touchend"}};class Nl extends Sl{constructor(e){super(e,jl)}static setup(){return window.addEventListener(jl.move.name,e,{capture:!1,passive:!1}),function(){window.removeEventListener(jl.move.name,e)};function e(){}}}var Ml,Tl;function Bl(e){let{acceleration:t,activator:r=Ml.Pointer,canScroll:o,draggingRect:i,enabled:a,interval:l=5,order:d=Tl.TreeOrder,pointerCoordinates:c,scrollableAncestors:s,scrollableAncestorRects:u,delta:g,threshold:f}=e;const b=function(e){let{delta:n,disabled:t}=e;const r=fa(n);return ua((e=>{if(t||!r||!e)return Ll;const o={x:Math.sign(n.x-r.x),y:Math.sign(n.y-r.y)};return{x:{[il.Backward]:e.x[il.Backward]||-1===o.x,[il.Forward]:e.x[il.Forward]||1===o.x},y:{[il.Backward]:e.y[il.Backward]||-1===o.y,[il.Forward]:e.y[il.Forward]||1===o.y}}}),[t,n,r])}({delta:g,disabled:!a}),[h,p]=function(){const e=n.useRef(null);return[n.useCallback(((n,t)=>{e.current=setInterval(n,t)}),[]),n.useCallback((()=>{null!==e.current&&(clearInterval(e.current),e.current=null)}),[])]}(),v=n.useRef({x:0,y:0}),m=n.useRef({x:0,y:0}),w=n.useMemo((()=>{switch(r){case Ml.Pointer:return c?{top:c.y,bottom:c.y,left:c.x,right:c.x}:null;case Ml.DraggableRect:return i}}),[r,i,c]),x=n.useRef(null),y=n.useCallback((()=>{const e=x.current;if(!e)return;const n=v.current.x*m.current.x,t=v.current.y*m.current.y;e.scrollBy(n,t)}),[]),$=n.useMemo((()=>d===Tl.TreeOrder?[...s].reverse():s),[d,s]);n.useEffect((()=>{if(a&&s.length&&w){for(const e of $){if(!1===(null==o?void 0:o(e)))continue;const n=s.indexOf(e),r=u[n];if(!r)continue;const{direction:i,speed:a}=cl(e,r,w,t,f);for(const e of["x","y"])b[e][i[e]]||(a[e]=0,i[e]=0);if(a.x>0||a.y>0)return p(),x.current=e,h(y,l),v.current=a,void(m.current=i)}v.current={x:0,y:0},m.current={x:0,y:0},p()}else p()}),[t,y,o,p,a,l,JSON.stringify(w),JSON.stringify(b),h,s,$,u,JSON.stringify(f)])}Nl.activators=[{eventName:"onTouchStart",handler:(e,n)=>{let{nativeEvent:t}=e,{onActivation:r}=n;const{touches:o}=t;return!(o.length>1)&&(null==r||r({event:t}),!0)}}],function(e){e[e.Pointer=0]="Pointer",e[e.DraggableRect=1]="DraggableRect"}(Ml||(Ml={})),function(e){e[e.TreeOrder=0]="TreeOrder",e[e.ReversedTreeOrder=1]="ReversedTreeOrder"}(Tl||(Tl={}));const Ll={x:{[il.Backward]:!1,[il.Forward]:!1},y:{[il.Backward]:!1,[il.Forward]:!1}};var Al,ql;!function(e){e[e.Always=0]="Always",e[e.BeforeDragging=1]="BeforeDragging",e[e.WhileDragging=2]="WhileDragging"}(Al||(Al={})),function(e){e.Optimized="optimized"}(ql||(ql={}));const Pl=new Map;function Fl(e,n){return ua((t=>e?t||("function"==typeof n?n(e):e):null),[n,e])}function Hl(e){let{callback:t,disabled:r}=e;const o=ca(t),i=n.useMemo((()=>{if(r||"undefined"==typeof window||void 0===window.ResizeObserver)return;const{ResizeObserver:e}=window;return new e(o)}),[r]);return n.useEffect((()=>()=>null==i?void 0:i.disconnect()),[i]),i}function Wl(e){return new bl(_a(e),e)}function Gl(e,t,r){void 0===t&&(t=Wl);const[o,i]=n.useReducer((function(n){if(!e)return null;var o;if(!1===e.isConnected)return null!=(o=null!=n?n:r)?o:null;const i=t(e);if(JSON.stringify(n)===JSON.stringify(i))return n;return i}),null),a=function(e){let{callback:t,disabled:r}=e;const o=ca(t),i=n.useMemo((()=>{if(r||"undefined"==typeof window||void 0===window.MutationObserver)return;const{MutationObserver:e}=window;return new e(o)}),[o,r]);return n.useEffect((()=>()=>null==i?void 0:i.disconnect()),[i]),i}({callback(n){if(e)for(const t of n){const{type:n,target:r}=t;if("childList"===n&&r instanceof HTMLElement&&r.contains(e)){i();break}}}}),l=Hl({callback:i});return da((()=>{i(),e?(null==l||l.observe(e),null==a||a.observe(document.body,{childList:!0,subtree:!0})):(null==l||l.disconnect(),null==a||a.disconnect())}),[e]),o}const Yl=[];function Ul(e,t){void 0===t&&(t=[]);const r=n.useRef(null);return n.useEffect((()=>{r.current=null}),t),n.useEffect((()=>{const n=e!==Ta;n&&!r.current&&(r.current=e),!n&&r.current&&(r.current=null)}),[e]),r.current?ma(e,r.current):Ta}function Xl(e){return n.useMemo((()=>e?function(e){const n=e.innerWidth,t=e.innerHeight;return{top:0,left:0,right:n,bottom:t,width:n,height:t}}(e):null),[e])}const Vl=[];function Ql(e){if(!e)return null;if(e.children.length>1)return e;const n=e.children[0];return ia(n)?n:e}const Kl=[{sensor:Dl,options:{}},{sensor:kl,options:{}}],_l={current:{}},Jl={draggable:{measure:Ja},droppable:{measure:Ja,strategy:Al.WhileDragging,frequency:ql.Optimized},dragOverlay:{measure:_a}};class Zl extends Map{get(e){var n;return null!=e&&null!=(n=super.get(e))?n:void 0}toArray(){return Array.from(this.values())}getEnabled(){return this.toArray().filter((e=>{let{disabled:n}=e;return!n}))}getNodeFor(e){var n,t;return null!=(n=null==(t=this.get(e))?void 0:t.node.current)?n:void 0}}const ed={activatorEvent:null,active:null,activeNode:null,activeNodeRect:null,collisions:null,containerNodeRect:null,draggableNodes:new Map,droppableRects:new Map,droppableContainers:new Zl,over:null,dragOverlay:{nodeRef:{current:null},rect:null,setRef:ja},scrollableAncestors:[],scrollableAncestorRects:[],measuringConfiguration:Jl,measureDroppableContainers:ja,windowRect:null,measuringScheduled:!1},nd={activatorEvent:null,activators:[],active:null,activeNodeRect:null,ariaDescribedById:{draggable:""},dispatch:ja,draggableNodes:new Map,over:null,measureDroppableContainers:ja},td=n.createContext(nd),rd=n.createContext(ed);function od(){return{draggable:{active:null,initialCoordinates:{x:0,y:0},nodes:new Map,translate:{x:0,y:0}},droppable:{containers:new Zl}}}function id(e,n){switch(n.type){case Ra.DragStart:return{...e,draggable:{...e.draggable,initialCoordinates:n.initialCoordinates,active:n.active}};case Ra.DragMove:return e.draggable.active?{...e,draggable:{...e.draggable,translate:{x:n.coordinates.x-e.draggable.initialCoordinates.x,y:n.coordinates.y-e.draggable.initialCoordinates.y}}}:e;case Ra.DragEnd:case Ra.DragCancel:return{...e,draggable:{...e.draggable,active:null,initialCoordinates:{x:0,y:0},translate:{x:0,y:0}}};case Ra.RegisterDroppable:{const{element:t}=n,{id:r}=t,o=new Zl(e.droppable.containers);return o.set(r,t),{...e,droppable:{...e.droppable,containers:o}}}case Ra.SetDroppableDisabled:{const{id:t,key:r,disabled:o}=n,i=e.droppable.containers.get(t);if(!i||r!==i.key)return e;const a=new Zl(e.droppable.containers);return a.set(t,{...i,disabled:o}),{...e,droppable:{...e.droppable,containers:a}}}case Ra.UnregisterDroppable:{const{id:t,key:r}=n,o=e.droppable.containers.get(t);if(!o||r!==o.key)return e;const i=new Zl(e.droppable.containers);return i.delete(t),{...e,droppable:{...e.droppable,containers:i}}}default:return e}}function ad(e){let{disabled:t}=e;const{active:r,activatorEvent:o,draggableNodes:i}=n.useContext(td),a=fa(o),l=fa(null==r?void 0:r.id);return n.useEffect((()=>{if(!t&&!o&&a&&null!=l){if(!wa(a))return;if(document.activeElement===a.target)return;const e=i.get(l);if(!e)return;const{activatorNode:n,node:t}=e;if(!n.current&&!t.current)return;requestAnimationFrame((()=>{for(const e of[n.current,t.current]){if(!e)continue;const n=ka(e);if(n){n.focus();break}}}))}}),[o,t,i,l,a]),null}function ld(e,n){let{transform:t,...r}=n;return null!=e&&e.length?e.reduce(((e,n)=>n({transform:e,...r})),t):t}const dd=n.createContext({...Ta,scaleX:1,scaleY:1});var cd;!function(e){e[e.Uninitialized=0]="Uninitialized",e[e.Initializing=1]="Initializing",e[e.Initialized=2]="Initialized"}(cd||(cd={}));const sd=n.memo((function(e){var t,r,i,a;let{id:l,accessibility:c,autoScroll:s=!0,children:u,sensors:g=Kl,collisionDetection:f=Ya,measuring:b,modifiers:h,...p}=e;const v=n.useReducer(id,void 0,od),[m,w]=v,[x,y]=function(){const[e]=n.useState((()=>new Set)),t=n.useCallback((n=>(e.add(n),()=>e.delete(n))),[e]);return[n.useCallback((n=>{let{type:t,event:r}=n;e.forEach((e=>{var n;return null==(n=e[t])?void 0:n.call(e,r)}))}),[e]),t]}(),[$,k]=n.useState(cd.Uninitialized),E=$===cd.Initialized,{draggable:{active:C,nodes:S,translate:I},droppable:{containers:D}}=m,z=C?S.get(C):null,O=n.useRef({initial:null,translated:null}),R=n.useMemo((()=>{var e;return null!=C?{id:C,data:null!=(e=null==z?void 0:z.data)?e:_l,rect:O}:null}),[C,z]),j=n.useRef(null),[N,M]=n.useState(null),[T,B]=n.useState(null),L=sa(p,Object.values(p)),A=ha("DndDescribedBy",l),q=n.useMemo((()=>D.getEnabled()),[D]),P=(F=b,n.useMemo((()=>({draggable:{...Jl.draggable,...null==F?void 0:F.draggable},droppable:{...Jl.droppable,...null==F?void 0:F.droppable},dragOverlay:{...Jl.dragOverlay,...null==F?void 0:F.dragOverlay}})),[null==F?void 0:F.draggable,null==F?void 0:F.droppable,null==F?void 0:F.dragOverlay]));var F;const{droppableRects:H,measureDroppableContainers:W,measuringScheduled:G}=function(e,t){let{dragging:r,dependencies:o,config:i}=t;const[a,l]=n.useState(null),{frequency:d,measure:c,strategy:s}=i,u=n.useRef(e),g=function(){switch(s){case Al.Always:return!1;case Al.BeforeDragging:return r;default:return!r}}(),f=sa(g),b=n.useCallback((function(e){void 0===e&&(e=[]),f.current||l((n=>null===n?e:n.concat(e.filter((e=>!n.includes(e))))))}),[f]),h=n.useRef(null),p=ua((n=>{if(g&&!r)return Pl;if(!n||n===Pl||u.current!==e||null!=a){const n=new Map;for(let t of e){if(!t)continue;if(a&&a.length>0&&!a.includes(t.id)&&t.rect.current){n.set(t.id,t.rect.current);continue}const e=t.node.current,r=e?new bl(c(e),e):null;t.rect.current=r,r&&n.set(t.id,r)}return n}return n}),[e,a,r,g,c]);return n.useEffect((()=>{u.current=e}),[e]),n.useEffect((()=>{g||b()}),[r,g]),n.useEffect((()=>{a&&a.length>0&&l(null)}),[JSON.stringify(a)]),n.useEffect((()=>{g||"number"!=typeof d||null!==h.current||(h.current=setTimeout((()=>{b(),h.current=null}),d))}),[d,g,b,...o]),{droppableRects:p,measureDroppableContainers:b,measuringScheduled:null!=a}}(q,{dragging:E,dependencies:[I.x,I.y],config:P.droppable}),Y=function(e,n){const t=null!==n?e.get(n):void 0,r=t?t.node.current:null;return ua((e=>{var t;return null===n?null:null!=(t=null!=r?r:e)?t:null}),[r,n])}(S,C),U=n.useMemo((()=>T?xa(T):null),[T]),X=function(){const e=!1===(null==N?void 0:N.autoScrollEnabled),n="object"==typeof s?!1===s.enabled:!1===s,t=E&&!e&&!n;if("object"==typeof s)return{...s,enabled:t};return{enabled:t}}(),V=function(e,n){return Fl(e,n)}(Y,P.draggable.measure);!function(e){let{activeNode:t,measure:r,initialRect:o,config:i=!0}=e;const a=n.useRef(!1),{x:l,y:d}="boolean"==typeof i?{x:i,y:i}:i;da((()=>{if(!l&&!d||!t)return void(a.current=!1);if(a.current||!o)return;const e=null==t?void 0:t.node.current;if(!e||!1===e.isConnected)return;const n=Ua(r(e),o);if(l||(n.x=0),d||(n.y=0),a.current=!0,Math.abs(n.x)>0||Math.abs(n.y)>0){const t=el(e);t&&t.scrollBy({top:n.y,left:n.x})}}),[t,l,d,o,r])}({activeNode:C?S.get(C):null,config:X.layoutShiftCompensation,initialRect:V,measure:P.draggable.measure});const Q=Gl(Y,P.draggable.measure,V),K=Gl(Y?Y.parentElement:null),_=n.useRef({activatorEvent:null,active:null,activeNode:Y,collisionRect:null,collisions:null,droppableRects:H,draggableNodes:S,draggingNode:null,draggingNodeRect:null,droppableContainers:D,over:null,scrollableAncestors:[],scrollAdjustedTranslate:null}),J=D.getNodeFor(null==(t=_.current.over)?void 0:t.id),Z=function(e){let{measure:t}=e;const[r,o]=n.useState(null),i=Hl({callback:n.useCallback((e=>{for(const{target:n}of e)if(ia(n)){o((e=>{const r=t(n);return e?{...e,width:r.width,height:r.height}:r}));break}}),[t])}),a=n.useCallback((e=>{const n=Ql(e);null==i||i.disconnect(),n&&(null==i||i.observe(n)),o(n?t(n):null)}),[t,i]),[l,d]=ga(a);return n.useMemo((()=>({nodeRef:l,rect:r,setRef:d})),[r,l,d])}({measure:P.dragOverlay.measure}),ee=null!=(r=Z.nodeRef.current)?r:Y,ne=E?null!=(i=Z.rect)?i:Q:null,te=Boolean(Z.nodeRef.current&&Z.rect),re=Ua(oe=te?null:Q,Fl(oe));var oe;const ie=Xl(ee?ra(ee):null),ae=function(e){const t=n.useRef(e),r=ua((n=>e?n&&n!==Yl&&e&&t.current&&e.parentNode===t.current.parentNode?n:Za(e):Yl),[e]);return n.useEffect((()=>{t.current=e}),[e]),r}(E?null!=J?J:Y:null),le=function(e,t){void 0===t&&(t=_a);const[r]=e,o=Xl(r?ra(r):null),[i,a]=n.useReducer((function(){return e.length?e.map((e=>al(e)?o:new bl(t(e),e))):Vl}),Vl),l=Hl({callback:a});return e.length>0&&i===Vl&&a(),da((()=>{e.length?e.forEach((e=>null==l?void 0:l.observe(e))):(null==l||l.disconnect(),a())}),[e]),i}(ae),de=ld(h,{transform:{x:I.x-re.x,y:I.y-re.y,scaleX:1,scaleY:1},activatorEvent:T,active:R,activeNodeRect:Q,containerNodeRect:K,draggingNodeRect:ne,over:_.current.over,overlayNodeRect:Z.rect,scrollableAncestors:ae,scrollableAncestorRects:le,windowRect:ie}),ce=U?va(U,I):null,se=function(e){const[t,r]=n.useState(null),o=n.useRef(e),i=n.useCallback((e=>{const n=nl(e.target);n&&r((e=>e?(e.set(n,ol(n)),new Map(e)):null))}),[]);return n.useEffect((()=>{const n=o.current;if(e!==n){t(n);const a=e.map((e=>{const n=nl(e);return n?(n.addEventListener("scroll",i,{passive:!0}),[n,ol(n)]):null})).filter((e=>null!=e));r(a.length?new Map(a):null),o.current=e}return()=>{t(e),t(n)};function t(e){e.forEach((e=>{const n=nl(e);null==n||n.removeEventListener("scroll",i)}))}}),[i,e]),n.useMemo((()=>e.length?t?Array.from(t.values()).reduce(((e,n)=>va(e,n)),Ta):ul(e):Ta),[e,t])}(ae),ue=Ul(se),ge=Ul(se,[Q]),fe=va(de,ue),be=ne?Va(ne,de):null,he=R&&be?f({active:R,collisionRect:be,droppableRects:H,droppableContainers:q,pointerCoordinates:ce}):null,pe=Fa(he,"id"),[ve,me]=n.useState(null),we=function(e,n,t){return{...e,scaleX:n&&t?n.width/t.width:1,scaleY:n&&t?n.height/t.height:1}}(te?de:va(de,ge),null!=(a=null==ve?void 0:ve.rect)?a:null,Q),xe=n.useCallback(((e,n)=>{let{sensor:t,options:r}=n;if(null==j.current)return;const i=S.get(j.current);if(!i)return;const a=e.nativeEvent,l=new t({active:j.current,activeNode:i,event:a,options:r,context:_,onStart(e){const n=j.current;if(null==n)return;const t=S.get(n);if(!t)return;const{onDragStart:r}=L.current,i={active:{id:n,data:t.data,rect:O}};o.unstable_batchedUpdates((()=>{null==r||r(i),k(cd.Initializing),w({type:Ra.DragStart,initialCoordinates:e,active:n}),x({type:"onDragStart",event:i})}))},onMove(e){w({type:Ra.DragMove,coordinates:e})},onEnd:d(Ra.DragEnd),onCancel:d(Ra.DragCancel)});function d(e){return async function(){const{active:n,collisions:t,over:r,scrollAdjustedTranslate:i}=_.current;let l=null;if(n&&i){const{cancelDrop:o}=L.current;if(l={activatorEvent:a,active:n,collisions:t,delta:i,over:r},e===Ra.DragEnd&&"function"==typeof o){await Promise.resolve(o(l))&&(e=Ra.DragCancel)}}j.current=null,o.unstable_batchedUpdates((()=>{w({type:e}),k(cd.Uninitialized),me(null),M(null),B(null);const n=e===Ra.DragEnd?"onDragEnd":"onDragCancel";if(l){const e=L.current[n];null==e||e(l),x({type:n,event:l})}}))}}o.unstable_batchedUpdates((()=>{M(l),B(e.nativeEvent)}))}),[S]),ye=n.useCallback(((e,n)=>(t,r)=>{const o=t.nativeEvent,i=S.get(r);if(null!==j.current||!i||o.dndKit||o.defaultPrevented)return;const a={active:i};!0===e(t,n.options,a)&&(o.dndKit={capturedBy:n.sensor},j.current=r,xe(t,n))}),[S,xe]),$e=function(e,t){return n.useMemo((()=>e.reduce(((e,n)=>{const{sensor:r}=n;return[...e,...r.activators.map((e=>({eventName:e.eventName,handler:t(e.handler,n)})))]}),[])),[e,t])}(g,ye);!function(e){n.useEffect((()=>{if(!ea)return;const n=e.map((e=>{let{sensor:n}=e;return null==n.setup?void 0:n.setup()}));return()=>{for(const e of n)null==e||e()}}),e.map((e=>{let{sensor:n}=e;return n})))}(g),da((()=>{Q&&$===cd.Initializing&&k(cd.Initialized)}),[Q,$]),n.useEffect((()=>{const{onDragMove:e}=L.current,{active:n,activatorEvent:t,collisions:r,over:i}=_.current;if(!n||!t)return;const a={active:n,activatorEvent:t,collisions:r,delta:{x:fe.x,y:fe.y},over:i};o.unstable_batchedUpdates((()=>{null==e||e(a),x({type:"onDragMove",event:a})}))}),[fe.x,fe.y]),n.useEffect((()=>{const{active:e,activatorEvent:n,collisions:t,droppableContainers:r,scrollAdjustedTranslate:i}=_.current;if(!e||null==j.current||!n||!i)return;const{onDragOver:a}=L.current,l=r.get(pe),d=l&&l.rect.current?{id:l.id,rect:l.rect.current,data:l.data,disabled:l.disabled}:null,c={active:e,activatorEvent:n,collisions:t,delta:{x:i.x,y:i.y},over:d};o.unstable_batchedUpdates((()=>{me(d),null==a||a(c),x({type:"onDragOver",event:c})}))}),[pe]),da((()=>{_.current={activatorEvent:T,active:R,activeNode:Y,collisionRect:be,collisions:he,droppableRects:H,draggableNodes:S,draggingNode:ee,draggingNodeRect:ne,droppableContainers:D,over:ve,scrollableAncestors:ae,scrollAdjustedTranslate:fe},O.current={initial:ne,translated:be}}),[R,Y,he,be,S,ee,ne,H,D,ve,ae,fe]),Bl({...X,delta:I,draggingRect:be,pointerCoordinates:ce,scrollableAncestors:ae,scrollableAncestorRects:le});const ke=n.useMemo((()=>({active:R,activeNode:Y,activeNodeRect:Q,activatorEvent:T,collisions:he,containerNodeRect:K,dragOverlay:Z,draggableNodes:S,droppableContainers:D,droppableRects:H,over:ve,measureDroppableContainers:W,scrollableAncestors:ae,scrollableAncestorRects:le,measuringConfiguration:P,measuringScheduled:G,windowRect:ie})),[R,Y,Q,T,he,K,Z,S,D,H,ve,W,ae,le,P,G,ie]),Ee=n.useMemo((()=>({activatorEvent:T,activators:$e,active:R,activeNodeRect:Q,ariaDescribedById:{draggable:A},dispatch:w,draggableNodes:S,over:ve,measureDroppableContainers:W})),[T,$e,R,Q,w,A,S,ve,W]);return d.default.createElement(Ia.Provider,{value:y},d.default.createElement(td.Provider,{value:Ee},d.default.createElement(rd.Provider,{value:ke},d.default.createElement(dd.Provider,{value:we},u)),d.default.createElement(ad,{disabled:!1===(null==c?void 0:c.restoreFocus)})),d.default.createElement(Oa,{...c,hiddenTextDescribedById:A}))})),ud=n.createContext(null),gd="button",fd="Droppable";function bd(e){let{id:t,data:r,disabled:o=!1,attributes:i}=e;const a=ha(fd),{activators:l,activatorEvent:d,active:c,activeNodeRect:s,ariaDescribedById:u,draggableNodes:g,over:f}=n.useContext(td),{role:b=gd,roleDescription:h="draggable",tabIndex:p=0}=null!=i?i:{},v=(null==c?void 0:c.id)===t,m=n.useContext(v?dd:ud),[w,x]=ga(),[y,$]=ga(),k=function(e,t){return n.useMemo((()=>e.reduce(((e,n)=>{let{eventName:r,handler:o}=n;return e[r]=e=>{o(e,t)},e}),{})),[e,t])}(l,t),E=sa(r);da((()=>(g.set(t,{id:t,key:a,node:w,activatorNode:y,data:E}),()=>{const e=g.get(t);e&&e.key===a&&g.delete(t)})),[g,t]);return{active:c,activatorEvent:d,activeNodeRect:s,attributes:n.useMemo((()=>({role:b,tabIndex:p,"aria-disabled":o,"aria-pressed":!(!v||b!==gd)||void 0,"aria-roledescription":h,"aria-describedby":u.draggable})),[o,b,p,v,h,u.draggable]),isDragging:v,listeners:o?void 0:k,node:w,over:f,setNodeRef:x,setActivatorNodeRef:$,transform:m}}function hd(){return n.useContext(rd)}const pd="Droppable",vd={timeout:25};function md(e){let{data:t,disabled:r=!1,id:o,resizeObserverConfig:i}=e;const a=ha(pd),{active:l,dispatch:d,over:c,measureDroppableContainers:s}=n.useContext(td),u=n.useRef({disabled:r}),g=n.useRef(!1),f=n.useRef(null),b=n.useRef(null),{disabled:h,updateMeasurementsFor:p,timeout:v}={...vd,...i},m=sa(null!=p?p:o),w=Hl({callback:n.useCallback((()=>{g.current?(null!=b.current&&clearTimeout(b.current),b.current=setTimeout((()=>{s(Array.isArray(m.current)?m.current:[m.current]),b.current=null}),v)):g.current=!0}),[v]),disabled:h||!l}),x=n.useCallback(((e,n)=>{w&&(n&&(w.unobserve(n),g.current=!1),e&&w.observe(e))}),[w]),[y,$]=ga(x),k=sa(t);return n.useEffect((()=>{w&&y.current&&(w.disconnect(),g.current=!1,w.observe(y.current))}),[y,w]),da((()=>(d({type:Ra.RegisterDroppable,element:{id:o,key:a,disabled:r,node:y,rect:f,data:k}}),()=>d({type:Ra.UnregisterDroppable,key:a,id:o}))),[o]),n.useEffect((()=>{r!==u.current.disabled&&(d({type:Ra.SetDroppableDisabled,id:o,key:a,disabled:r}),u.current.disabled=r)}),[o,a,r,d]),{active:l,rect:f,isOver:(null==c?void 0:c.id)===o,node:y,over:c,setNodeRef:$}}function wd(e){let{animation:t,children:r}=e;const[o,i]=n.useState(null),[a,l]=n.useState(null),c=fa(r);return r||o||!c||i(c),da((()=>{if(!a)return;const e=null==o?void 0:o.key,n=null==o?void 0:o.props.id;null!=e&&null!=n?Promise.resolve(t(n,a)).then((()=>{i(null)})):i(null)}),[t,o,a]),d.default.createElement(d.default.Fragment,null,r,o?n.cloneElement(o,{ref:l}):null)}const xd={x:0,y:0,scaleX:1,scaleY:1};function yd(e){let{children:n}=e;return d.default.createElement(td.Provider,{value:nd},d.default.createElement(dd.Provider,{value:xd},n))}const $d={position:"fixed",touchAction:"none"},kd=e=>wa(e)?"transform 250ms ease":void 0,Ed=n.forwardRef(((e,n)=>{let{as:t,activatorEvent:r,adjustScale:o,children:i,className:a,rect:l,style:c,transform:s,transition:u=kd}=e;if(!l)return null;const g=o?s:{...s,scaleX:1,scaleY:1},f={...$d,width:l.width,height:l.height,top:l.top,left:l.left,transform:ya.Transform.toString(g),transformOrigin:o&&r?La(r,l):void 0,transition:"function"==typeof u?u(r):u,...c};return d.default.createElement(t,{className:a,style:f,ref:n},i)})),Cd=e=>n=>{let{active:t,dragOverlay:r}=n;const o={},{styles:i,className:a}=e;if(null!=i&&i.active)for(const[e,n]of Object.entries(i.active))void 0!==n&&(o[e]=t.node.style.getPropertyValue(e),t.node.style.setProperty(e,n));if(null!=i&&i.dragOverlay)for(const[e,n]of Object.entries(i.dragOverlay))void 0!==n&&r.node.style.setProperty(e,n);return null!=a&&a.active&&t.node.classList.add(a.active),null!=a&&a.dragOverlay&&r.node.classList.add(a.dragOverlay),function(){for(const[e,n]of Object.entries(o))t.node.style.setProperty(e,n);null!=a&&a.active&&t.node.classList.remove(a.active)}},Sd={duration:250,easing:"ease",keyframes:e=>{let{transform:{initial:n,final:t}}=e;return[{transform:ya.Transform.toString(n)},{transform:ya.Transform.toString(t)}]},sideEffects:Cd({styles:{active:{opacity:"0"}}})};function Id(e){let{config:n,draggableNodes:t,droppableContainers:r,measuringConfiguration:o}=e;return ca(((e,i)=>{if(null===n)return;const a=t.get(e);if(!a)return;const l=a.node.current;if(!l)return;const d=Ql(i);if(!d)return;const{transform:c}=ra(i).getComputedStyle(i),s=Qa(c);if(!s)return;const u="function"==typeof n?n:function(e){const{duration:n,easing:t,sideEffects:r,keyframes:o}={...Sd,...e};return e=>{let{active:i,dragOverlay:a,transform:l,...d}=e;if(!n)return;const c={x:a.rect.left-i.rect.left,y:a.rect.top-i.rect.top},s={scaleX:1!==l.scaleX?i.rect.width*l.scaleX/a.rect.width:1,scaleY:1!==l.scaleY?i.rect.height*l.scaleY/a.rect.height:1},u={x:l.x-c.x,y:l.y-c.y,...s},g=o({...d,active:i,dragOverlay:a,transform:{initial:l,final:u}}),[f]=g,b=g[g.length-1];if(JSON.stringify(f)===JSON.stringify(b))return;const h=null==r?void 0:r({active:i,dragOverlay:a,...d}),p=a.node.animate(g,{duration:n,easing:t,fill:"forwards"});return new Promise((e=>{p.onfinish=()=>{null==h||h(),e()}}))}}(n);return gl(l,o.draggable.measure),u({active:{id:e,data:a.data,node:l,rect:o.draggable.measure(l)},draggableNodes:t,dragOverlay:{node:i,rect:o.dragOverlay.measure(d)},droppableContainers:r,measuringConfiguration:o,transform:s})}))}let Dd=0;function zd(e){return n.useMemo((()=>{if(null!=e)return Dd++,Dd}),[e])}const Od=d.default.memo((e=>{let{adjustScale:t=!1,children:r,dropAnimation:o,style:i,transition:a,modifiers:l,wrapperElement:c="div",className:s,zIndex:u=999}=e;const{activatorEvent:g,active:f,activeNodeRect:b,containerNodeRect:h,draggableNodes:p,droppableContainers:v,dragOverlay:m,over:w,measuringConfiguration:x,scrollableAncestors:y,scrollableAncestorRects:$,windowRect:k}=hd(),E=n.useContext(dd),C=zd(null==f?void 0:f.id),S=ld(l,{activatorEvent:g,active:f,activeNodeRect:b,containerNodeRect:h,draggingNodeRect:m.rect,over:w,overlayNodeRect:m.rect,scrollableAncestors:y,scrollableAncestorRects:$,transform:E,windowRect:k}),I=Fl(b),D=Id({config:o,draggableNodes:p,droppableContainers:v,measuringConfiguration:x}),z=I?m.setRef:void 0;return d.default.createElement(yd,null,d.default.createElement(wd,{animation:D},f&&C?d.default.createElement(Ed,{key:C,id:f.id,ref:z,as:c,activatorEvent:g,adjustScale:t,className:s,transition:a,rect:I,style:{zIndex:u,...i},transform:S},r):null))}));function Rd(e,n,t){const r=e.slice();return r.splice(t<0?r.length+t:t,0,r.splice(n,1)[0]),r}function jd(e,n){return e.reduce(((e,t,r)=>{const o=n.get(t);return o&&(e[r]=o),e}),Array(e.length))}function Nd(e){return null!==e&&e>=0}const Md=e=>{let{rects:n,activeIndex:t,overIndex:r,index:o}=e;const i=Rd(n,r,t),a=n[o],l=i[o];return l&&a?{x:l.left-a.left,y:l.top-a.top,scaleX:l.width/a.width,scaleY:l.height/a.height}:null},Td={scaleX:1,scaleY:1},Bd=e=>{var n;let{activeIndex:t,activeNodeRect:r,index:o,rects:i,overIndex:a}=e;const l=null!=(n=i[t])?n:r;if(!l)return null;if(o===t){const e=i[a];return e?{x:0,y:t<a?e.top+e.height-(l.top+l.height):e.top-l.top,...Td}:null}const d=function(e,n,t){const r=e[n],o=e[n-1],i=e[n+1];if(!r)return 0;if(t<n)return o?r.top-(o.top+o.height):i?i.top-(r.top+r.height):0;return i?i.top-(r.top+r.height):o?r.top-(o.top+o.height):0}(i,o,t);return o>t&&o<=a?{x:0,y:-l.height-d,...Td}:o<t&&o>=a?{x:0,y:l.height+d,...Td}:{x:0,y:0,...Td}};const Ld="Sortable",Ad=d.default.createContext({activeIndex:-1,containerId:Ld,disableTransforms:!1,items:[],overIndex:-1,useDragOverlay:!1,sortedRects:[],strategy:Md,disabled:{draggable:!1,droppable:!1}});function qd(e){let{children:t,id:r,items:o,strategy:i=Md,disabled:a=!1}=e;const{active:l,dragOverlay:c,droppableRects:s,over:u,measureDroppableContainers:g}=hd(),f=ha(Ld,r),b=Boolean(null!==c.rect),h=n.useMemo((()=>o.map((e=>"object"==typeof e&&"id"in e?e.id:e))),[o]),p=null!=l,v=l?h.indexOf(l.id):-1,m=u?h.indexOf(u.id):-1,w=n.useRef(h),x=!function(e,n){if(e===n)return!0;if(e.length!==n.length)return!1;for(let t=0;t<e.length;t++)if(e[t]!==n[t])return!1;return!0}(h,w.current),y=-1!==m&&-1===v||x,$=function(e){return"boolean"==typeof e?{draggable:e,droppable:e}:e}(a);da((()=>{x&&p&&g(h)}),[x,h,p,g]),n.useEffect((()=>{w.current=h}),[h]);const k=n.useMemo((()=>({activeIndex:v,containerId:f,disabled:$,disableTransforms:y,items:h,overIndex:m,useDragOverlay:b,sortedRects:jd(h,s),strategy:i})),[v,f,$.draggable,$.droppable,y,h,m,s,b,i]);return d.default.createElement(Ad.Provider,{value:k},t)}const Pd=e=>{let{id:n,items:t,activeIndex:r,overIndex:o}=e;return Rd(t,r,o).indexOf(n)},Fd=e=>{let{containerId:n,isSorting:t,wasDragging:r,index:o,items:i,newIndex:a,previousItems:l,previousContainerId:d,transition:c}=e;return!(!c||!r)&&((l===i||o!==a)&&(!!t||a!==o&&n===d))},Hd={duration:200,easing:"ease"},Wd="transform",Gd=ya.Transition.toString({property:Wd,duration:0,easing:"linear"}),Yd={roleDescription:"sortable"};function Ud(e){let{animateLayoutChanges:t=Fd,attributes:r,disabled:o,data:i,getNewIndex:a=Pd,id:l,strategy:d,resizeObserverConfig:c,transition:s=Hd}=e;const{items:u,containerId:g,activeIndex:f,disabled:b,disableTransforms:h,sortedRects:p,overIndex:v,useDragOverlay:m,strategy:w}=n.useContext(Ad),x=function(e,n){var t,r;if("boolean"==typeof e)return{draggable:e,droppable:!1};return{draggable:null!=(t=null==e?void 0:e.draggable)?t:n.draggable,droppable:null!=(r=null==e?void 0:e.droppable)?r:n.droppable}}(o,b),y=u.indexOf(l),$=n.useMemo((()=>({sortable:{containerId:g,index:y,items:u},...i})),[g,i,y,u]),k=n.useMemo((()=>u.slice(u.indexOf(l))),[u,l]),{rect:E,node:C,isOver:S,setNodeRef:I}=md({id:l,data:$,disabled:x.droppable,resizeObserverConfig:{updateMeasurementsFor:k,...c}}),{active:D,activatorEvent:z,activeNodeRect:O,attributes:R,setNodeRef:j,listeners:N,isDragging:M,over:T,setActivatorNodeRef:B,transform:L}=bd({id:l,data:$,attributes:{...Yd,...r},disabled:x.draggable}),A=function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return n.useMemo((()=>e=>{t.forEach((n=>n(e)))}),t)}(I,j),q=Boolean(D),P=q&&!h&&Nd(f)&&Nd(v),F=!m&&M,H=F&&P?L:null,W=P?null!=H?H:(null!=d?d:w)({rects:p,activeNodeRect:O,activeIndex:f,overIndex:v,index:y}):null,G=Nd(f)&&Nd(v)?a({id:l,items:u,activeIndex:f,overIndex:v}):y,Y=null==D?void 0:D.id,U=n.useRef({activeId:Y,items:u,newIndex:G,containerId:g}),X=u!==U.current.items,V=t({active:D,containerId:g,isDragging:M,isSorting:q,id:l,index:y,items:u,newIndex:U.current.newIndex,previousItems:U.current.items,previousContainerId:U.current.containerId,transition:s,wasDragging:null!=U.current.activeId}),Q=function(e){let{disabled:t,index:r,node:o,rect:i}=e;const[a,l]=n.useState(null),d=n.useRef(r);return da((()=>{if(!t&&r!==d.current&&o.current){const e=i.current;if(e){const n=_a(o.current,{ignoreTransform:!0}),t={x:e.left-n.left,y:e.top-n.top,scaleX:e.width/n.width,scaleY:e.height/n.height};(t.x||t.y)&&l(t)}}r!==d.current&&(d.current=r)}),[t,r,o,i]),n.useEffect((()=>{a&&l(null)}),[a]),a}({disabled:!V,index:y,node:C,rect:E});return n.useEffect((()=>{q&&U.current.newIndex!==G&&(U.current.newIndex=G),g!==U.current.containerId&&(U.current.containerId=g),u!==U.current.items&&(U.current.items=u)}),[q,G,g,u]),n.useEffect((()=>{if(Y===U.current.activeId)return;if(Y&&!U.current.activeId)return void(U.current.activeId=Y);const e=setTimeout((()=>{U.current.activeId=Y}),50);return()=>clearTimeout(e)}),[Y]),{active:D,activeIndex:f,attributes:R,data:$,rect:E,index:y,newIndex:G,items:u,isOver:S,isSorting:q,isDragging:M,listeners:N,node:C,overIndex:v,over:T,setNodeRef:A,setActivatorNodeRef:B,setDroppableNodeRef:I,setDraggableNodeRef:j,transform:null!=Q?Q:W,transition:function(){if(Q||X&&U.current.newIndex===y)return Gd;if(F&&!wa(z)||!s)return;if(q||V)return ya.Transition.toString({...s,property:Wd});return}()}}function Xd(e){if(!e)return!1;const n=e.data.current;return!!(n&&"sortable"in n&&"object"==typeof n.sortable&&"containerId"in n.sortable&&"items"in n.sortable&&"index"in n.sortable)}const Vd=[ml.Down,ml.Right,ml.Up,ml.Left],Qd=(e,n)=>{let{context:{active:t,collisionRect:r,droppableRects:o,droppableContainers:i,over:a,scrollableAncestors:l}}=n;if(Vd.includes(e.code)){if(e.preventDefault(),!t||!r)return;const n=[];i.getEnabled().forEach((t=>{if(!t||null!=t&&t.disabled)return;const i=o.get(t.id);if(i)switch(e.code){case ml.Down:r.top<i.top&&n.push(t);break;case ml.Up:r.top>i.top&&n.push(t);break;case ml.Left:r.left>i.left&&n.push(t);break;case ml.Right:r.left<i.left&&n.push(t)}}));const d=(e=>{let{collisionRect:n,droppableRects:t,droppableContainers:r}=e;const o=Pa(n),i=[];for(const e of r){const{id:n}=e,r=t.get(n);if(r){const t=Pa(r),a=o.reduce(((e,n,r)=>e+Ba(t[r],n)),0),l=Number((a/4).toFixed(4));i.push({id:n,data:{droppableContainer:e,value:l}})}}return i.sort(Aa)})({active:t,collisionRect:r,droppableRects:o,droppableContainers:n,pointerCoordinates:null});let c=Fa(d,"id");if(c===(null==a?void 0:a.id)&&d.length>1&&(c=d[1].id),null!=c){const e=i.get(t.id),n=i.get(c),a=n?o.get(n.id):null,d=null==n?void 0:n.node.current;if(d&&a&&e&&n){const t=Za(d).some(((e,n)=>l[n]!==e)),o=Kd(e,n),i=function(e,n){if(!Xd(e)||!Xd(n))return!1;if(!Kd(e,n))return!1;return e.data.current.sortable.index<n.data.current.sortable.index}(e,n),c=t||!o?{x:0,y:0}:{x:i?r.width-a.width:0,y:i?r.height-a.height:0},s={x:a.left,y:a.top};return c.x&&c.y?s:ma(s,c)}}}};function Kd(e,n){return!(!Xd(e)||!Xd(n))&&e.data.current.sortable.containerId===n.data.current.sortable.containerId}var _d=n.createContext(sd),Jd=function(e){var t=n.useContext(_d);return n.useEffect((function(){var e=document.documentElement.style.scrollBehavior;return document.documentElement.style.scrollBehavior="auto",function(){document.documentElement.style.scrollBehavior=e}})),d.default.createElement(t,u({},e))};function Zd(){var e=f(n.useState(!1),2),t=e[0],r=e[1];return n.useEffect((function(){var e=window.matchMedia("(prefers-reduced-motion: reduce)");r(e.matches)}),[]),t}var ec=function(e){var n=e.id,t=e.label,r=e.isHighlighted,o=Ud({id:n}),i=o.attributes,a=o.listeners,l=o.setNodeRef,c=o.transform,s=o.transition,g=o.isOver,f=o.isDragging,b={transform:ya.Transform.toString(c),transition:s};return d.default.createElement(xi,{isOver:g,isHighlighted:r},d.default.createElement(mi,u({ref:l,style:b,isDisabled:f},i,a,{"aria-describedby":void 0,"aria-roledescription":"sortable item","aria-pressed":void 0,"aria-selected":!!i["aria-pressed"],role:"option"}),t))};function nc(e){var n=function(n){return e.findIndex((function(e){return e.id===n}))+1},t=function(n){var t;return null===(t=e.find((function(e){return e.id===n})))||void 0===t?void 0:t.label};return{onDragStart:function(){},onDragOver:function(r){var o=r.active,i=r.over;if(i)return"Sortable item ".concat(t(o.id)," is in position ").concat(n(i.id)," of ").concat(e.length)},onDragEnd:function(r){var o=r.active,i=r.over;if(i)return"Sortable item ".concat(t(o.id)," was dropped into position ").concat(n(i.id)," of ").concat(e.length)},onDragCancel:function(e){var n=e.active;return"Dragging was cancelled. Sortable item ".concat(t(n.id)," was dropped.")}}}var tc,rc,oc=l.default(Bn)(tc||(tc=b(["\n  background-color: ",";\n  background-color: color-mix(in lch, ",' 5%, transparent);\n\n  &[data-over="true"] {\n    background-color: ',";\n    background-color: color-mix(\n      in lch,\n      "," 60%,\n      transparent\n    );\n  }\n"],["\n  background-color: ",";\n  background-color: color-mix(in lch, ",' 5%, transparent);\n\n  &[data-over="true"] {\n    background-color: ',";\n    background-color: color-mix(\n      in lch,\n      "," 60%,\n      transparent\n    );\n  }\n"])),m("grey20"),m("black"),m("white"),m("white")),ic=n.forwardRef((function(e,t){var r=e.isOver,o=e.children,i=g(e,["isOver","children"]),a=f(n.useState(null),2),l=a[0],c=a[1],s=f(n.useState(0),2),b=s[0],h=s[1];return n.useLayoutEffect((function(){if(l){var e=new ResizeObserver((function(e){var n,t,r=function(e){h((function(n){var t,r;return Math.max(null!==(r=null===(t=e.borderBoxSize[0])||void 0===t?void 0:t.blockSize)&&void 0!==r?r:0,n)}))};try{for(var o=function(e){var n="function"==typeof Symbol&&Symbol.iterator,t=n&&e[n],r=0;if(t)return t.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw new TypeError(n?"Object is not iterable.":"Symbol.iterator is not defined.")}(e),i=o.next();!i.done;i=o.next()){r(i.value)}}catch(e){n={error:e}}finally{try{i&&!i.done&&(t=o.return)&&t.call(o)}finally{if(n)throw n.error}}}));return e.observe(l),window.addEventListener("resize",n),function(){e.disconnect(),window.removeEventListener("resize",n)}}function n(){h(0)}}),[l]),d.default.createElement(oc,u({ref:t,$mb:"space-between-m2",$borderRadius:"border-radius-l","data-over":r,style:{minHeight:0===b?"auto":b}},i),d.default.createElement(An,{$alignItems:"flex-start",$minHeight:"all-spacing-13",$pa:"inner-padding-s",$gap:"space-between-xs",$flexWrap:"wrap",ref:c},o))})),ac=function(e){var n=e.id,t=e.label,r=e.isOver,o=bd({id:n,data:{id:n,label:t}}),i=o.attributes,a=o.listeners,l=o.setNodeRef,c=o.isDragging;return d.default.createElement(mi,u({ref:l,isDisabled:r,color:"text-inverted",background:"bg-btn-primary",iconColor:"icon-main"},i,a,{role:"option","aria-describedby":void 0,"aria-roledescription":"draggable item","aria-pressed":void 0,"aria-selected":!!i["aria-pressed"],style:{opacity:c?0:1}}),t)},lc=function(e){var n=e.children,t=md({id:"holding-pen",data:{label:"holding pen"}}),r=t.setNodeRef,o=t.isOver;return d.default.createElement(ic,{ref:r,isOver:o,"aria-label":"Available items","data-testid":"holding-pen",role:"listbox"},n)},dc=function(e){var n=e.id,t=e.label,r=e.match,o=e.isHighlighted,i=md({id:n,data:{id:n,label:t}}),a=i.setNodeRef,l=i.isOver,c=i.active;return d.default.createElement(xi,{isOver:l,isDisabled:!c,ref:a,id:n,labelSlot:t,"data-testid":"slot",isHighlighted:o},r&&d.default.createElement(ac,u({},r,{isOver:l})))},cc={onDragStart:function(){},onDragOver:function(e){var n,t=e.active,r=e.over;if((null==r?void 0:r.data.current)&&(null===(n=t.data)||void 0===n?void 0:n.current))return"Item ".concat(t.data.current.label," is over ").concat(r.data.current.label)},onDragEnd:function(e){var n,t=e.active,r=e.over;if((null==r?void 0:r.data.current)&&(null===(n=t.data)||void 0===n?void 0:n.current))return"Item ".concat(t.data.current.label," was dropped onto ").concat(r.data.current.label)},onDragCancel:function(e){var n,t=e.active;if(null===(n=t.data)||void 0===n?void 0:n.current)return"Dragging was cancelled. Item ".concat(t.data.current.label," was dropped.")}},sc=l.default(kr)(rc||(rc=b(["\n  pointer-events: none;\n"],["\n  pointer-events: none;\n"]))),uc=function(e){var n=e.href,t=e.isCurrent,r=void 0!==t&&t,o=e.shallow,i=void 0===o||o,a=e.children;return r?d.default.createElement(sc,{element:"span","aria-current":"page"},a):d.default.createElement(Er,{element:s.default,href:n,shallow:i,isTrailingIcon:!0},a)};exports.HeadingTagComponent=st,exports.OakBackLink=function(e){var n=e.as,t=e.label,r=void 0===t?"Back":t,o=g(e,["as","label"]);return d.default.createElement(Io,u({as:null!=n?n:"a","aria-label":r},o),d.default.createElement(St,{alt:"",iconName:"chevron-left",$width:"all-spacing-8",$height:"all-spacing-8"}))},exports.OakBox=Bn,exports.OakBulletList=function(e){var n=e.listItems,t=g(e,["listItems"]);return d.default.createElement(qn,u({},t),n.map((function(e,n){return d.default.createElement(qn,{key:n},0!==n&&d.default.createElement(qn,null," • "),d.default.createElement(qn,null,e))})))},exports.OakCardHeader=function(e){var n=e.iconName,t=e.tag,r=e.children;return d.default.createElement(An,{$alignItems:"center",$gap:"space-between-ssx"},d.default.createElement(St,{iconName:n}),d.default.createElement(ut,{$font:"heading-6",tag:t},r))},exports.OakCheckBox=function(e){var t=e.id,r=e.value,o=e.displayValue,i=void 0===o?r:o,a=e.disabled,l=void 0!==a&&a,c=e.defaultChecked,s=void 0!==c&&c,u=e.onChange,g=e.onFocus,f=e.onBlur,b=e.onHovered,h=e.iconPadding,p=void 0===h?"inner-padding-none":h,v=e.hoverBorderRadius,m=void 0===v?"border-radius-xs":v,w=e.checkboxSize,x=void 0===w?"all-spacing-6":w,y=e.checkboxBorder,$=void 0===y?"border-solid-m":y,k=e.checkboxBorderRadius,E=void 0===k?"border-radius-xs":k,C=e.defaultColor,S=void 0===C?"text-primary":C,I=e.disabledColor,D=void 0===I?"text-disabled":I,z=e.labelGap,O=void 0===z?"space-between-s":z,R=e.labelAlignItems,j=void 0===R?"center":R,N=e.checkedBackgroundFill,M=void 0===N||N,T=e.checkedIcon,B=n.useRef(Date.now()),L=l?D:S;return d.default.createElement(uo,{htmlFor:t,labelGap:O,labelAlignItems:j,$color:L,disabled:l,onMouseEnter:function(){B.current=Date.now()},onMouseLeave:function(){var e=Date.now()-B.current;b&&b(r,t,e)},"data-testid":e["data-testid"]},d.default.createElement(bo,{size:x,internalCheckbox:d.default.createElement(so,{id:t,value:r,$width:x,$height:x,$ba:$,$borderRadius:E,$borderColor:L,$checkedBackground:M?L:null,$hoverBorderRadius:m,onChange:u,onFocus:g,onBlur:f,defaultChecked:s,disabled:l}),checkedIcon:T,iconPadding:p}),i)},exports.OakCloudinaryConfigProvider=dr,exports.OakCloudinaryImage=function(e){var t=e.cloudinaryId,o=e.unoptimized,i=void 0===o?t.endsWith(".svg"):o,a=g(e,["cloudinaryId","unoptimized"]),l=n.useContext(lr),c=Mt(t,l);return d.default.createElement(dt,u({as:r.CldImage,src:c,imageProps:{config:l,flags:i?void 0:["keep_attribution"]},unoptimized:i},a))},exports.OakCollapsibleContent=ci,exports.OakDragAndDropInstructions=bi,exports.OakDraggable=mi,exports.OakDraggableFeedback=function(e){var n=e.feedback,t=g(e,["feedback"]);return d.default.createElement(mi,u({},t,{iconName:"correct"===n?"tick":"cross",iconColor:"correct"===n?"icon-success":"icon-error",iconAlt:"correct"===n?"correct":"incorrect",$ba:"border-solid-xl",$borderColor:"correct"===n?"border-success":"border-error",$background:"correct"===n?"bg-correct":"bg-incorrect",isReadOnly:!0}))},exports.OakDroppable=xi,exports.OakFieldError=function(e){var n=e.children;return n?d.default.createElement(An,{$alignItems:"center",$flexDirection:"row"},d.default.createElement(An,{$alignSelf:"flex-start",$mr:"space-between-s"},d.default.createElement(St,{iconName:"content-guidance",$colorFilter:"red"})),d.default.createElement(qn,{$color:"red"},n)):null},exports.OakFlex=An,exports.OakForm=Pn,exports.OakGlobalStyle=gr,exports.OakGrid=Dt,exports.OakGridArea=jt,exports.OakHandDrawnCard=oi,exports.OakHandDrawnCardWithIcon=ii,exports.OakHeading=ut,exports.OakHintButton=Si,exports.OakIcon=St,exports.OakImage=dt,exports.OakKbd=cr,exports.OakLI=pt,exports.OakLabel=mt,exports.OakLessonBottomNav=function(e){var n,t=e.hint,r=e.feedback,o=e.answerFeedback,i=e.children;switch(!0){case!!r:n=d.default.createElement(Di,{feedback:r,answerFeedback:o});break;case!!t:n=d.default.createElement(Ii,{hint:t});break;default:n=null}return d.default.createElement(zi,{$flexDirection:["column","row"],$pa:"inner-padding-m",$minHeight:"all-spacing-9",$gap:"space-between-m"},d.default.createElement(An,{$alignItems:"center"},n),d.default.createElement(An,{$flexGrow:"1",$height:"fit-content",$alignSelf:"flex-end",$justifyContent:["initial","flex-end"],$width:["100%","auto"]},i))},exports.OakLessonInfoCard=function(e){var n=e.children,t=g(e,["children"]);return d.default.createElement(An,u({$borderRadius:"border-radius-l",$pa:"inner-padding-xl",$flexDirection:"column",$gap:"space-between-s",$background:"white"},t),n)},exports.OakLessonLayout=function(e){var n=e.lessonSectionName,t=e.topNavSlot,r=e.bottomNavSlot,o=e.children,i=f(function(e){switch(e){case"overview":case"review":return["bg-decorative1-main","bg-primary","border-decorative1-stronger","bg-primary"];case"intro":return["bg-decorative2-subdued","bg-decorative2-very-subdued","border-inverted","bg-decorative2-subdued"];case"starter-quiz":return["bg-decorative1-main","bg-decorative1-very-subdued","border-inverted","bg-decorative1-subdued"];case"video":return["bg-decorative4-subdued","bg-primary","border-decorative4","bg-primary"];case"exit-quiz":return["bg-decorative5-main","bg-decorative5-very-subdued","border-inverted","bg-decorative5-subdued"]}}(n),4),a=i[0],l=i[1],c=i[2],s=i[3];return d.default.createElement(Ni,{$display:"flex",$width:"100%",$minHeight:"100%",$ph:["inner-padding-none","inner-padding-xl"],$background:a},d.default.createElement(An,{$flexDirection:"column",$flexGrow:1,$background:[s,l],$btr:[null,"border-radius-xl"],$bt:[null,"border-solid-xl"],$bh:[null,"border-solid-xl"],$borderColor:[null,c],$maxWidth:"all-spacing-24",$minHeight:"100%",$mh:"auto",$pt:["inner-padding-none","inner-padding-m"],$gap:["space-between-l","space-between-xl"]},t&&d.default.createElement(Bn,{$pv:"inner-padding-l",$pl:["inner-padding-m","inner-padding-xs"],$pr:["inner-padding-m","inner-padding-none"],$mr:["space-between-none","space-between-l"],$background:["bg-primary","transparent"]},t),d.default.createElement(An,{$flexGrow:1,$flexDirection:"column"},o),r&&d.default.createElement(Mi,{$mh:["space-between-none","space-between-none","space-between-sssx"],$borderColor:c,$bt:"border-solid-xl",$background:["bg-primary",l]},r)))},exports.OakLessonNavItem=function(e){var n=e.as,t=e.lessonSectionName,r=e.progress,o=e.disabled,i=e.href,a=e.onClick,l=g(e,["as","lessonSectionName","progress","disabled","href","onClick"]),c=f(function(e){switch(e){case"intro":return["bg-decorative2-very-subdued","bg-decorative2-main","border-decorative2-stronger"];case"starter-quiz":return["bg-decorative1-very-subdued","bg-decorative1-main","border-decorative1-stronger"];case"video":return["bg-decorative4-very-subdued","bg-decorative4-main","border-decorative4-stronger"];case"exit-quiz":return["bg-decorative5-very-subdued","bg-decorative5-main","border-decorative5-stronger"]}}(t),3),s=c[0],b=c[1],h=c[2];return d.default.createElement(Gi,u({as:o?"div":null!=n?n:"a",$gap:"space-between-m",$alignItems:"center",$background:"not-started"===r?s:b,$ph:["inner-padding-m","inner-padding-xl"],$pv:"inner-padding-l",$borderRadius:"border-radius-l",$borderColor:h,$ba:"border-solid-l",$disabled:o,$color:"text-primary",href:o?void 0:i,onClick:o?void 0:a},l),d.default.createElement(An,{$width:"all-spacing-13",$justifyContent:"center"},d.default.createElement(St,{iconName:Ui(t),$width:"all-spacing-10",$height:"all-spacing-10"})),d.default.createElement(Yi,null,d.default.createElement(Fi,{as:"strong",$font:["heading-6","heading-5"],$color:o?"text-disabled":"text-primary"},function(e){switch(e){case"intro":return"Introduction";case"starter-quiz":return"Starter quiz";case"video":return"Lesson video";case"exit-quiz":return"Exit quiz"}}(t)),d.default.createElement(Bn,{$font:["body-2","body-1"]},function(e){switch(e.progress){case"not-started":return function(e){switch(e.lessonSectionName){case"intro":return"Prepare";case"starter-quiz":return"Activate - ".concat(e.numQuestions," Questions");case"exit-quiz":return"Check - ".concat(e.numQuestions," questions");case"video":return"Learn"}}(e);case"in-progress":return"In progress...";case"complete":return d.default.createElement(An,{$gap:"space-between-sssx",$alignItems:"center"},d.default.createElement(St,{iconName:"tick",$width:"all-spacing-6",$height:"all-spacing-6"}),function(e){switch(e.lessonSectionName){case"intro":case"video":return"Completed";case"starter-quiz":case"exit-quiz":return d.default.createElement(d.default.Fragment,null,d.default.createElement(Bn,{$display:["none","block"]},"Completed"),d.default.createElement(Bn,{$display:["block","none"]},e.grade,"/",e.numQuestions," correct"))}}(e))}}(e))),function(e){if("complete"!==e.progress)return null;switch(e.lessonSectionName){case"exit-quiz":case"starter-quiz":return d.default.createElement(Bn,{$display:["none","block"],$mr:"space-between-m"},d.default.createElement(qn,{$font:"heading-4"},e.grade),d.default.createElement(qn,{$font:"heading-6"}," / ",e.numQuestions));default:return null}}(e),d.default.createElement(Hi,{iconName:"chevron-right",$disabled:o}))},exports.OakLessonReviewItem=function(e){var n=e.completed,t=e.lessonSectionName,r=g(e,["completed","lessonSectionName"]),o=f(Ji(t),3),i=o[0],a=o[1],l=o[2],c=new Map;return c.set("intro","intro"),c.set("starter-quiz","quiz"),c.set("exit-quiz","quiz"),c.set("video","video"),d.default.createElement(Vi,u({completed:n,$gap:"space-between-m",$alignItems:"center",$background:n?i:"white",$ph:["inner-padding-m","inner-padding-xl"],$pv:"inner-padding-l",$borderRadius:"border-radius-l",$borderColor:n?i:a,$ba:"border-solid-l"},r),d.default.createElement(wo,{iconName:c.get(t),$width:"all-spacing-10",$height:"all-spacing-10",$background:l}),d.default.createElement(An,{$flexGrow:1,$flexShrink:1,$flexDirection:"column"},d.default.createElement(Bn,{$font:["heading-6","heading-5"],$color:"text-primary"},_i(t)),d.default.createElement(Bn,{$font:["body-2","body-1"]},Qi(e))),Zi(e))},exports.OakLessonTopNav=function(e){var n=e.lessonSectionName,t=e.backLinkSlot,r=e.counterSlot,o=e.heading,i=e.mobileSummary;return d.default.createElement(An,{$gap:"space-between-m",$alignItems:"center"},d.default.createElement(Bn,{$pl:["inner-padding-none","inner-padding-s"]},t),d.default.createElement(An,{$flexGrow:"none"},d.default.createElement(wo,u({},function(e){switch(e){case"intro":return{iconName:"intro",$background:"aqua110"};case"starter-quiz":return{iconName:"quiz",$background:"mint110"};case"video":return{iconName:"video",$background:"pink110"};case"exit-quiz":return{iconName:"quiz",$background:"lemon110"}}}(n),{$width:"all-spacing-8",$height:"all-spacing-8"}))),d.default.createElement(Bn,null,d.default.createElement(ut,{tag:"h1",$font:["heading-7","heading-5"]},o),d.default.createElement(Oi,{$font:"body-3"},i)),d.default.createElement(An,{$flexGrow:1,$justifyContent:"flex-end"},d.default.createElement(Bn,{$display:["none","block"]},r)))},exports.OakLessonVideoTranscript=function(e){var t=e.children,r=e.id,o=e.signLanguageControl,i=void 0===o?null:o,a=f(n.useState(!1),2),l=a[0],c=a[1];return d.default.createElement(d.default.Fragment,null,d.default.createElement(An,{$flexDirection:["column-reverse","row"],$justifyContent:"space-between"},d.default.createElement(Bn,null,t&&d.default.createElement(Dr,{onClick:function(){return c(!l)},iconName:l?"chevron-up":"chevron-down",isTrailingIcon:!0,"aria-controls":r,"aria-expanded":l,$mb:"space-between-m"},l?"Hide transcript":"Show transcript")),i&&d.default.createElement(Bn,{$mb:"space-between-m"},i)),t&&d.default.createElement(ci,{id:r,$maxHeight:"all-spacing-23",isOpen:l,$font:"body-1",$color:"text-primary"},t))},exports.OakLink=gi,exports.OakLoadingSpinner=vr,exports.OakMaxWidth=Nt,exports.OakOL=bt,exports.OakP=gt,exports.OakPrimaryButton=kr,exports.OakPrimaryInvertedButton=Er,exports.OakPrimaryNav=function(e){var n=e.ariaLabel,t=e.navItems;return d.default.createElement("nav",{"aria-label":n},d.default.createElement(An,{as:"ul",$flexDirection:["row"],$gap:"space-between-m",$mh:"space-between-none",$mv:"space-between-none",$ph:"inner-padding-none"},t.map((function(e,n){var t=e.href,r=e.isCurrent,o=e.children;return d.default.createElement(pt,{$listStyle:"none",key:n},d.default.createElement(uc,{href:t,isCurrent:r},o))}))))},exports.OakPrimaryNavItem=uc,exports.OakPromoTag=li,exports.OakQuizCheckBox=function(e){var t,r,o,i=e.id,a=e.value,l=e.feedback,c=e.image,s=e.disabled,f=e.innerRef,b=e.displayValue,h=e.isHighlighted,p=g(e,["id","value","feedback","image","disabled","innerRef","displayValue","isHighlighted"]),v=!!l,m=n.useRef(null),w=null!=f?f:m,x="correct"===l&&(null===(t=w.current)||void 0===t?void 0:t.checked)||"incorrect"===l&&!(null===(r=w.current)||void 0===r?void 0:r.checked),y="incorrect"===l&&(null===(o=w.current)||void 0===o?void 0:o.checked),$=d.default.createElement(An,{$flexDirection:"column",$minWidth:"all-spacing-20",$gap:"space-between-s"},d.default.createElement(Bn,null,c),b),k=x?"bg-correct":"bg-incorrect",E=x?"border-success":"border-error",C=d.default.createElement(ki,{$pa:"inner-padding-l",$borderRadius:"border-radius-m2",$borderColor:h?"border-decorative5-stronger":"border-primary",$background:s&&!v?"bg-neutral-stronger":"bg-primary",$flexGrow:1,onClick:function(e){var n;e.target.id!==i&&(null===(n=w.current)||void 0===n||n.click())},$overlayBorderColor:v?E:"text-disabled",$feedbackBgColor:v?k:void 0,$outlineColor:h?"border-decorative5-stronger":"transparent"},d.default.createElement($i,{htmlFor:i,labelGap:"space-between-s",labelAlignItems:"center",$color:s&&!v?"text-disabled":"text-primary",$font:"body-1",disabled:s},d.default.createElement(bo,{size:"all-spacing-7",iconPadding:"inner-padding-ssx",checkedIcon:d.default.createElement(Bn,{$width:"100%",$height:"100%",$background:s||v?"text-disabled":"text-primary"},d.default.createElement(Bn,{$ba:"border-solid-m",$borderColor:"white",$width:"100%",$height:"100%"})),internalCheckbox:d.default.createElement(yi,u({id:i,value:a,disabled:s||v},p,{$width:"all-spacing-7",$height:"all-spacing-7",$ba:"border-solid-m",$borderColor:"border-neutral",$borderRadius:"border-radius-s",$background:h?"bg-decorative5-main":"bg-primary",$checkedBackground:null,ref:w}))}),c?$:b),v&&(x||y)&&d.default.createElement(An,{className:"feedbackIconWrapper",$flexGrow:1,$justifyContent:"flex-end",$alignItems:"flex-end",$height:"100%"},x&&d.default.createElement(St,{iconName:"tick",$colorFilter:"icon-success",alt:"correct"===l?"Correct":"Unselected correct choice"}),y&&d.default.createElement(St,{iconName:"cross",$colorFilter:"icon-error",alt:"Incorrect"})));return d.default.createElement(An,{$width:"100%",$position:"relative"},C)},exports.OakQuizCounter=function(e){var n=e.counter,t=e.total;return d.default.createElement(qn,{$font:"heading-light-4",$color:"text-disabled"},d.default.createElement(qn,{$font:"heading-4",$color:"text-primary"},n," "),"of ",t)},exports.OakQuizFeedback=Di,exports.OakQuizHint=Ii,exports.OakQuizMatch=function(e){var t=e.initialOptions,r=e.initialSlots,i=e.isHighlighted,a=e.onChange,l=f(n.useState({}),2),c=l[0],s=l[1],g=n.useRef(t).current,b=n.useRef(r).current,h=f(n.useState(null),2),p=h[0],v=h[1],m=g.find((function(e){return e.id===p})),w=Zd(),x=Ma(Na(Rl),Na(Nl),Na(kl,{coordinateGetter:Qd,scrollBehavior:w?"instant":"smooth"})),y=Object.values(c).map((function(e){return e.id})),$=g.filter((function(e){return!y.includes(e.id)}));return d.default.createElement(d.default.Fragment,null,d.default.createElement(bi,{$mb:"space-between-m2"}),d.default.createElement(Jd,{sensors:x,collisionDetection:Wa,onDragEnd:function(e){var n=e.active,t=e.over;t&&s((function(e){var r=Object.entries(e).filter((function(e){var t=f(e,2)[1];return(null==t?void 0:t.id)!==n.id})),o=Object.fromEntries(r);return"holding-pen"!==t.id&&(o[t.id]=n.data.current),null==a||a(o),o}));v(null)},onDragStart:function(e){var n=e.active;v(n.id.toString())},accessibility:{announcements:cc}},d.default.createElement(lc,null,$.map((function(e){return d.default.createElement(ac,u({key:e.id},e))}))),d.default.createElement(An,{$gap:"space-between-s",$flexDirection:"column","aria-label":"Matched items",role:"listbox"},b.map((function(e){return d.default.createElement(dc,u({key:e.id},e,{isHighlighted:i,match:c[e.id]}))}))),o.createPortal(d.default.createElement(Od,{dropAnimation:w?null:void 0},m&&d.default.createElement(mi,{isDragging:!0},m.label)),document.body)))},exports.OakQuizOrder=function(e){var t=e.initialItems,r=e.onChange,i=e.isHighlighted,a=f(n.useState(t),2),l=a[0],c=a[1],s=f(n.useState(null),2),g=s[0],b=s[1],h=l.find((function(e){return e.id===g})),p=Ma(Na(Rl),Na(Nl),Na(kl,{coordinateGetter:Qd,scrollBehavior:Zd()?"instant":"smooth"}));return d.default.createElement(d.default.Fragment,null,d.default.createElement(bi,{$mb:"space-between-m2"}),d.default.createElement(Jd,{sensors:p,collisionDetection:Wa,onDragEnd:function(e){var n=e.active,t=e.over;n.id!==(null==t?void 0:t.id)&&c((function(e){var o=e.findIndex((function(e){return e.id===n.id})),i=e.findIndex((function(e){return e.id===(null==t?void 0:t.id)})),a=Rd(e,o,i);return null==r||r(a),a}));b(null)},onDragStart:function(e){var n=e.active;b(n.id.toString())},accessibility:{announcements:nc(l)}},d.default.createElement(qd,{items:l,strategy:Bd},d.default.createElement(An,{$gap:"space-between-s",$flexDirection:"column",role:"listbox","aria-label":"Sortable items"},l.map((function(e){return d.default.createElement(ec,u({key:e.id},e,{isHighlighted:i}))}))),o.createPortal(d.default.createElement(Od,null,h&&d.default.createElement(mi,{isDragging:!0},h.label)),document.body))))},exports.OakQuizRadioButton=function(e){var t,r,o=e.value,i=e.feedback,a=e.image,l=e.disabled,c=e.isHighlighted,s=e.label,f=g(e,["value","feedback","image","disabled","isHighlighted","label"]),b=!!i,h=n.useContext(zr).currentValue===o,p="bg-primary",v=null,m="bg-primary";switch(!0){case l&&!b:p="bg-neutral-stronger";break;case"correct"===i&&h:t="border-success",p="bg-correct",v="tick",r="Correct";break;case"incorrect"===i&&h:t="border-error",p="bg-incorrect",v="cross",r="Incorrect";break;case"incorrect"===i&&!h:v="tick",r="Unselected correct choice";break;case c:m="bg-decorative5-main",t="border-decorative5-stronger";break;case h&&!l:t="border-primary"}return d.default.createElement(Ei,{$pa:"inner-padding-l",$borderRadius:"border-radius-m2",$justifyContent:"space-between",$position:"relative",$alignContent:"center",onClick:function(e){var n;null===(n=e.currentTarget.querySelector("input"))||void 0===n||n.click()},$disabled:l||b,$checked:h,$outlineColor:t,$background:p},d.default.createElement(Mr,u({value:o,disabled:l||b,$labelGap:"space-between-s",disableFocusRing:!0,radioInnerSize:"all-spacing-6",radioOuterSize:"all-spacing-7",radioBackground:m,checkedRadioBorderWidth:"border-solid-l",label:a?d.default.createElement(An,{$flexDirection:"column",$minWidth:"all-spacing-20",$gap:"space-between-s"},d.default.createElement(Bn,null,a),s):s},f)),b&&v&&d.default.createElement(An,{$alignSelf:"flex-end"},d.default.createElement(St,{iconName:v,$colorFilter:"tick"===v?"icon-success":"icon-error",alt:r})))},exports.OakQuizTextInput=function(e){var n,t,r=e.feedback,o=e.readOnly,i=g(e,["feedback","readOnly"]),a=void 0;switch(r){case"correct":n="valid",t="tick",a="Correct";break;case"incorrect":n="invalid",t="cross",a="Incorrect"}return d.default.createElement(mo,u({},i,{validity:n,iconName:t,iconAlt:a,readOnly:o||!!r,isTrailingIcon:!0}))},exports.OakRadioButton=Mr,exports.OakRadioGroup=function(e){var t=e.name,r=e.children,o=e.label,i=e.onChange,a=e.$font,l=void 0===a?"body-1-bold":a,c=e.$gap,s=void 0===c?"space-between-s":c,b=e.disabled,h=e.value,p=e.defaultValue,v=void 0===p?"":p,m=g(e,["name","children","label","onChange","$font","$gap","disabled","value","defaultValue"]),w=f(n.useState(v),2),x=w[0],y=w[1];return d.default.createElement(An,u({role:"radiogroup",$gap:s},m),o&&d.default.createElement(mt,{$font:l},o),d.default.createElement(zr.Provider,{value:{currentValue:null!=h?h:x,name:t,disabled:b,onValueUpdated:function(e){void 0===h&&y(e.target.value),i&&i(e)}}},r))},exports.OakRoundIcon=wo,exports.OakSecondaryButton=function(e){var n=e.element,t=g(e,["element"]);return d.default.createElement($r,u({element:null!=n?n:"button",defaultBorderColor:"text-primary",defaultBackground:"bg-btn-secondary",defaultTextColor:"text-primary",hoverBackground:"bg-btn-secondary-hover",hoverBorderColor:"text-primary",hoverTextColor:"text-primary",disabledBackground:"bg-btn-secondary-disabled",disabledBorderColor:"text-disabled",disabledTextColor:"text-disabled"},t))},exports.OakSpan=qn,exports.OakStaticMessageCard=function(e){var n=e.children,t=g(e,["children"]);return d.default.createElement(oi,u({},t,{fill:["bg-decorative2-very-subdued","bg-decorative2-subdued","bg-decorative2-subdued"]}),d.default.createElement(An,{$pa:"inner-padding-none",$flexDirection:"column",$gap:"space-between-s"},n))},exports.OakSubjectIcon=function(e){var n=e.showPromoTag,t=g(e,["showPromoTag"]);return d.default.createElement(Bn,{$width:"fit-content",$height:"fit-content",$position:"relative"},d.default.createElement(ii,u({},t)),n&&d.default.createElement(Bn,{$position:"absolute",$top:["all-spacing-0","all-spacing-2"],$left:["all-spacing-0","all-spacing-2"]},d.default.createElement(li,null)))},exports.OakTertiaryButton=Dr,exports.OakTextInput=mo,exports.OakThemeProvider=function(n){var t=n.theme,r=n.children;return d.default.createElement(e.ThemeProvider,{theme:t},r)},exports.OakTooltip=Eo,exports.OakTypography=ct,exports.OakUL=ft,exports.isValidIconName=function(e){return xt.includes(e)},exports.oakAllSpacingTokens=M,exports.oakBorderRadiusTokens=en,exports.oakBorderWidthTokens=Ze,exports.oakBoxCss=Tn,exports.oakColorTokens=h,exports.oakDefaultTheme={name:"default",uiColors:{"text-primary":"black","text-subdued":"grey60","text-error":"red","text-disabled":"grey50","text-link-active":"navy","text-link-hover":"navy110","text-link-pressed":"navy120","text-link-visited":"navy120","text-inverted":"white","text-success":"oakGreen","text-warning":"amber","bg-primary":"white","bg-neutral":"grey20","bg-neutral-stronger":"grey30","bg-btn-primary":"black","bg-btn-primary-hover":"grey60","bg-btn-primary-disabled":"grey50","bg-btn-secondary":"white","bg-btn-secondary-hover":"grey20","bg-btn-secondary-disabled":"grey30","bg-icon":"black","bg-icon-hover":"grey60","bg-decorative1-main":"mint","bg-decorative1-subdued":"mint50","bg-decorative1-very-subdued":"mint30","bg-decorative2-main":"aqua","bg-decorative2-subdued":"aqua50","bg-decorative2-very-subdued":"aqua30","bg-decorative3-main":"lavender","bg-decorative3-subdued":"lavender50","bg-decorative3-very-subdued":"lavender30","bg-decorative4-main":"pink","bg-decorative4-subdued":"pink50","bg-decorative4-very-subdued":"pink30","bg-decorative5-main":"lemon","bg-decorative5-subdued":"lemon50","bg-decorative5-very-subdued":"lemon30","bg-correct":"mint50","bg-incorrect":"red30","icon-main":"white","icon-inverted":"black","icon-disabled":"grey50","icon-brand":"oakGreen","icon-success":"oakGreen","icon-error":"red","icon-warning":"amber","border-primary":"black","border-inverted":"white","border-neutral":"grey50","border-brand":"oakGreen","border-success":"oakGreen","border-error":"red","border-warning":"amber","border-decorative1":"mint","border-decorative1-stronger":"mint110","border-decorative2":"aqua","border-decorative2-stronger":"aqua110","border-decorative3":"lavender","border-decorative3-stronger":"lavender110","border-decorative4":"pink","border-decorative4-stronger":"pink110","border-decorative5":"lemon","border-decorative5-stronger":"lemon110","border-decorative6":"amber50","border-decorative6-stronger":"amber",transparent:"transparent"}},exports.oakDropShadowTokens=$n,exports.oakFontSizeTokens=On,exports.oakFontTokens=Rn,exports.oakHeadingTags=["div","h1","h2","h3","h4","h5","h6"],exports.oakIconNames=xt,exports.oakInnerPaddingTokens=T,exports.oakOpacityTokens=Cn,exports.oakSpaceBetweenTokens=B,exports.oakTransitionTokens=Dn,exports.oakUiRoleTokens=v;
+"use strict";var e=require("styled-components"),n=require("react"),t=require("next/image"),r=require("next-cloudinary"),o=require("react-dom"),i=require("next/link");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=a(e),d=a(n),c=a(t),s=a(i),u=function(){return u=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},u.apply(this,arguments)};function g(e,n){var t={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&n.indexOf(r)<0&&(t[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)n.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(t[r[o]]=e[r[o]])}return t}function f(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var r,o,i=t.call(e),a=[];try{for(;(void 0===n||n-- >0)&&!(r=i.next()).done;)a.push(r.value)}catch(e){o={error:e}}finally{try{r&&!r.done&&(t=i.return)&&t.call(i)}finally{if(o)throw o.error}}return a}function b(e,n){return Object.defineProperty?Object.defineProperty(e,"raw",{value:n}):e.raw=n,e}"function"==typeof SuppressedError&&SuppressedError;var h={white:"#ffffff",grey10:"#f9f9f9",grey20:"#f2f2f2",grey30:"#e4e4e4",grey40:"#cacaca",grey50:"#808080",grey60:"#575757",grey70:"#2d2d2d",black:"#222222",oakGreen:"#287c34",mint:"#bef2bd",mint30:"#ebfbeb",mint50:"#dff9de",mint110:"#93e892",aqua:"#b0e2de",aqua30:"#e7f6f5",aqua50:"#cee7e5",aqua110:"#7cd8d0",lavender:"#a0b6f2",lavender30:"#e3e9fb",lavender50:"#c6d1ef",lavender110:"#7c9aec",pink:"#deb7d5",pink30:"#f5e9f2",pink50:"#e5d1e0",pink110:"#cf9cc3",lemon:"#ffe555",lemon30:"#fff7cc",lemon50:"#f6e8a0",lemon110:"#fbd60e",amber:"#ff934e",amber30:"#ffece0",amber50:"#ffc8a6",red:"#dd0035",red30:"#f8d8e0",red50:"#ee809a",navy:"#0d24c4",navy110:"#0a1d9d",navy120:"#081676",blue:"#374cf1",magenta:"#d02aa7",purple:"#845ad9",teal:"#037b7d",transparent:"transparent"},p={black:"invert(10%) sepia(1%) saturate(236%) hue-rotate(314deg) brightness(95%) contrast(91%)",red:"invert(13%) sepia(78%) saturate(5255%) hue-rotate(337deg) brightness(88%) contrast(111%)",oakGreen:"invert(37%) sepia(16%) saturate(1947%) hue-rotate(77deg) brightness(100%) contrast(88%)",white:"invert(98%) sepia(98%) saturate(0%) hue-rotate(328deg) brightness(102%) contrast(102%)",grey40:"invert(92%) sepia(0%) saturate(581%) hue-rotate(147deg) brightness(94%) contrast(80%)",grey50:"invert(54%) sepia(0%) saturate(38%) hue-rotate(176deg) brightness(92%) contrast(91%)",navy:"invert(21%) sepia(90%) saturate(3220%) hue-rotate(232deg) brightness(71%) contrast(127%)",navy110:"invert(16%) sepia(72%) saturate(7176%) hue-rotate(239deg) brightness(61%) contrast(109%)",navy120:"invert(12%) sepia(79%) saturate(3172%) hue-rotate(231deg) brightness(82%) contrast(114%)"},v=["text-primary","text-subdued","text-error","text-disabled","text-link-active","text-link-hover","text-link-visited","text-link-pressed","text-inverted","text-success","text-warning","bg-primary","bg-neutral","bg-neutral-stronger","bg-btn-primary","bg-btn-primary-hover","bg-btn-primary-disabled","bg-btn-secondary","bg-btn-secondary-hover","bg-btn-secondary-disabled","bg-icon","bg-icon-hover","bg-decorative1-main","bg-decorative1-subdued","bg-decorative1-very-subdued","bg-decorative2-main","bg-decorative2-subdued","bg-decorative2-very-subdued","bg-decorative3-main","bg-decorative3-subdued","bg-decorative3-very-subdued","bg-decorative4-main","bg-decorative4-subdued","bg-decorative4-very-subdued","bg-decorative5-main","bg-decorative5-subdued","bg-decorative5-very-subdued","bg-correct","bg-incorrect","icon-main","icon-inverted","icon-disabled","icon-brand","icon-success","icon-error","icon-warning","border-primary","border-inverted","border-neutral","border-neutral-lighter","border-brand","border-success","border-error","border-warning","border-decorative1","border-decorative1-stronger","border-decorative2","border-decorative2-stronger","border-decorative3","border-decorative3-stronger","border-decorative4","border-decorative4-stronger","border-decorative5","border-decorative5-stronger","border-decorative6","border-decorative6-stronger","transparent"];function m(e){if(null!=e)return e in h?h[e]:v.includes(e)?function(n){var t=n.theme.uiColors[e];return h[t]}:void 0}function w(e){return!!e}var x,y,$,k,E,C,S={small:750,large:1280},I=Object.values(S).sort((function(e,n){return e>n?1:-1})),D=function(e){return S[e]},O=function(n,t,r){return void 0===r&&(r=function(e){return e}),function(o){var i=function(t){return void 0===t?void 0:e.css(x||(x=b(["\n            ",": ",";\n          "],["\n            ",": ",";\n          "])),n,r(t))},a=t(o);if(void 0!==a)return Array.isArray(a)?0===a.length?[]:function(e,n,t){if(t||2===arguments.length)for(var r,o=0,i=n.length;o<i;o++)!r&&o in n||(r||(r=Array.prototype.slice.call(n,0,o)),r[o]=n[o]);return e.concat(r||Array.prototype.slice.call(n))}([e.css($||($=b(["\n        ","\n      "],["\n        ","\n      "])),i(a[0]))],f(I.slice(0,a.length).map((function(n,t){var r=a[t+1];if(void 0!==r)return e.css(E||(E=b(["\n            @media (min-width: ","px) {\n              ","\n            }\n          "],["\n            @media (min-width: ","px) {\n              ","\n            }\n          "])),n,e.css(k||(k=b(["\n                ","\n              "],["\n                ","\n              "])),i(r)))})).filter(w)),!1):e.css(y||(y=b(["\n        ","\n      "],["\n        ","\n      "])),i(a))}},z=e.css(C||(C=b(["\n  ","\n  ","\n"],["\n  ","\n  ","\n"])),O("color",(function(e){return e.$color}),m),O("background",(function(e){return e.$background}),m)),R=16,j=3;function N(e){return Number((e/R).toFixed(j))}var M={"all-spacing-0":0,"all-spacing-1":4,"all-spacing-2":8,"all-spacing-3":12,"all-spacing-4":16,"all-spacing-5":20,"all-spacing-6":24,"all-spacing-7":32,"all-spacing-8":40,"all-spacing-9":48,"all-spacing-10":56,"all-spacing-11":64,"all-spacing-12":72,"all-spacing-13":80,"all-spacing-14":92,"all-spacing-15":100,"all-spacing-16":120,"all-spacing-17":160,"all-spacing-18":180,"all-spacing-19":240,"all-spacing-20":360,"all-spacing-21":480,"all-spacing-22":640,"all-spacing-23":960,"all-spacing-24":1280},T={"inner-padding-none":"all-spacing-0","inner-padding-ssx":"all-spacing-1","inner-padding-xs":"all-spacing-2","inner-padding-s":"all-spacing-3","inner-padding-m":"all-spacing-4","inner-padding-l":"all-spacing-5","inner-padding-xl":"all-spacing-6"},B={"space-between-none":"all-spacing-0","space-between-sssx":"all-spacing-1","space-between-ssx":"all-spacing-2","space-between-xs":"all-spacing-3","space-between-s":"all-spacing-4","space-between-m":"all-spacing-6","space-between-m2":"all-spacing-7","space-between-l":"all-spacing-9","space-between-xl":"all-spacing-10","space-between-xxl":"all-spacing-12","space-between-xxxl":"all-spacing-13"};function A(e){if(null!=e){if(e in M)return"".concat(N(M[e]),"rem");if(e in T){var n=T[e];return"".concat(N(M[n]),"rem")}if(e in B){n=B[e];return"".concat(N(M[n]),"rem")}return e}}var L,q,P,F,H,W,G,Y,U,X,V,Q,K,_,J,Z,ee,ne,te,re,oe,ie,ae,le,de,ce,se,ue,ge,fe,be,he,pe,ve,me,we,xe,ye,$e,ke,Ee,Ce,Se,Ie,De,Oe,ze,Re,je,Ne,Me=e.css(L||(L=b(["\n  ","\n  "," \n  "," \n  "," \n  "," \n  "," \n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n"],["\n  ","\n  "," \n  "," \n  "," \n  "," \n  "," \n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n"])),O("position",(function(e){return e.$position})),O("top",(function(e){return e.$top}),A),O("right",(function(e){return e.$right}),A),O("bottom",(function(e){return e.$bottom}),A),O("left",(function(e){return e.$left}),A),O("inset",(function(e){return e.$inset}),A),O("overflow",(function(e){return e.$overflow})),O("overflow-x",(function(e){return e.$overflowX})),O("overflow-y",(function(e){return e.$overflowY})),O("object-fit",(function(e){return e.$objectFit})),O("pointer-events",(function(e){return e.$pointerEvents})),O("visibility",(function(e){return e.$visibility}))),Te=e.css(q||(q=b(["\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n"],["\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n"])),O("width",(function(e){return e.$width}),A),O("min-width",(function(e){return e.$minWidth}),A),O("max-width",(function(e){return e.$maxWidth}),A),O("height",(function(e){return e.$height}),A),O("min-height",(function(e){return e.$minHeight}),A),O("max-height",(function(e){return e.$maxHeight}),A),O("aspect-ratio",(function(e){return e.$aspectRatio})),O("box-sizing",(function(e){return e.$boxSizing}))),Be=e.css(P||(P=b(["\n  ","\n"],["\n  ","\n"])),O("padding",(function(e){return e.$pa}),A)),Ae=e.css(F||(F=b(["\n  ","\n  ","\n"],["\n  ","\n  ","\n"])),O("padding-left",(function(e){return e.$ph}),A),O("padding-right",(function(e){return e.$ph}),A)),Le=e.css(H||(H=b(["\n  ","\n  ","\n"],["\n  ","\n  ","\n"])),O("padding-top",(function(e){return e.$pv}),A),O("padding-bottom",(function(e){return e.$pv}),A)),qe=e.css(W||(W=b(["\n  ","\n"],["\n  ","\n"])),O("padding-left",(function(e){return e.$pl}),A)),Pe=e.css(G||(G=b(["\n  ","\n"],["\n  ","\n"])),O("padding-right",(function(e){return e.$pr}),A)),Fe=e.css(Y||(Y=b(["\n  ","\n"],["\n  ","\n"])),O("padding-top",(function(e){return e.$pt}),A)),He=e.css(U||(U=b(["\n  ","\n"],["\n  ","\n"])),O("padding-bottom",(function(e){return e.$pb}),A)),We=e.css(X||(X=b(["\n  ","\n"],["\n  ","\n"])),O("margin",(function(e){return e.$ma}),A)),Ge=e.css(V||(V=b(["\n  ","\n  ","\n"],["\n  ","\n  ","\n"])),O("margin-left",(function(e){return e.$mh}),A),O("margin-right",(function(e){return e.$mh}),A)),Ye=e.css(Q||(Q=b(["\n  ","\n  ","\n"],["\n  ","\n  ","\n"])),O("margin-top",(function(e){return e.$mv}),A),O("margin-bottom",(function(e){return e.$mv}),A)),Ue=e.css(K||(K=b(["\n  ","\n"],["\n  ","\n"])),O("margin-left",(function(e){return e.$ml}),A)),Xe=e.css(_||(_=b(["\n  ","\n"],["\n  ","\n"])),O("margin-right",(function(e){return e.$mr}),A)),Ve=e.css(J||(J=b(["\n  ","\n"],["\n  ","\n"])),O("margin-top",(function(e){return e.$mt}),A)),Qe=e.css(Z||(Z=b(["\n  ","\n"],["\n  ","\n"])),O("margin-bottom",(function(e){return e.$mb}),A)),Ke=e.css(ee||(ee=b(["\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n"],["\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n"])),We,Ge,Ye,Ue,Xe,Ve,Qe),_e=e.css(ne||(ne=b(["\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n"],["\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n"])),Be,Ae,Le,qe,Pe,Fe,He),Je=e.css(te||(te=b(["\n  ","\n  ","\n"],["\n  ","\n  ","\n"])),_e,Ke),Ze={"border-solid-none":0,"border-solid-s":1,"border-solid-m":2,"border-solid-l":3,"border-solid-xl":4},en={"border-radius-square":0,"border-radius-xs":2,"border-radius-s":4,"border-radius-m":6,"border-radius-m2":8,"border-radius-l":16,"border-radius-xl":24,"border-radius-circle":100},nn=function(e){if(null!=e)return e in Ze?"".concat(N(Ze[e]),"rem solid"):void 0},tn=function(e){if(null!=e)return e in en?"".concat(N(en[e]),"rem"):void 0},rn=e.css(re||(re=b(["\n  ","\n"],["\n  ","\n"])),O("border",(function(e){return e.$ba}),nn)),on=e.css(oe||(oe=b(["\n  ","\n"],["\n  ","\n"])),O("border-top",(function(e){return e.$bt}),nn)),an=e.css(ie||(ie=b(["\n  ","\n"],["\n  ","\n"])),O("border-right",(function(e){return e.$br}),nn)),ln=e.css(ae||(ae=b(["\n  ","\n"],["\n  ","\n"])),O("border-bottom",(function(e){return e.$bb}),nn)),dn=e.css(le||(le=b(["\n  ","\n"],["\n  ","\n"])),O("border-left",(function(e){return e.$bl}),nn)),cn=e.css(de||(de=b(["\n  ","\n  ","\n"],["\n  ","\n  ","\n"])),O("border-left",(function(e){return e.$bh}),nn),O("border-right",(function(e){return e.$bh}),nn)),sn=e.css(ce||(ce=b(["\n  ","\n  ","\n"],["\n  ","\n  ","\n"])),O("border-top",(function(e){return e.$bv}),nn),O("border-bottom",(function(e){return e.$bv}),nn)),un=e.css(se||(se=b(["\n  ","\n"],["\n  ","\n"])),O("border-color",(function(e){return e.$borderColor}),m)),gn=e.css(ue||(ue=b(["\n  ","\n"],["\n  ","\n"])),O("border-radius",(function(e){return e.$borderRadius}),tn)),fn=e.css(ge||(ge=b(["\n  ","\n"],["\n  ","\n"])),O("border-top-left-radius",(function(e){return e.$btlr}),tn)),bn=e.css(fe||(fe=b(["\n  ","\n"],["\n  ","\n"])),O("border-top-right-radius",(function(e){return e.$btrr}),tn)),hn=e.css(be||(be=b(["\n  ","\n"],["\n  ","\n"])),O("border-bottom-left-radius",(function(e){return e.$bblr}),tn)),pn=e.css(he||(he=b(["\n  ","\n"],["\n  ","\n"])),O("border-bottom-right-radius",(function(e){return e.$bbrr}),tn)),vn=e.css(pe||(pe=b(["\n  ","\n  ","\n"],["\n  ","\n  ","\n"])),O("border-top-left-radius",(function(e){return e.$btr}),tn),O("border-top-right-radius",(function(e){return e.$btr}),tn)),mn=e.css(ve||(ve=b(["\n  ","\n  ","\n"],["\n  ","\n  ","\n"])),O("border-bottom-left-radius",(function(e){return e.$bbr}),tn),O("border-bottom-right-radius",(function(e){return e.$bbr}),tn)),wn=e.css(me||(me=b(["\n  ",";\n"],["\n  ",";\n"])),O("border-style",(function(e){return e.$borderStyle}))),xn=e.css(we||(we=b(["\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n"],["\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n"])),rn,on,an,ln,dn,cn,sn,un,gn,fn,bn,hn,pn,vn,mn,wn),yn=e.css(xe||(xe=b(["\n  ","\n"],["\n  ","\n"])),O("display",(function(e){return e.$display}))),$n={"drop-shadow-standard":"0 0.5rem 0.5rem rgba(92, 92, 92, 20%)","drop-shadow-lemon":"0.125rem 0.125rem 0 rgba(255, 229, 85, 100%)","drop-shadow-wide-lemon":"0.25rem 0.25rem 0 rgba(255, 229, 85, 100%)","drop-shadow-centered-lemon":"0 0 0 0.125rem rgba(255, 229, 85, 100%)","drop-shadow-grey":"0.25rem 0.25rem 0 rgba(87, 87, 87, 100%)","drop-shadow-centered-grey":"0 0 0 0.3rem rgba(87, 87, 87, 100%)"},kn=function(e){return null===e?"none":e&&e in $n?$n[e]:void 0},En=e.css(ye||(ye=b(["\n  ","\n"],["\n  ","\n"])),O("box-shadow",(function(e){return e.$dropShadow}),kn)),Cn={transparent:0,"semi-transparent":.25,"semi-opaque":.5,opaque:1},Sn=e.css($e||($e=b(["\n  ","\n"],["\n  ","\n"])),O("opacity",(function(e){return e.$opacity}),(function(e){if(e)return e in Cn?Cn[e]:void 0}))),In=e.css(ke||(ke=b(["\n  ","\n  ","\n"],["\n  ","\n  ","\n"])),O("transform",(function(e){return e.$transform})),O("transform-origin",(function(e){return e.$transformOrigin}))),Dn={"standard-ease":"all 0.3s ease","standard-transform":"rotate(-2deg) translateY(-16px) translateX(8px)"},On=e.css(Ee||(Ee=b(["\n  ","\n"],["\n  ","\n"])),O("transition",(function(e){return e.$transition}),(function(e){if(e)return e in Dn?Dn[e]:void 0}))),zn={"font-size-1":12,"font-size-2":14,"font-size-3":16,"font-size-4":18,"font-size-5":20,"font-size-6":24,"font-size-7":32,"font-size-8":40,"font-size-9":48,"font-size-10":56},Rn={"heading-1":["font-size-10",64,600,"0.0115rem"],"heading-2":["font-size-9",56,600,"0.0115rem"],"heading-3":["font-size-8",48,600,"0.0115rem"],"heading-4":["font-size-7",40,600,"0.0115rem"],"heading-5":["font-size-6",32,600,"0.0115rem"],"heading-6":["font-size-5",24,600,"0.0115rem"],"heading-7":["font-size-3",20,600,"0.0115rem"],"heading-light-1":["font-size-10",64,400,"0.0115rem"],"heading-light-2":["font-size-9",56,400,"0.0115rem"],"heading-light-3":["font-size-8",48,400,"0.0115rem"],"heading-light-4":["font-size-7",40,400,"0.0115rem"],"heading-light-5":["font-size-6",32,400,"0.0115rem"],"heading-light-6":["font-size-5",24,400,"0.0115rem"],"heading-light-7":["font-size-3",20,400,"0.0115rem"],"body-1":["font-size-4",28,300,"-0.005rem"],"body-2":["font-size-3",24,300,"-0.005rem"],"body-3":["font-size-2",20,300,"-0.005rem"],"body-4":["font-size-1",16,300,"-0.005rem"],"body-1-bold":["font-size-4",28,700,"-0.005rem"],"body-2-bold":["font-size-3",24,700,"-0.005rem"],"body-3-bold":["font-size-2",20,700,"-0.005rem"],"list-item-1":["font-size-4",32,300,"-0.005rem"],"list-item-2":["font-size-3",24,300,"-0.005rem"]},jn=e.css(Ce||(Ce=b(["\n  font-family: Lexend, sans-serif;\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n"],["\n  font-family: Lexend, sans-serif;\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n"])),O("font-weight",(function(e){return e.$font}),(function(e){var n;if(e)return null===(n=Rn[e])||void 0===n?void 0:n[2]})),O("font-size",(function(e){return e.$font}),(function(e){var n;if(e){var t=null===(n=Rn[e])||void 0===n?void 0:n[0];if(t)return"".concat(N(zn[t]),"rem")}})),O("line-height",(function(e){return e.$font}),(function(e){var n;if(e){var t=null===(n=Rn[e])||void 0===n?void 0:n[1];if(t)return"".concat(N(t),"rem")}})),O("letter-spacing",(function(e){return e.$font}),(function(e){var n;if(e)return null===(n=Rn[e])||void 0===n?void 0:n[3]})),O("text-align",(function(e){return e.$textAlign})),O("text-decoration",(function(e){return e.$textDecoration})),O("white-space",(function(e){return e.$whiteSpace})),O("word-wrap",(function(e){return e.$wordWrap})),O("text-overflow",(function(e){return e.$textOverflow}))),Nn={behind:-1,neutral:0,"in-front":1,"mobile-filters":2,"fixed-header":100,"modal-close-button":150,"modal-dialog":300},Mn=e.css(Se||(Se=b(["\n  ","\n"],["\n  ","\n"])),O("z-index",(function(e){return e.$zIndex}),(function(e){if(null!=e)return Nn[e]}))),Tn=e.css(De||(De=b(["\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n"],["\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n"])),Me,Te,Je,z,xn,yn,En,Sn,In,On,jn,Mn,(function(n){return n.onClick&&e.css(Ie||(Ie=b(["\n      :hover {\n        cursor: pointer;\n      }\n    "],["\n      :hover {\n        cursor: pointer;\n      }\n    "])))})),Bn=l.default.div(Oe||(Oe=b(["\n  ","\n"],["\n  ","\n"])),Tn),An=e.css(ze||(ze=b(["\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n"],["\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n"])),O("display",(function(e){var n;return null!==(n=e.$display)&&void 0!==n?n:"flex"})),O("flex-direction",(function(e){return e.$flexDirection})),O("flex-wrap",(function(e){return e.$flexWrap})),O("align-items",(function(e){return e.$alignItems})),O("align-content",(function(e){return e.$alignContent})),O("justify-content",(function(e){return e.$justifyContent})),O("align-self",(function(e){return e.$alignSelf})),O("order",(function(e){return e.$order})),O("flex-grow",(function(e){return e.$flexGrow})),O("flex-shrink",(function(e){return e.$flexShrink})),O("flex-basis",(function(e){return e.$flexBasis}),A),O("gap",(function(e){return e.$gap}),A),O("column-gap",(function(e){return e.$columnGap}),A),O("row-gap",(function(e){return e.$rowGap}),A)),Ln=l.default(Bn)(Re||(Re=b(["\n  ","\n"],["\n  ","\n"])),An),qn=l.default.span(je||(je=b(["\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n"],["\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n"])),z,Sn,Ke,_e,xn,jn),Pn=l.default.form(Ne||(Ne=b(["\n  ","\n"],["\n  ","\n"])),Tn);function Fn(e){if(null!=e)return e in p?p[e]:v.includes(e)?function(n){var t=n.theme.uiColors[e];if(t&&t in p)return p[t]}:void 0}var Hn,Wn,Gn,Yn,Un,Xn,Vn,Qn,Kn,_n,Jn,Zn,et,nt,tt,rt=e.css(Hn||(Hn=b(["\n  ","\n"],["\n  ","\n"])),O("filter",(function(e){return e.$colorFilter}),Fn)),ot=e.css(Gn||(Gn=b(["\n  ","\n"],["\n  ","\n"])),(function(n){return n.onClick&&e.css(Wn||(Wn=b(["\n      :hover {\n        cursor: pointer;\n      }\n    "],["\n      :hover {\n        cursor: pointer;\n      }\n    "])))})),it=e.css(Un||(Un=b(["\n  ","\n"],["\n  ","\n"])),(function(n){return n.$showOakPlaceholder&&e.css(Yn||(Yn=b(["\n      background-image: url(",");\n      background-color: ",";\n      background-size: ",";\n      background-position: center;\n      background-repeat: no-repeat;\n    "],["\n      background-image: url(",");\n      background-color: ",";\n      background-size: ",";\n      background-position: center;\n      background-repeat: no-repeat;\n    "])),"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCA2NCA2NCI+PHBhdGggZmlsbD0iIzIyMiIgZD0iTTI4Ljc3OSAxOS4xNzZhMjcuMTkxIDI3LjE5MSAwIDAgMC0zLjggMS42IDE2LjcgMTYuNyAwIDAgMC03LjEgOC40YzAgLjEtLjEuMi0uMS4zLS43IDIuNC0uNiAyIDEuMyAyLjMgMS45LjMgMSAuNSAxIDEuMy0uMSA4LjggNC4xIDE1LjEgMTEuNCAxOS42YTEuNSAxLjUgMCAwIDAgMS43LjJjNS43LTIuNiA5LjMtNyAxMC4zLTEzLjJhMSAxIDAgMCAxIDEtMWwzLS4yYy44IDAgMS4zLjIgMS4yIDEuMmExNy45IDE3LjkgMCAwIDEtMy4yIDkuMiAyMy43IDIzLjcgMCAwIDEtMTAuOSA5LjEgNS40MDEgNS40MDEgMCAwIDEtNC41LS4yIDI2LjI5OCAyNi4yOTggMCAwIDEtOC41LTYuNiAyNS45IDI1LjkgMCAwIDEtNi40LTE0LjRjMC0uNi0uMi0uNy0uOC0uOC0yLjUtLjQtMi41LS4xLTIuMy0yLjlhMTkuMyAxOS4zIDAgMCAxIDEwLjgtMTYuNiAzOC45OTkgMzguOTk5IDAgMCAxIDUuNy0yLjEgMi4xIDIuMSAwIDAgMCAuOS0xLjMgMTQuMSAxNC4xIDAgMCAxIDMuNS02LjNsLjMtLjNjMS45LTIgMi42LTIgNC4zLjJsLjQuNWMxLjEgMS4xIDEgMS41LS4xIDIuNmExMS45IDExLjkgMCAwIDAtMy4yIDQuNCAxNi45IDE2LjkgMCAwIDEgNy41IDIuM2M1LjcgMy41IDkuMiA4LjMgOS45IDE1IC4wMTYuOTAxLS4wMTcgMS44MDItLjEgMi43IDAgLjgtLjYgMS0xLjIgMS4yYTE2LjEgMTYuMSAwIDAgMS0xMS0uNyAxNy45MDEgMTcuOTAxIDAgMCAxLTEwLjktMTMuNiA5Ljc5NiA5Ljc5NiAwIDAgMS0uMS0xLjlabTE4LjEgMTIuMmMuNC01LjUtNi45LTEyLjYtMTMtMTIuMS41IDYuNSA3LjYgMTIuOCAxMyAxMi4xWiIgb3BhY2l0eT0iLjEiLz48L3N2Zz4=",m("bg-decorative2-very-subdued"),A("all-spacing-11"))})),at=l.default(c.default)(Xn||(Xn=b(["\n  ","\n  ","\n  ","\n  object-fit: contain;\n"],["\n  ","\n  ","\n  ","\n  object-fit: contain;\n"])),rt,ot,it),lt=l.default(c.default)(Vn||(Vn=b(["\n  ","\n  ","\n  ","\n  width: 100%;\n  height: auto;\n"],["\n  ","\n  ","\n  ","\n  width: 100%;\n  height: auto;\n"])),rt,ot,it),dt=function(e){var t=g(e,[]),r=t.as,o=t.src,i=t.alt,a=t.width,l=t.height,s=t.sizes,b=t.$width,h=void 0===b?"100%":b,p=t.$position,v=void 0===p?"relative":p,m=t.$colorFilter,w=t.placeholder,x=void 0===w?"oak":w,y=t.unoptimized,$=t.imageProps,k=t.onLoad,E=t.onError,C=g(t,["as","src","alt","width","height","sizes","$width","$position","$colorFilter","placeholder","unoptimized","imageProps","onLoad","onError"]),S="oak"===x?void 0:x,I=function(){var e=f(n.useState(!1),2),t=e[0],r=e[1];return{showPlaceholder:t,setImg:n.useCallback((function(e){e&&r(!e.complete)}),[]),handleComplete:function(e){return function(n){e&&e(n),r(!1)}}}}(),D=I.showPlaceholder,O=I.handleComplete,z=I.setImg;return a&&l?d.default.createElement(Bn,u({$maxWidth:"all-spacing-0",$position:v},C),d.default.createElement(lt,u({ref:z,as:null!=r?r:c.default,src:o,alt:i,width:a,height:l,sizes:s,unoptimized:y,$colorFilter:m,placeholder:S,$showOakPlaceholder:"oak"===x&&D,onLoad:O(k),onError:O(E)},$))):d.default.createElement(Bn,u({$position:v,$width:h},C),d.default.createElement(at,u({ref:z,as:null!=r?r:c.default,src:o,alt:i,sizes:s,fill:!0,$colorFilter:m,placeholder:S,$showOakPlaceholder:"oak"===x&&D,unoptimized:y,onLoad:O(k),onError:O(E)},$)))},ct=l.default(Bn)(Qn||(Qn=b(["\n  ","\n"],["\n  ","\n"])),jn),st=function(e){var n=e.tag,t=e.ariaLabel,r=e.ariaHidden,o=g(e,["tag","ariaLabel","ariaHidden"]),i=n;return d.default.createElement(i,u({},o,{"aria-label":t,"aria-hidden":r}))},ut=l.default(st)(Kn||(Kn=b(["\n  ","\n  ","\n  ","\n  ","\n"],["\n  ","\n  ","\n  ","\n  ","\n"])),jn,Ke,z,Sn),gt=l.default.p(_n||(_n=b(["\n  ","\n  ","\n  ","\n\n  a {\n    color: ",";\n  }\n"],["\n  ","\n  ","\n  ","\n\n  a {\n    color: ",";\n  }\n"])),jn,z,Ke,(function(e){return e.theme&&e.theme.uiColors&&e.theme.uiColors["text-link-active"]})),ft=l.default.ul(Zn||(Zn=b(["\n  ","\n  margin: 0;\n  ","\n"],["\n  ","\n  margin: 0;\n  ","\n"])),(function(n){return n.$reset&&e.css(Jn||(Jn=b(["\n      list-style: none;\n      padding: 0;\n    "],["\n      list-style: none;\n      padding: 0;\n    "])))}),Tn),bt=l.default.ol(et||(et=b(['\n  counter-reset: item;\n  padding: 0;\n\n  li {\n    display: block;\n    counter-increment: item;\n    margin: 0;\n    padding: 0 0 0 16px;\n    text-indent: -16px;\n    list-style-type: none;\n    line-height: 32px;\n\n    // Portable text generates linebreaks within list items\n\n    br {\n      content: "";\n      display: block;\n      margin-top: 8px;\n    }\n  }\n\n  & li::before {\n    padding-right: 4px;\n    content: counter(item) ".";\n  }\n  a {\n    color: ',";\n  }\n  ","\n  ","\n  ","\n"],['\n  counter-reset: item;\n  padding: 0;\n\n  li {\n    display: block;\n    counter-increment: item;\n    margin: 0;\n    padding: 0 0 0 16px;\n    text-indent: -16px;\n    list-style-type: none;\n    line-height: 32px;\n\n    // Portable text generates linebreaks within list items\n\n    br {\n      content: "";\n      display: block;\n      margin-top: 8px;\n    }\n  }\n\n  & li::before {\n    padding-right: 4px;\n    content: counter(item) ".";\n  }\n  a {\n    color: ',";\n  }\n  ","\n  ","\n  ","\n"])),(function(e){return e.theme&&e.theme.uiColors&&e.theme.uiColors["text-link-active"]}),Ke,z,jn),ht=e.css(nt||(nt=b(["\n  ","\n"],["\n  ","\n"])),O("list-style",(function(e){return e.$listStyle}))),pt=l.default.li(tt||(tt=b(["\n  ","\n  ","\n  ","\n  ","\n"],["\n  ","\n  ","\n  ","\n  ","\n"])),Tn,jn,ht,yn);pt.defaultProps={$display:"revert"};var vt,mt=l.default.label(vt||(vt=b(["\n  ","\n  ","\n"],["\n  ","\n  ","\n"])),jn,z),wt={"question-mark":"v1706872277/icons/question-mark.svg",home:"v1699887218/icons/gvqxjxcw07ei2kkmwnes.svg",send:"v1699893673/icons/rmvytilpjgvh3pgwc8ph.svg",rocket:"v1699894015/icons/u26xm5hteot875ozfnk9.svg",edit:"v1699894149/icons/qxlunbg5tfrdherzsvlt.svg",hamburger:"v1699895123/icons/jaqdnomtbhqvjcap962u.svg",cross:"v1699895179/icons/xigimrbivcaxt4omxamp.svg",bell:"v1699895207/icons/ecejtvqerx81prxyxh9b.svg",twitter:"v1699895251/icons/bq6a50xtkvnzhltfggzz.svg",worksheet:"v1699895300/icons/ez1s6mtpe5jkunnxzvlw.svg",facebook:"v1699895330/icons/iojlvh3o5lshy2jupyph.svg",share:"v1699895363/icons/agcmduftef3wcla6gzec.svg","arrow-right":"v1707149070/icons/fv0z57zerrioft52dd9n.svg","worksheet-3":"v1699895429/icons/bzhojpjxp9rukdvh7daz.svg","chevron-right":"v1707752509/icons/vk9xxxhnsltsickom6q9.svg",save:"v1699895505/icons/rh1ahwwtbemvz0ihluew.svg","quiz-3":"v1699895534/icons/zoayhgtrotv32fad7d3k.svg","chevron-down":"v1699953557/icons/botfld6brychmttwtv6u.svg",linkedin:"v1699953592/icons/leqneklorqqzb1zo6rf1.svg","magic-carpet":"v1699953622/icons/jifivg9xxm7sb0fjdilm.svg",books:"v1699953657/icons/hz4l3iq6i68kazvkvorq.svg","supervision-level":"v1699953696/icons/cwqhknapp3maa4g0t3lj.svg","quiz-white":"v1699953730/icons/gpcehpgr9mqoumsa25xe.svg","arrow-left":"v1707149179/icons/ejrm9dpgpzb7ddbo8z2i.svg","additional-material":"v1699953798/icons/ntoq4tqvcm2uj1pajubt.svg","slide-deck-3":"v1699953830/icons/sm92moja9d5utu3cj16c.svg","sign-language":"v1699953861/icons/ns94ozvozzi22enxkx0x.svg",external:"v1699953892/icons/hlxmejse3mcr4tqo6t8u.svg","equipment-required":"v1699953925/icons/pw22bdhj2vrzfv2ogi4e.svg","chevron-left":"v1707752509/icons/rbvzan0ozubmr4j0uqdn.svg",download:"v1699953991/icons/dk0f6a6hdpzxftjosngn.svg",search:"v1704901279/icons/canbi3fuz5fanzom2hvi.svg","chevron-up":"v1699954058/icons/pay71thmhhylj7z28sj1.svg",go:"v1699954090/icons/vdzptyvmitylra8x4usy.svg",copyright:"v1699954118/icons/boiod3rflocgsnfokyo8.svg","arrow-down":"v1699954152/icons/wpfmbmwpyfinipg0d61y.svg",project:"v1699954186/icons/zofq5pheud6spnwjpewk.svg","slide-deck":"v1699954241/icons/sjjy5f3g4eciwcuxxr33.svg","content-guidance":"v1699954277/icons/tm3uhcqenaznq4fxys7j.svg",tick:"v1699954310/icons/efd3esaor6zqk7seh6kt.svg",instagram:"v1699954343/icons/ayfeljric0kkimdymvva.svg",dot:"v1699954371/icons/knykdclphkm8lgff4u2g.svg","dot-png":"v1699954394/icons/qecbh291nzwmhcvqayqd.png",warning:"v1704901279/icons/zzszodmk7fvxm9xzzg9s.svg","lightbulb-yellow":"v1705078631/icons/q2v4sqxouy1ngcajoavv.svg",lightbulb:"v1705078631/icons/zldisxmbff36z68rwcef.svg",quiz:"v1705416077/icons/kaaizjcudy0jfgfrrdel.svg",video:"v1705416078/icons/wzey1zfxrvv3apeebbf5.svg",intro:"v1705662092/icons/pl7bnmb13txese9yxkjv.svg","move-arrows":"v1709052869/icons/hoddjsgpzkszgvnmn91q.svg","subject-art":"subject-icons/art.svg","subject-biology":"subject-icons/biology.svg","subject-chemistry":"subject-icons/chemistry.svg","subject-citizenship":"subject-icons/citizenship.svg","subject-combined-science":"subject-icons/science.svg","subject-communication-and-language":"subject-icons/communication-and-language.svg","subject-computing":"subject-icons/computing.svg","subject-computing-non-gcse":"subject-icons/computing.svg","subject-creative-arts":"subject-icons/creative-arts.svg","subject-design-technology":"subject-icons/design-technology.svg","subject-drama":"subject-icons/drama.svg","subject-english":"subject-icons/english.svg","subject-english-grammar":"subject-icons/english-grammar.svg","subject-english-reading-for-pleasure":"subject-icons/literature.svg","subject-english-spelling":"subject-icons/english-spelling.svg","subject-french":"subject-icons/french.svg","subject-geography":"subject-icons/geography.svg","subject-german":"subject-icons/german.svg","subject-history":"subject-icons/history.svg","subject-independent-living":"subject-icons/independent-living.svg","subject-latin":"subject-icons/latin.svg","subject-maths":"subject-icons/maths.svg","subject-music":"subject-icons/music-hollow.svg","subject-numeracy":"subject-icons/numeracy.svg","occupational-therapy":"subject-icons/therapy.svg","subject-physical-development":"subject-icons/physical-development.svg","subject-physical-education":"subject-icons/physical-education.svg","subject-physical-therapy":"subject-icons/physical-therapy.svg","subject-physics":"subject-icons/physics.svg","subject-religious-education":"subject-icons/religious-education.svg","subject-rshe-pshe":"subject-icons/rshe-pshe.svg","subject-science":"subject-icons/science.svg","subject-sensory-integration":"subject-icons/sensory-integration.svg","subject-spanish":"subject-icons/spanish.svg","subject-speech-and-language-therapy":"subject-icons/speech-and-language.svg","subject-therapy":"subject-icons/therapy.svg","subject-understanding-the-world":"subject-icons/understanding-the-world.svg"},xt=Object.keys(wt);var yt,$t,kt,Et,Ct,St=function(e){var n=e.iconName,t=e.alt,r=e.$width,o=void 0===r?"all-spacing-7":r,i=e.$height,a=void 0===i?"all-spacing-7":i,l=e.$minHeight,c=void 0===l?a:l,s=e.$minWidth,f=void 0===s?o:s;e.imageProps;var b=g(e,["iconName","alt","$width","$height","$minHeight","$minWidth","imageProps"]);return d.default.createElement(dt,u({src:"https://".concat(process.env.NEXT_PUBLIC_OAK_ASSETS_HOST,"/").concat(process.env.NEXT_PUBLIC_OAK_ASSETS_PATH,"/").concat(wt[n]),alt:null!=t?t:n,$width:o,$height:a,$minHeight:c,$minWidth:f,placeholder:"empty",unoptimized:!0},b))},It=e.css(yt||(yt=b(["\n  ","\n  ","\n  ","\n  ","\n  ","\n    ","\n"],["\n  ","\n  ","\n  ","\n  ","\n  ","\n    ","\n"])),O("row-gap",(function(e){return e.$rg}),A),O("column-gap",(function(e){return e.$cg}),A),O("grid-auto-rows",(function(e){return e.$gridAutoRows})),O("grid-template-areas",(function(e){return e.$gridTemplateAreas})),O("grid-template-columns",(function(e){return e.$gridTemplateColumns})),O("grid-template-rows",(function(e){return e.$gridTemplateRows}))),Dt=l.default(Bn)($t||($t=b(["\n  display: grid;\n  grid-template-columns: repeat(12, 1fr);\n  width: 100%;\n  ","\n"],["\n  display: grid;\n  grid-template-columns: repeat(12, 1fr);\n  width: 100%;\n  ","\n"])),It),Ot=function(e,n){return e?"".concat(e,"/").concat(n):"".concat(n)},zt=function(e){if(null==e?void 0:e.includes("/")){var n=f(e.split("/"),2),t=n[0],r=n[1];return"".concat(t," / span ").concat(r)}return"span ".concat(e)},Rt=e.css(kt||(kt=b(["\n  flex-direction: column;\n  ",";\n  ",";\n  ",";\n  ",";\n  ","\n  ","\n  ","\n"],["\n  flex-direction: column;\n  ",";\n  ",";\n  ",";\n  ",";\n  ","\n  ","\n  ","\n"])),O("grid-column",(function(e){return Array.isArray(e.$colSpan)?e.$colSpan.map((function(n,t){return Ot(Array.isArray(e.$colStart)?e.$colStart[t]:e.$colStart,n)})):Ot(Array.isArray(e.$colStart)?e.$colStart[0]:e.$colStart,e.$colSpan)}),(function(e){return zt(e)})),O("grid-row",(function(e){return Array.isArray(e.$rowSpan)?e.$rowSpan.map((function(n,t){return Ot(Array.isArray(e.$rowStart)?e.$rowStart[t]:e.$rowStart,n)})):Ot(Array.isArray(e.$rowStart)?e.$rowStart[0]:e.$rowStart,e.$rowSpan)}),(function(e){return zt(e)})),O("order",(function(e){return e.$order}),(function(e){return e&&"".concat(e)})),O("grid-row",(function(e){return e.$rowSpan?"span ".concat(e.$rowSpan):"span 1"})),O("grid-column-start",(function(e){return e.$colStart})),O("grid-column-end",(function(e){return e.$colEnd})),O("grid-row-start",(function(e){return e.$rowStart}))),jt=l.default(Ln)(Et||(Et=b(["\n  ","\n"],["\n  ","\n"])),Rt),Nt=l.default(Ln)(Ct||(Ct=b([""],[""])));function Mt(e,n){return e.toString().replace(function(e){var n=new URL(r.getCldImageUrl({src:"canary.jpg"},e));return n.origin+"/image/upload/"}(n),"")}Nt.defaultProps={$maxWidth:["all-spacing-21","all-spacing-24"],$ph:["inner-padding-none","inner-padding-s"],$flexDirection:"column",$flexGrow:1,$width:"100%",$mh:"auto"};var Tt,Bt,At,Lt,qt,Pt,Ft,Ht,Wt,Gt,Yt,Ut,Xt,Vt,Qt,Kt,_t,Jt,Zt,er,nr,tr,rr,or,ir,ar,lr=n.createContext(void 0),dr=lr.Provider,cr=function(e){var n=e.children;return d.default.createElement(qn,{$font:"body-3-bold",as:"kbd",$borderColor:"border-decorative3-stronger",$background:"bg-primary",$borderRadius:"border-radius-m",$ba:"border-solid-m",$ph:"inner-padding-xs",$pv:"inner-padding-ssx",$whiteSpace:"nowrap"},n)},sr=e.css(Tt||(Tt=b(['\n  /* Box sizing rules */\n  *,\n  *::before,\n  *::after {\n    box-sizing: border-box;\n  }\n\n  /* Remove default margin */\n  body,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  p,\n  figure,\n  blockquote,\n  dl,\n  dd {\n    margin: 0;\n  }\n\n  /* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */\n  ul[role="list"],\n  ol[role="list"] {\n    list-style: none;\n    padding-left: 0;\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n\n  /* Set core root defaults */\n  html,\n  html:focus-within {\n    scroll-behavior: smooth;\n  }\n\n  /* Set core body defaults */\n  body {\n    min-height: 100vh;\n    text-rendering: optimizespeed;\n    line-height: 1.5;\n  }\n\n  /* A elements that don\'t have a class get default styles */\n  a:not([class]) {\n    text-decoration-skip-ink: auto;\n  }\n\n  /* Make images easier to work with */\n  img,\n  picture {\n    max-width: 100%;\n    display: block;\n  }\n\n  /* Inherit fonts for inputs and buttons */\n  input,\n  button,\n  textarea,\n  select {\n    font: inherit;\n  }\n\n  cite {\n    font-style: inherit;\n  }\n\n  /* Remove all animations, transitions and smooth scroll for people that prefer not to see them */\n  @media (prefers-reduced-motion: reduce) {\n    html:focus-within {\n      scroll-behavior: auto;\n    }\n\n    *,\n    *::before,\n    *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n      scroll-behavior: auto !important;\n    }\n  }\n'],['\n  /* Box sizing rules */\n  *,\n  *::before,\n  *::after {\n    box-sizing: border-box;\n  }\n\n  /* Remove default margin */\n  body,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  p,\n  figure,\n  blockquote,\n  dl,\n  dd {\n    margin: 0;\n  }\n\n  /* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */\n  ul[role="list"],\n  ol[role="list"] {\n    list-style: none;\n    padding-left: 0;\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n\n  /* Set core root defaults */\n  html,\n  html:focus-within {\n    scroll-behavior: smooth;\n  }\n\n  /* Set core body defaults */\n  body {\n    min-height: 100vh;\n    text-rendering: optimizespeed;\n    line-height: 1.5;\n  }\n\n  /* A elements that don\'t have a class get default styles */\n  a:not([class]) {\n    text-decoration-skip-ink: auto;\n  }\n\n  /* Make images easier to work with */\n  img,\n  picture {\n    max-width: 100%;\n    display: block;\n  }\n\n  /* Inherit fonts for inputs and buttons */\n  input,\n  button,\n  textarea,\n  select {\n    font: inherit;\n  }\n\n  cite {\n    font-style: inherit;\n  }\n\n  /* Remove all animations, transitions and smooth scroll for people that prefer not to see them */\n  @media (prefers-reduced-motion: reduce) {\n    html:focus-within {\n      scroll-behavior: auto;\n    }\n\n    *,\n    *::before,\n    *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n      scroll-behavior: auto !important;\n    }\n  }\n']))),ur=e.css(Bt||(Bt=b(["\n  html,\n  body {\n    padding: 0;\n    margin: 0;\n    font-family: Lexend, sans-serif;\n    font-weight: 300;\n    line-height: 1.4;\n  }\n\n  /* stylelint-disable */\n  body,\n  #__next {\n    /* stylelint-enable */\n    display: flex;\n    flex-direction: column;\n    flex-grow: 1;\n  }\n\n  a {\n    color: inherit;\n    text-decoration: none;\n    font-family: inherit;\n\n    /*\n     * Remove grey background on tap on ios\n     */\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  button {\n    /*\n     * some browsers have a small margin by default\n     * @see https://github.com/oaknational/Oak-Web-Application/issues/709\n     */\n    margin: 0;\n\n    /*\n     * Remove grey background on tap on ios\n     */\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  /*\n  * Inline styling for mathjax equations\n  */\n  mjx-container {\n    display: inline-grid !important;\n    margin: 0 !important;\n  }\n"],["\n  html,\n  body {\n    padding: 0;\n    margin: 0;\n    font-family: Lexend, sans-serif;\n    font-weight: 300;\n    line-height: 1.4;\n  }\n\n  /* stylelint-disable */\n  body,\n  #__next {\n    /* stylelint-enable */\n    display: flex;\n    flex-direction: column;\n    flex-grow: 1;\n  }\n\n  a {\n    color: inherit;\n    text-decoration: none;\n    font-family: inherit;\n\n    /*\n     * Remove grey background on tap on ios\n     */\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  button {\n    /*\n     * some browsers have a small margin by default\n     * @see https://github.com/oaknational/Oak-Web-Application/issues/709\n     */\n    margin: 0;\n\n    /*\n     * Remove grey background on tap on ios\n     */\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  /*\n  * Inline styling for mathjax equations\n  */\n  mjx-container {\n    display: inline-grid !important;\n    margin: 0 !important;\n  }\n"]))),gr=e.createGlobalStyle(At||(At=b(["\n  ","\n  ","\n"],["\n  ","\n  ","\n"])),sr,ur),fr=e.css(Lt||(Lt=b(["\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n"],["\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n"]))),br=l.default.span(qt||(qt=b(["\n  ","\n"],["\n  ","\n"])),fr),hr=e.keyframes(Pt||(Pt=b(["\n  0% {\n    transform: rotate(0deg);\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n"],["\n  0% {\n    transform: rotate(0deg);\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n"]))),pr=l.default.span(Gt||(Gt=b(["\n  ",'\n  --inner-width: calc(var(--width) / 10 * 8);\n  --thickness: calc(var(--width) / 12);\n\n  display: inline-flex;\n  width: var(--width);\n  height: var(--width);\n\n  ::after {\n    content: " ";\n    display: block;\n    width: var(--inner-width);\n    height: var(--inner-width);\n    margin: var(--thickness);\n    border-radius: 50%;\n    border: var(--thickness) solid currentcolor;\n    ',"\n    animation: "," 1.2s linear infinite;\n  }\n  ","\n"],["\n  ",'\n  --inner-width: calc(var(--width) / 10 * 8);\n  --thickness: calc(var(--width) / 12);\n\n  display: inline-flex;\n  width: var(--width);\n  height: var(--width);\n\n  ::after {\n    content: " ";\n    display: block;\n    width: var(--inner-width);\n    height: var(--inner-width);\n    margin: var(--thickness);\n    border-radius: 50%;\n    border: var(--thickness) solid currentcolor;\n    ',"\n    animation: "," 1.2s linear infinite;\n  }\n  ","\n"])),(function(n){return n.$width?O("--width",(function(e){return e.$width}),A):e.css(Ft||(Ft=b(["\n          --width: 1.25rem;\n        "],["\n          --width: 1.25rem;\n        "])))}),(function(n){return n.loaderColor?e.css(Ht||(Ht=b(["\n            border-color: "," ","\n              "," transparent;\n          "],["\n            border-color: "," ","\n              "," transparent;\n          "])),n.loaderColor,n.loaderColor,n.loaderColor):e.css(Wt||(Wt=b(["\n            border-color: currentcolor currentcolor currentcolor transparent;\n          "],["\n            border-color: currentcolor currentcolor currentcolor transparent;\n          "])))}),hr,z),vr=function(e){return d.default.createElement(pr,u({},e),d.default.createElement(br,null,"Loading"))},mr=e.css(Yt||(Yt=b(["\n  background: none;\n  color: inherit;\n  border: none;\n  padding: 0;\n  font: inherit;\n  cursor: pointer;\n  text-align: left;\n  font-family: unset;\n  outline: none;\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  &:disabled {\n    pointer-events: none;\n    cursor: default;\n  }\n"],["\n  background: none;\n  color: inherit;\n  border: none;\n  padding: 0;\n  font: inherit;\n  cursor: pointer;\n  text-align: left;\n  font-family: unset;\n  outline: none;\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  &:disabled {\n    pointer-events: none;\n    cursor: default;\n  }\n"])),jn,z,Je,yn,xn,En),wr=l.default((function(e){var t=e.onClick,r=e.onHovered,o=e.element,i=void 0===o?"button":o,a=g(e,["onClick","onHovered","element"]),l=n.useRef(Date.now());return d.default.createElement(i,u({},a,{onClick:function(e){t&&t(e)},onMouseEnter:function(){l.current=Date.now()},onMouseLeave:function(e){var n=Date.now()-l.current;r&&r(e,n)}}))}))(Ut||(Ut=b(["\n  ","\n"],["\n  ","\n"])),mr),xr=l.default(wr)(Vt||(Vt=b(["\n  ","\n  ","\n  display: inline-block;\n  ","\n"],["\n  ","\n  ","\n  display: inline-block;\n  ","\n"])),Me,Te,(function(n){return e.css(Xt||(Xt=b(["\n    &:hover {\n      text-decoration: underline;\n      color: ",";\n      background: ",";\n      border-color: ",";\n    }\n    &:active {\n      background: ",";\n      border-color: ",";\n      color: ",";\n    }\n    &:disabled {\n      background: ",";\n      border-color: ",";\n      color: ",";\n    }\n  "],["\n    &:hover {\n      text-decoration: underline;\n      color: ",";\n      background: ",";\n      border-color: ",";\n    }\n    &:active {\n      background: ",";\n      border-color: ",";\n      color: ",";\n    }\n    &:disabled {\n      background: ",";\n      border-color: ",";\n      color: ",";\n    }\n  "])),m(n.$hoverTextColor),m(n.$hoverBackground),m(n.$hoverBorderColor),m(n.$defaultBackground),m(n.$defaultBorderColor),m(n.$defaultTextColor),m(n.$disabledBackground),m(n.$disabledBorderColor),m(n.$disabledTextColor))})),yr=l.default(Bn)(Qt||(Qt=b(["\n  .grey-shadow:has(+ * + .internal-button:focus-visible) {\n    box-shadow: ",";\n  }\n  .yellow-shadow:has(+ .internal-button:focus-visible) {\n    box-shadow: ",";\n  }\n  .yellow-shadow:has(+ .internal-button:hover),\n  .yellow-shadow:has(+ .internal-button:hover:not(:focus-visible, :active)) {\n    box-shadow: ",";\n  }\n  .grey-shadow:has(+ * + .internal-button:hover) {\n    box-shadow: none;\n  }\n  .grey-shadow:has(+ * + .internal-button:active) {\n    box-shadow: ",";\n  }\n  .yellow-shadow:has(+ .internal-button:active) {\n    box-shadow: ",";\n  }\n"],["\n  .grey-shadow:has(+ * + .internal-button:focus-visible) {\n    box-shadow: ",";\n  }\n  .yellow-shadow:has(+ .internal-button:focus-visible) {\n    box-shadow: ",";\n  }\n  .yellow-shadow:has(+ .internal-button:hover),\n  .yellow-shadow:has(+ .internal-button:hover:not(:focus-visible, :active)) {\n    box-shadow: ",";\n  }\n  .grey-shadow:has(+ * + .internal-button:hover) {\n    box-shadow: none;\n  }\n  .grey-shadow:has(+ * + .internal-button:active) {\n    box-shadow: ",";\n  }\n  .yellow-shadow:has(+ .internal-button:active) {\n    box-shadow: ",";\n  }\n"])),kn("drop-shadow-centered-grey"),kn("drop-shadow-centered-lemon"),(function(e){return kn(e.$hoverShadow)}),kn("drop-shadow-grey"),kn("drop-shadow-lemon")),$r=function(e){var n=e.element,t=void 0===n?"button":n,r=e.children,o=e.iconName,i=e.isTrailingIcon,a=e.isLoading,l=e.disabled,c=e.width,s=void 0===c?"max-content":c,f=e.maxWidth,b=e.defaultBackground,h=e.defaultBorderColor,p=e.defaultTextColor,v=e.disabledTextColor,m=e.hoverTextColor,w=e.hoverBackground,x=e.hoverBorderColor,y=e.disabledBackground,$=e.disabledBorderColor,k=e.className,E=e.hoverShadow,C=void 0===E?"drop-shadow-lemon":E,S=g(e,["element","children","iconName","isTrailingIcon","isLoading","disabled","width","maxWidth","defaultBackground","defaultBorderColor","defaultTextColor","disabledTextColor","hoverTextColor","hoverBackground","hoverBorderColor","disabledBackground","disabledBorderColor","className","hoverShadow"]),I=d.default.createElement(d.default.Fragment,null,o&&d.default.createElement(St,{iconName:o,$width:"all-spacing-6",$height:"all-spacing-6",$colorFilter:e.disabled?v:p})),D=d.default.createElement(Bn,{$width:"all-spacing-6",$height:"all-spacing-6"},d.default.createElement(vr,{$width:"all-spacing-6"})),O=d.default.createElement(d.default.Fragment,null,a&&!l?D:I);return d.default.createElement(yr,{className:k,$position:"relative",$width:s,$maxWidth:f,$hoverShadow:C},d.default.createElement(Bn,{className:"grey-shadow",$position:"absolute",$borderRadius:"border-radius-s",$width:"100%",$height:"100%",$top:"all-spacing-0"}),d.default.createElement(Bn,{className:"yellow-shadow",$position:"absolute",$borderRadius:"border-radius-s",$width:"100%",$height:"100%",$top:"all-spacing-0"}),d.default.createElement(xr,u({element:t,className:"internal-button",$ba:"border-solid-m",$background:b,$borderColor:h,$color:p,$pv:"inner-padding-s",$ph:"inner-padding-m",$borderRadius:"border-radius-s",$position:"relative",disabled:l||a,$width:"100%",$height:"100%",$hoverTextColor:m,$hoverBackground:w,$hoverBorderColor:x,$defaultTextColor:p,$defaultBackground:b,$defaultBorderColor:h,$disabledTextColor:v,$disabledBackground:y,$disabledBorderColor:$},S),d.default.createElement(Ln,{$flexDirection:"row",$alignItems:"center",$gap:"space-between-ssx",$justifyContent:"center"},!i&&O,d.default.createElement(qn,{$font:"heading-7"},r),i&&O)))},kr=function(e){var n=e.element,t=g(e,["element"]);return d.default.createElement($r,u({element:null!=n?n:"button",defaultBorderColor:"bg-btn-primary",defaultBackground:"bg-btn-primary",defaultTextColor:"text-inverted",hoverBackground:"bg-btn-primary-hover",hoverBorderColor:"bg-btn-primary-hover",hoverTextColor:"text-inverted",disabledBackground:"bg-btn-primary-disabled",disabledBorderColor:"text-disabled",disabledTextColor:"text-inverted"},t))},Er=function(e){var n=e.element,t=g(e,["element"]);return d.default.createElement($r,u({element:null!=n?n:"button",defaultBorderColor:"bg-btn-secondary",defaultBackground:"bg-btn-secondary",defaultTextColor:"text-primary",hoverBackground:"bg-btn-secondary",hoverBorderColor:"bg-btn-secondary",hoverTextColor:"text-primary",disabledBackground:"bg-btn-secondary",disabledBorderColor:"bg-btn-secondary",disabledTextColor:"text-disabled",hoverShadow:null},t))},Cr=l.default(wr)(_t||(_t=b(["\n  display: inline-block;\n  ","\n  ","\n  ","\n"],["\n  display: inline-block;\n  ","\n  ","\n  ","\n"])),Me,Te,(function(n){return e.css(Kt||(Kt=b(["\n    &:hover {\n      text-decoration: underline;\n      color: ",";\n    }\n    &:active {\n      color: ",";\n    }\n    &:disabled {\n      color: ",";\n    }\n  "],["\n    &:hover {\n      text-decoration: underline;\n      color: ",";\n    }\n    &:active {\n      color: ",";\n    }\n    &:disabled {\n      color: ",";\n    }\n  "])),m(n.$hoverTextColor),m(n.$defaultTextColor),m(n.$disabledTextColor))})),Sr=l.default(Bn)(Zt||(Zt=b(["\n  > :first-child:focus-visible .shadow {\n    box-shadow: ",",\n      ",";\n  }\n  > :first-child:hover .shadow {\n    box-shadow: ",";\n  }\n  > :first-child:active .shadow {\n    box-shadow: ",",\n      ",";\n  }\n  ","\n"],["\n  > :first-child:focus-visible .shadow {\n    box-shadow: ",",\n      ",";\n  }\n  > :first-child:hover .shadow {\n    box-shadow: ",";\n  }\n  > :first-child:active .shadow {\n    box-shadow: ",",\n      ",";\n  }\n  ","\n"])),kn("drop-shadow-centered-lemon"),kn("drop-shadow-centered-grey"),kn("drop-shadow-lemon"),kn("drop-shadow-lemon"),kn("drop-shadow-grey"),(function(n){return e.css(Jt||(Jt=b(["\n    > :first-child:disabled .icon-container {\n      background: ",";\n    }\n    > :first-child:hover .icon-container {\n      background: ",";\n    }\n    > :first-child:active .icon-container {\n      background: ",";\n    }\n  "],["\n    > :first-child:disabled .icon-container {\n      background: ",";\n    }\n    > :first-child:hover .icon-container {\n      background: ",";\n    }\n    > :first-child:active .icon-container {\n      background: ",";\n    }\n  "])),m(n.$disabledIconBackground),m(n.$hoverIconBackground),m(n.$defaultIconBackground))})),Ir=function(e){var n=e.element,t=void 0===n?"button":n,r=e.children,o=e.iconName,i=e.isTrailingIcon,a=e.isLoading,l=e.disabled,c=e.width,s=void 0===c?"max-content":c,f=e.maxWidth,b=e.iconBackgroundSize,h=e.iconSize,p=e.disabledIconBackground,v=e.disabledTextColor,m=e.defaultIconColor,w=e.hoverIconBackground,x=e.defaultIconBackground,y=e.disabledIconColor,$=e.defaultTextColor,k=e.hoverTextColor,E=e.className,C=g(e,["element","children","iconName","isTrailingIcon","isLoading","disabled","width","maxWidth","iconBackgroundSize","iconSize","disabledIconBackground","disabledTextColor","defaultIconColor","hoverIconBackground","defaultIconBackground","disabledIconColor","defaultTextColor","hoverTextColor","className"]),S=d.default.createElement(d.default.Fragment,null,o&&d.default.createElement(St,{iconName:o,$width:h,$height:h,$colorFilter:e.disabled?y:m||null})),I=d.default.createElement(Bn,{$width:h,$height:h},d.default.createElement(vr,{$width:h,loaderColor:"white"})),D=d.default.createElement(Ln,{className:"icon-container",$background:e.defaultIconBackground,$color:e.defaultTextColor,$borderRadius:"border-radius-circle",$position:"relative",$width:b,$height:b,$alignItems:"center",$justifyContent:"center",$minWidth:b},d.default.createElement(Bn,{className:"shadow",$position:"absolute",$borderRadius:"border-radius-circle",$width:"100%",$height:"100%",$top:"all-spacing-0"}),a&&!l?I:S);return d.default.createElement(Sr,{className:E,$position:"relative",$width:s,$maxWidth:f,$disabledIconBackground:p,$hoverIconBackground:w,$defaultIconBackground:x},d.default.createElement(Cr,u({element:null!=t?t:"button"},C,{$hoverTextColor:k,$defaultTextColor:$,$disabledTextColor:v,$color:$,$position:"relative",disabled:l||a}),d.default.createElement(Ln,{$flexDirection:"row",$alignItems:"center",$gap:r?"space-between-xs":"space-between-none",$justifyContent:"center"},!i&&D,d.default.createElement(qn,{$font:"heading-7"},r),i&&D)))},Dr=function(e){var n=e.element,t=e.isTrailingIcon,r=e.iconName,o=e.children,i=g(e,["element","isTrailingIcon","iconName","children"]);return d.default.createElement(Ir,u({element:null!=n?n:"button"},i,{isTrailingIcon:t,iconName:r,defaultIconColor:"white",disabledIconColor:"white",disabledIconBackground:"bg-btn-primary-disabled",defaultIconBackground:"black",hoverIconBackground:"bg-btn-primary-hover",defaultTextColor:"text-primary",hoverTextColor:"bg-btn-primary-hover",disabledTextColor:"text-disabled",iconBackgroundSize:"all-spacing-7",iconSize:"all-spacing-6"}),o)},Or=n.createContext({currentValue:"default",name:"default"}),zr=l.default(mt)(nr||(nr=b(["\n  ","\n\n  display: flex;\n  ","\n  ","\n"],["\n  ","\n\n  display: flex;\n  ","\n  ","\n"])),(function(n){return!n.disabled&&e.css(er||(er=b(["\n      cursor: pointer;\n    "],["\n      cursor: pointer;\n    "])))}),O("gap",(function(e){return e.$labelGap}),A),O("align-items",(function(e){return e.$labelAlignItems}))),Rr=l.default.input.attrs({type:"radio"})(rr||(rr=b(["\n  position: absolute;\n  opacity: 0;\n  ","\n"],["\n  position: absolute;\n  opacity: 0;\n  ","\n"])),(function(n){return!n.disabled&&e.css(tr||(tr=b(["\n      cursor: pointer;\n    "],["\n      cursor: pointer;\n    "])))})),jr=l.default(Ln)(ir||(ir=b(["\n  border-radius: 50%;\n\n  ","\n\n  ",':checked ~ &::after {\n    content: "";\n    height: ',";\n    width: ",";\n    background: ",";\n    position: absolute;\n    border-radius: 50%;\n    border: "," ",";\n  }\n"],["\n  border-radius: 50%;\n\n  ","\n\n  ",':checked ~ &::after {\n    content: "";\n    height: ',";\n    width: ",";\n    background: ",";\n    position: absolute;\n    border-radius: 50%;\n    border: "," ",";\n  }\n"])),(function(n){return!n.$disableFocusRing&&e.css(or||(or=b(["\n      ",':focus-visible ~ &::before {\n        content: "";\n        height: ',";\n        width: ",';\n        background: "transparent"\n        display: block;\n        position: absolute;\n        border-radius: 50%;\n        border: '," ",";\n        box-shadow: ",";\n      }"],["\n      ",':focus-visible ~ &::before {\n        content: "";\n        height: ',";\n        width: ",';\n        background: "transparent"\n        display: block;\n        position: absolute;\n        border-radius: 50%;\n        border: '," ",";\n        box-shadow: ",";\n      }"])),Rr,A("all-spacing-7"),A("all-spacing-7"),nn("border-solid-m"),m("grey60"),"inset 0 0 0 0.13rem ".concat(m("lemon")))}),Rr,(function(e){return A(e.$radioInnerSize)}),(function(e){return A(e.$radioInnerSize)}),m("black"),nn("border-solid-m"),m("white")),Nr=l.default(jr)(ar||(ar=b(["\n  ",':checked ~ &::after {\n    content: "";\n    height: ',";\n    width: ",";\n    background: ",";\n    position: absolute;\n    border-radius: 50%;\n    border: "," ",";\n  }\n"],["\n  ",':checked ~ &::after {\n    content: "";\n    height: ',";\n    width: ",";\n    background: ",";\n    position: absolute;\n    border-radius: 50%;\n    border: "," ",";\n  }\n"])),Rr,(function(e){return A(e.$radioInnerSize)}),(function(e){return A(e.$radioInnerSize)}),m("bg-btn-primary-disabled"),nn("border-solid-m"),m("white")),Mr=n.forwardRef((function(e,t){var r=n.useContext(Or),o=r.currentValue,i=r.name,a=r.onValueUpdated,l=e.id,c=e.label,s=e.value,f=e.tabIndex,b=e.disabled,h=e.$labelGap,p=void 0===h?"space-between-ssx":h,v=e.$labelAlignItems,m=void 0===v?"center":v,w=e.$font,x=void 0===w?"body-1":w,y=e["data-testid"],$=e.disableFocusRing,k=void 0!==$&&$,E=e.radioInnerSize,C=void 0===E?"all-spacing-4":E,S=e.radioOuterSize,I=void 0===S?"all-spacing-6":S,D=e.radioBorderWidth,O=void 0===D?"border-solid-m":D,z=e.radioBackground,R=void 0===z?"bg-primary":z,j=e.checkedRadioBorderWidth,N=void 0===j?"border-solid-m":j,M=g(e,["id","label","value","tabIndex","disabled","$labelGap","$labelAlignItems","$font","data-testid","disableFocusRing","radioInnerSize","radioOuterSize","radioBorderWidth","radioBackground","checkedRadioBorderWidth"]),T=s===o,B=b||r.disabled,A=T?N:O;return d.default.createElement(Bn,u({},M),d.default.createElement(zr,{htmlFor:l,$labelAlignItems:m,$labelGap:p,$font:x,"data-testid":y,disabled:B},d.default.createElement(Rr,{name:i,id:l,value:s,onChange:a,checked:s===o,tabIndex:f,disabled:B,ref:t}),B?d.default.createElement(Nr,{$height:I,$width:I,$ba:A,$borderColor:"bg-btn-primary-disabled",$flexGrow:0,$flexShrink:0,$alignItems:"center",$justifyContent:"center",$background:R,$disableFocusRing:!!k,$radioInnerSize:C}):d.default.createElement(jr,{$height:I,$width:I,$ba:A,$borderColor:"black",$flexGrow:0,$flexShrink:0,$alignItems:"center",$justifyContent:"center",$background:R,$disableFocusRing:!!k,$radioInnerSize:C}),c))})),Tr=n.forwardRef((function(e,t){var r=e.onHovered,o=g(e,["onHovered"]),i=n.useRef(Date.now());return d.default.createElement("input",u({ref:t,type:"checkbox",onMouseEnter:function(){i.current=Date.now()},onMouseLeave:function(){var n=Date.now()-i.current;r&&r(e.value,e.id,n)}},o,{name:e.id}))})),Br=l.default(Tr)(Pr||(Pr=b(["\n  /* removing default appearance */\n  -webkit-appearance: none;\n  appearance: none;\n  cursor: pointer;\n  margin: 0;\n  outline: none;\n  ","\n  ","\n  ","\n  ","\n\n  &:checked {\n    ",";\n  }\n\n  &:disabled {\n    pointer-events: none;\n  }\n"],["\n  /* removing default appearance */\n  -webkit-appearance: none;\n  appearance: none;\n  cursor: pointer;\n  margin: 0;\n  outline: none;\n  ","\n  ","\n  ","\n  ","\n\n  &:checked {\n    ",";\n  }\n\n  &:disabled {\n    pointer-events: none;\n  }\n"])),xn,z,Je,Te,(function(n){return e.css(qr||(qr=b(["\n      background: ",";\n    "],["\n      background: ",";\n    "])),m(n.$checkedBackground))}));Br.defaultProps={$borderRadius:"border-radius-xs",$ba:"border-solid-m",$borderColor:"text-primary",$checkedBackground:"text-primary"};var Ar=l.default(Br)(Wr||(Wr=b(['\n  /* @media wrapper is required to prevent hover effect on iOS Safari */\n\n  @media (hover: hover) {\n    &:hover:not(&:checked):not(&:disabled)::after {\n      content: "";\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 60%;\n      height: 60%;\n      transform: translate(-50%, -50%);\n      border-radius: ',";\n      background: ",";\n    }\n  }\n"],['\n  /* @media wrapper is required to prevent hover effect on iOS Safari */\n\n  @media (hover: hover) {\n    &:hover:not(&:checked):not(&:disabled)::after {\n      content: "";\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 60%;\n      height: 60%;\n      transform: translate(-50%, -50%);\n      border-radius: ',";\n      background: ",";\n    }\n  }\n"])),(function(n){return e.css(Fr||(Fr=b(["\n        ","\n      "],["\n        ","\n      "])),tn(n.$hoverBorderRadius))}),(function(n){return e.css(Hr||(Hr=b(["\n        ","\n      "],["\n        ","\n      "])),m(n.$checkedBackground))}));Ar.defaultProps={$hoverBorderRadius:"border-radius-xs"};var Lr=e.css(Gr||(Gr=b(["\n  &:focus-visible {\n    box-shadow: ",";\n  }\n"],["\n  &:focus-visible {\n    box-shadow: ",";\n  }\n"])),kn("drop-shadow-centered-lemon"));l.default(Br)(Yr||(Yr=b(["\n  ","\n"],["\n  ","\n"])),Lr);var qr,Pr,Fr,Hr,Wr,Gr,Yr,Ur,Xr,Vr,Qr,Kr,_r,Jr,Zr,eo,no,to,ro,oo,io,ao,lo,co,so=l.default(Ar)(Ur||(Ur=b(["\n  ","\n"],["\n  ","\n"])),Lr),uo=l.default(mt)(Xr||(Xr=b(["\n  display: flex;\n  align-items: center;\n  ","\n  ","\n"],["\n  display: flex;\n  align-items: center;\n  ","\n  ","\n"])),O("gap",(function(e){return e.labelGap}),A),O("align-items",(function(e){return e.labelAlignItems}))),go=l.default(uo)(Kr||(Kr=b(["\n  ","\n  @media (hover: hover) {\n    &:hover {\n      text-decoration: ",";\n    }\n  }\n"],["\n  ","\n  @media (hover: hover) {\n    &:hover {\n      text-decoration: ",";\n    }\n  }\n"])),(function(n){return n.disabled?e.css(Vr||(Vr=b(["\n          pointer-events: none;\n        "],["\n          pointer-events: none;\n        "]))):e.css(Qr||(Qr=b(["\n          cursor: pointer;\n        "],["\n          cursor: pointer;\n        "])))}),(function(e){return e.disabled?"none":"underline"})),fo=l.default(Bn)(_r||(_r=b(["\n  pointer-events: none;\n  opacity: 0;\n\n  input:checked + & {\n    opacity: 1;\n  }\n"],["\n  pointer-events: none;\n  opacity: 0;\n\n  input:checked + & {\n    opacity: 1;\n  }\n"]))),bo=function(e){var n=e.size,t=void 0===n?"all-spacing-6":n,r=e.iconPadding,o=void 0===r?"inner-padding-none":r,i=e.internalCheckbox,a=e.checkedIcon,l=void 0===a?d.default.createElement(St,{iconName:"tick",$width:"100%",$height:"100%",$colorFilter:"white"}):a;return d.default.createElement(Bn,{$position:"relative",$width:t,$height:t},i,d.default.createElement(fo,{$position:"absolute",$top:"all-spacing-0",$left:"all-spacing-0",$pa:o,$width:t,$height:t},l))},ho=l.default.input(Jr||(Jr=b(["\n  appearance: none !important;\n  border: 0;\n  border-radius: 0;\n  border-color: transparent;\n  box-shadow: none;\n  font-family: inherit;\n  background: transparent;\n  outline: none;\n  color: inherit;\n\n  @media (max-width: ","px) {\n    /* iOS zooms in on inputs with font sizes <16px on mobile */\n    font-size: 16px;\n  }\n\n  ::placeholder {\n    color: ",";\n  }\n\n  ::-webkit-search-decoration,\n  ::-webkit-search-cancel-button,\n  ::-webkit-search-results-button,\n  ::-webkit-search-results-decoration {\n    appearance: none;\n  }\n\n  :disabled {\n    cursor: not-allowed;\n  }\n\n  ","\n  ","\n"],["\n  appearance: none !important;\n  border: 0;\n  border-radius: 0;\n  border-color: transparent;\n  box-shadow: none;\n  font-family: inherit;\n  background: transparent;\n  outline: none;\n  color: inherit;\n\n  @media (max-width: ","px) {\n    /* iOS zooms in on inputs with font sizes <16px on mobile */\n    font-size: 16px;\n  }\n\n  ::placeholder {\n    color: ",";\n  }\n\n  ::-webkit-search-decoration,\n  ::-webkit-search-cancel-button,\n  ::-webkit-search-results-button,\n  ::-webkit-search-results-decoration {\n    appearance: none;\n  }\n\n  :disabled {\n    cursor: not-allowed;\n  }\n\n  ","\n  ","\n"])),D("small"),(function(e){var n=e.theme;return n&&n.uiColors&&m(n.uiColors["text-subdued"])}),Je,Te),po=function(e){e.onInitialFocus,e.onFocus;var t=g(e,["onInitialFocus","onFocus"]),r=n.useRef(!1);return d.default.createElement(ho,u({},t,{onFocus:function(n){!r.current&&e.onInitialFocus&&(e.onInitialFocus(n),r.current=!0),e.onFocus&&e.onFocus(n)}}))},vo=l.default(Ln)(to||(to=b(["\n  &:hover {\n    cursor: text;\n  }\n\n  &:focus-within {\n    box-shadow: ",";\n  }\n\n  background: ",";\n\n  ","\n\n  ","\n\n  ","\n"],["\n  &:hover {\n    cursor: text;\n  }\n\n  &:focus-within {\n    box-shadow: ",";\n  }\n\n  background: ",";\n\n  ","\n\n  ","\n\n  ","\n"])),(function(e){return e.$focusRingDropShadows.map((function(e){return kn(e)})).join(",")}),(function(e){return m(e.$background)}),(function(n){return!n.$readOnly&&e.css(Zr||(Zr=b(["\n      @media (hover: hover) {\n        &:hover:not(:focus-within) {\n          background: ",";\n        }\n      }\n    "],["\n      @media (hover: hover) {\n        &:hover:not(:focus-within) {\n          background: ",";\n        }\n      }\n    "])),m(n.$hoverBackground))}),(function(n){return n.$readOnly&&e.css(eo||(eo=b(["\n      border-color: ",";\n      color: ",";\n    "],["\n      border-color: ",";\n      color: ",";\n    "])),m(n.$readOnlyBorderColor),m(n.$readOnlyColor))}),(function(n){return n.$disabled&&e.css(no||(no=b(["\n      background: ",";\n      color: ",";\n      &:hover {\n        cursor: not-allowed;\n      }\n    "],["\n      background: ",";\n      color: ",";\n      &:hover {\n        cursor: not-allowed;\n      }\n    "])),m(n.$disabledBackgroundColor),m(n.$disabledColor))})),mo=function(e){var n=e.type,t=void 0===n?"text":n,r=e.borderColor,o=void 0===r?"border-primary":r,i=e.readOnlyBorderColor,a=void 0===i?"border-neutral":i,l=e.focusRingDropShadows,c=void 0===l?["drop-shadow-centered-lemon","drop-shadow-centered-grey"]:l,s=e.background,f=void 0===s?"bg-primary":s,b=e.hoverBackground,h=void 0===b?"bg-neutral":b,p=e.disabledBackgroundColor,v=void 0===p?"bg-neutral":p,m=e.highlightBackgroundColor,w=void 0===m?"bg-decorative5-main":m,x=e.color,y=void 0===x?"text-primary":x,$=e.disabledColor,k=void 0===$?"text-disabled":$,E=e.readOnlyColor,C=void 0===E?"text-subdued":E,S=e.validity,I=e.iconColor,D=void 0===I?"icon-inverted":I,O=e.validBorderColor,z=void 0===O?"border-success":O,R=e.invalidBorderColor,j=void 0===R?"border-error":R,N=e.validIconColor,M=void 0===N?"icon-success":N,T=e.invalidIconColor,B=void 0===T?"border-error":T,A=e.iconName,L=e.iconAlt,q=e.isTrailingIcon,P=void 0!==q&&q,F=e.isHighlighted,H=void 0!==F&&F,W=e.wrapperWidth,G=e.wrapperMaxWidth,Y=g(e,["type","borderColor","readOnlyBorderColor","focusRingDropShadows","background","hoverBackground","disabledBackgroundColor","highlightBackgroundColor","color","disabledColor","readOnlyColor","validity","iconColor","validBorderColor","invalidBorderColor","validIconColor","invalidIconColor","iconName","iconAlt","isTrailingIcon","isHighlighted","wrapperWidth","wrapperMaxWidth"]),U=f,X=o,V=D,Q=a;switch(!0){case"valid"===S:X=z,V=M,Q=z;break;case"invalid"===S:X=j,V=B,Q=j;break;case H:U=w}return d.default.createElement(vo,{$height:"fit-content",$width:W,$maxWidth:G,$borderRadius:"border-radius-s",$ba:"border-solid-m",$borderColor:X,$focusRingDropShadows:c,$background:U,$hoverBackground:h,$disabledBackgroundColor:v,$readOnlyBorderColor:Q,$disabledColor:k,$readOnlyColor:C,$color:y,$alignItems:"center",$position:"relative",$gap:"space-between-s",$ph:"inner-padding-l",$disabled:!!Y.disabled,$readOnly:!!Y.readOnly,onClick:function(e){var n;null===(n=e.currentTarget.querySelector("input"))||void 0===n||n.focus()}},!P&&A&&d.default.createElement(St,{iconName:A,$colorFilter:V,$pointerEvents:"none",$width:"all-spacing-7",alt:L}),d.default.createElement(Ln,{$flexGrow:1},d.default.createElement(po,u({type:t},Y,{$width:"100%",$pv:"inner-padding-l",$height:"all-spacing-12"}))),P&&A&&d.default.createElement(St,{iconName:A,$colorFilter:V,$pointerEvents:"none",$width:"all-spacing-7",alt:L}))},wo=function(e){var n=e.$background,t=void 0===n?"bg-decorative5-main":n,r=e.$borderRadius,o=void 0===r?"border-radius-circle":r,i=e.$width,a=void 0===i?"all-spacing-9":i,l=e.$height,c=void 0===l?"all-spacing-9":l,s=e.$pa,f=void 0===s?"inner-padding-ssx":s,b=e.className,h=g(e,["$background","$borderRadius","$width","$height","$pa","className"]),p=h.iconName?d.default.createElement(St,u({},h,{$height:"100%",$width:"100%"})):d.default.createElement(dt,u({},h,{$height:"100%",$width:"100%"}));return d.default.createElement(Bn,{className:b,$background:t,$borderRadius:o,$width:a,$height:c,$pa:f},p)},xo=l.default(Ln)(ro||(ro=b(["\n  width: max-content;\n  pointer-events: none;\n"],["\n  width: max-content;\n  pointer-events: none;\n"]))),yo=A("all-spacing-4"),$o=l.default.svg(co||(co=b(["\n  position: absolute;\n  ","\n  ","\n"],["\n  position: absolute;\n  ","\n  ","\n"])),(function(n){switch(n.$tooltipPosition){case"bottom-right":return e.css(oo||(oo=b(["\n          top: -",";\n          right: ",";\n          transform: scale(-1, -1);\n        "],["\n          top: -",";\n          right: ",";\n          transform: scale(-1, -1);\n        "])),yo,A("all-spacing-0"));case"top-right":return e.css(io||(io=b(["\n          bottom: -",";\n          right: ",";\n          transform: scaleX(-1);\n        "],["\n          bottom: -",";\n          right: ",";\n          transform: scaleX(-1);\n        "])),yo,A("all-spacing-0"));case"top-left":return e.css(ao||(ao=b(["\n          bottom: -",";\n          left: ",";\n        "],["\n          bottom: -",";\n          left: ",";\n        "])),yo,A("all-spacing-0"));default:return e.css(lo||(lo=b(["\n          top: -",";\n          left: ",";\n          transform: scaleY(-1);\n        "],["\n          top: -",";\n          left: ",";\n          transform: scaleY(-1);\n        "])),yo,A("all-spacing-0"))}}),O("fill",(function(e){return e.$fill}),m)),ko=function(e){var n=e.children,t=e.$background,r=void 0===t?"black":t,o=e.$color,i=void 0===o?"text-inverted":o,a=e.tooltipPosition,l=void 0===a?"bottom-left":a,c=g(e,["children","$background","$color","tooltipPosition"]);return d.default.createElement(xo,u({role:"tooltip"},c,{$position:"relative",$background:r,$color:i,$maxWidth:["all-spacing-20","all-spacing-22"]}),n,d.default.createElement($o,{width:yo,height:yo,$fill:r,$tooltipPosition:l,"data-testid":"tooltip-arrow"},d.default.createElement("path",{d:"M0 0H16L8 8L0 16V0Z"})))},Eo=function(e){var t,r=e.tooltipPosition,i=e.children,a=e.tooltip,l=e.isOpen,c=e.domContainer,s=void 0===c?document.body:c,b=g(e,["tooltipPosition","children","tooltip","isOpen","domContainer"]),h=f(n.useState(null),2),p=h[0],v=h[1],m=f(n.useState(!0),2),w=m[0],x=m[1],y=l&&w,$=f(n.useState(),2),k=$[0],E=$[1],C=((t={$borderRadius:"border-radius-m"})[function(){switch(r){case"bottom-right":return"$btrr";case"top-right":return"$bbrr";case"top-left":return"$bblr";default:return"$btlr"}}()]="border-radius-square",t);return n.useLayoutEffect((function(){if(p){var e=!1,n=function(){e||(requestAnimationFrame((function(){e=!1;var n=p.getBoundingClientRect();E({top:n.top,left:n.left,width:n.width,height:n.height})})),e=!0)},t=new IntersectionObserver((function(e){x(e.every((function(e){return e.isIntersecting})))}));t.observe(p);var r=new ResizeObserver(n);return r.observe(p),window.addEventListener("scroll",n,!0),window.addEventListener("resize",n),function(){r.disconnect(),t.disconnect(),window.removeEventListener("scroll",n,!0),window.removeEventListener("resize",n)}}}),[p]),d.default.createElement(d.default.Fragment,null,o.createPortal(y&&d.default.createElement(Bn,{$position:"fixed",style:k,$pointerEvents:"none",$zIndex:"modal-dialog"},d.default.createElement(Bn,u({$width:"fit-content",$height:"fit-content",$position:"absolute"},function(e){var n={};switch(e){case"top-left":case"top-right":n.$top="space-between-none",n.$transform="translateY(calc(-100% - ".concat(A("space-between-s"),"))");break;default:n.$bottom="space-between-none",n.$transform="translateY(calc(100% + ".concat(A("space-between-s"),"))")}switch(e){case"top-left":case"bottom-left":n.$left="space-between-none";break;default:n.$right="space-between-none"}return n}(r)),d.default.createElement(ko,u({$background:"bg-decorative5-main",$color:"text-primary",$pv:"inner-padding-m",$ph:"inner-padding-xl",$font:"heading-light-7",tooltipPosition:r},b,C),a))),s),d.default.createElement("div",{ref:function(e){var n;v(null!==(n=null==e?void 0:e.firstElementChild)&&void 0!==n?n:null)},style:{display:"contents"}},i))};var Co,So,Io=l.default.a(Co||(Co=b(["\n  border-radius: 50%;\n  display: flex;\n  width: fit-content;\n  height: fit-content;\n  border: none;\n  padding: 0;\n  outline: none;\n\n  img {\n    pointer-events: none;\n  }\n\n  &:not(:disabled) {\n    cursor: pointer;\n  }\n\n  &:active {\n    box-shadow: ",",\n      ",";\n  }\n\n  &:hover,\n  &:focus-visible {\n    background: ",";\n\n    img {\n      filter: ",";\n    }\n  }\n\n  &:focus-visible {\n    box-shadow: ",",\n      ",";\n  }\n\n  &:disabled {\n    background: ",";\n\n    img {\n      filter: ",";\n    }\n  }\n"],["\n  border-radius: 50%;\n  display: flex;\n  width: fit-content;\n  height: fit-content;\n  border: none;\n  padding: 0;\n  outline: none;\n\n  img {\n    pointer-events: none;\n  }\n\n  &:not(:disabled) {\n    cursor: pointer;\n  }\n\n  &:active {\n    box-shadow: ",",\n      ",";\n  }\n\n  &:hover,\n  &:focus-visible {\n    background: ",";\n\n    img {\n      filter: ",";\n    }\n  }\n\n  &:focus-visible {\n    box-shadow: ",",\n      ",";\n  }\n\n  &:disabled {\n    background: ",";\n\n    img {\n      filter: ",";\n    }\n  }\n"])),kn("drop-shadow-lemon"),kn("drop-shadow-grey"),m("bg-btn-primary"),Fn("text-inverted"),kn("drop-shadow-centered-lemon"),kn("drop-shadow-centered-grey"),m("bg-btn-primary-disabled"),Fn("text-inverted")),Do=l.default(Ln)(So||(So=b([""],[""])));Do.defaultProps={$pa:"inner-padding-xl",$flexDirection:"column",$flexGrow:1,$position:"relative"};var Oo,zo=l.default(Bn)(Oo||(Oo=b(["\n  & > * {\n    width: 100%;\n    height: 100%;\n  }\n"],["\n  & > * {\n    width: 100%;\n    height: 100%;\n  }\n"]))),Ro=function(e){var n=e.backgroundElement,t=e.children,r=g(e,["backgroundElement","children"]);return d.default.createElement(Do,u({},r),d.default.createElement(zo,{$position:"absolute",$inset:"space-between-none","aria-hidden":!0},n),d.default.createElement(Bn,{$position:"relative"},t))};function jo(e){if(e)return e in Ze?"".concat(N(Ze[e]),"rem"):void 0}var No,Mo,To,Bo,Ao,Lo,qo,Po,Fo,Ho,Wo,Go,Yo,Uo,Xo,Vo,Qo,Ko,_o,Jo,Zo,ei,ni,ti,ri,oi=l.default.svg(No||(No=b(["\n  ","\n  ","\n    ","\n"],["\n  ","\n  ","\n    ","\n"])),O("fill",(function(e){return e.$fill}),m),O("stroke",(function(e){return e.$stroke}),m),O("stroke-width",(function(e){return e.$strokeWidth}),jo)),ii=function(e){var n=e.$pa,t=void 0===n?"inner-padding-xl":n,r=e.fill,o=void 0===r?"bg-decorative1-main":r,i=e.stroke,a=e.strokeWidth,l=e.$width,c=void 0===l?"fit-content":l,s=g(e,["$pa","fill","stroke","strokeWidth","$width"]);return d.default.createElement(Ro,u({$pa:t,$width:c,backgroundElement:d.default.createElement(oi,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 457 120",preserveAspectRatio:"none",$fill:o,$stroke:i,$strokeWidth:a},d.default.createElement("path",{d:"M27.442 2.59c5.262-.362 11.96-.656 18.624-.932 4.374-.19 8.748-.371 12.712-.578 1.367-.07 3.042-.087 4.716-.095C65.032.976 66.57.959 67.903.907 91.858-.017 115.164.268 139.325.57l6.22.078c20.333.12 40.768.086 61.033-.13 6.664-.025 13.294-.043 19.957-.06C243.656.415 260.777.363 277.83.234c8.85-.07 17.667-.052 26.518-.035 12.132.026 24.366.052 36.771-.147 8.475-.138 17.633.087 26.757.302 3.725.087 7.45.182 11.107.25 3.69.061 7.347.139 10.969.217 4.511.095 8.988.19 13.499.259 13.464.207 30.619 1.519 30.619 1.519 3.588.449 7.074 1.32 10.286 2.59 2.973 1.304 4.682 4.135 6.391 6.967.717 1.165 1.435 2.33 2.221 3.384.273.363.342.812.376 1.26.034.406.102.82.307 1.175 3.52 6.388 2.427 12.604 1.299 19.044a27.243 27.243 0 0 0-.273 1.658 70.082 70.082 0 0 0 .478 16.273l.205 5.31c.171 4.575.342 9.133.854 13.683.274 2.357.205 4.705.137 7.07-.102 3.238-.205 6.492.547 9.808.547 2.261-.308 4.705-1.162 7.13-.342.993-.684 1.986-.923 2.962-.239.984-.546 1.951-.82 2.926-.342 1.2-.718 2.392-.991 3.6-1.196 5.379-4.511 8.435-11.756 9.134-2.392.233-4.75.518-7.142.855h-6.937c-5.263.371-11.961.656-18.624.932-4.375.19-8.749.371-12.713.579-1.367.069-3.041.086-4.716.095-1.538.008-3.075.025-4.408.086-23.956.924-47.262.639-71.422.337l-6.186-.078a3693.945 3693.945 0 0 0-61.033.129c-6.664.026-13.294.044-19.958.061-17.121.043-34.241.095-51.294.224-8.851.069-17.667.052-26.518.035-12.132-.026-24.366-.052-36.771.147-8.475.138-17.633-.087-26.758-.303-3.725-.086-7.45-.181-11.106-.25-3.69-.06-7.313-.138-10.97-.216-4.51-.095-8.987-.19-13.498-.259-18.932-.293-30.175-1.079-33.66-2.754-1.47-.38-2.871-.837-4.238-1.355-3.076-1.304-4.887-4.135-6.664-6.967-.752-1.165-1.47-2.331-2.29-3.384-.273-.363-.341-.812-.376-1.261-.034-.405-.102-.82-.307-1.174C0 95.664 1.128 89.448 2.324 83.008l.308-1.658c.478-5.421.341-10.869-.513-16.273-.102-1.77-.17-3.548-.24-5.318-.17-4.567-.375-9.125-.888-13.675-.273-2.357-.205-4.705-.136-7.07.102-3.238.205-6.493-.581-9.808-.547-2.262.341-4.705 1.196-7.13.342-.994.717-1.986.99-2.962.24-.984.548-1.96.855-2.927.376-1.2.752-2.39 1.025-3.6C5.605 7.21 9.022 4.154 16.574 3.455c2.495-.233 10.936-.855 10.936-.855l-.069-.009Z",vectorEffect:"non-scaling-stroke"}))},s))},ai=function(e){var n=e.iconName,t=e.iconColor,r=void 0===t?"text-primary":t,o=e.iconWidth,i=void 0===o?["all-spacing-11","all-spacing-16"]:o,a=e.iconHeight,l=void 0===a?["all-spacing-11","all-spacing-16"]:a,c=e.alt,s=e.$width,f=void 0===s?["all-spacing-13","all-spacing-17"]:s,b=e.$height,h=void 0===b?["all-spacing-13","all-spacing-17"]:b,p=e.$alignItems,v=void 0===p?"center":p,m=e.$justifyContent,w=void 0===m?"center":m,x=g(e,["iconName","iconColor","iconWidth","iconHeight","alt","$width","$height","$alignItems","$justifyContent"]);return d.default.createElement(ii,u({$width:f,$height:h,$alignItems:v,$justifyContent:w},x),d.default.createElement(St,{iconName:n,alt:c,$height:l,$width:i,$colorFilter:r}))},li=l.default(Ln)(Mo||(Mo=b(["\n  aspect-ratio: 2 / 1;\n"],["\n  aspect-ratio: 2 / 1;\n"]))),di=function(){return d.default.createElement(li,{$alignItems:"center",$justifyContent:"center",$position:"relative",$width:["all-spacing-8","all-spacing-9","all-spacing-10"]},d.default.createElement(oi,{height:"100%",width:"100%",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 56 27",$fill:"bg-icon"},d.default.createElement("path",{d:"M6.421 0c8.661.839 17.303.834 26.16.714a89.843 89.843 0 0 1 4.834-.013c6.333.32 12.39.317 18.506-.275 0 1.26.178 2.352 0 3.44-.276 1.38-.829 2.759-1.342 4.15-.138.354-.532.706-.808 1.06-.445.248-.63.5-.553.753 1.598 1.093-.256 2.185 0 3.277.276 1.529 1.322 3.058 1.204 4.572-.138 1.771-1.046 3.543-1.973 5.312-.288.4-1.065.792-2.309 1.169-2.288.755-4.103 1.67-11.206 1.965-9.936.417-20.953.385-30.678-.09-2.447-.12-4.38-.532-5.209-.853-1.035-.458-1.52-.929-1.44-1.4C.937 18.988-.109 14.194.01 9.4c0-2.645 1.973-5.29 3.413-7.933.237-.424 1.697-.839 3-1.468Z"})),d.default.createElement(Ln,{$position:"absolute",$inset:"all-spacing-0",$alignItems:"center",$justifyContent:"center"},d.default.createElement(qn,{$color:"lemon",$font:["body-3-bold","body-3-bold","heading-7"]},"New")))},ci=l.default(Bn)(To||(To=b(["\n  &::-webkit-scrollbar-thumb {\n    border-radius: ",";\n    background-color: ",";\n  }\n  &::-webkit-scrollbar-track {\n    border-radius: ",";\n    background-color: ",";\n  }\n  &::-webkit-scrollbar {\n    width: ",";\n    height: ",";\n    border-radius: ",";\n  }\n"],["\n  &::-webkit-scrollbar-thumb {\n    border-radius: ",";\n    background-color: ",";\n  }\n  &::-webkit-scrollbar-track {\n    border-radius: ",";\n    background-color: ",";\n  }\n  &::-webkit-scrollbar {\n    width: ",";\n    height: ",";\n    border-radius: ",";\n  }\n"])),tn("border-radius-m"),m("grey50"),tn("border-radius-m"),m("white"),A("all-spacing-3"),A("all-spacing-3"),tn("border-radius-m")),si=function(e){var n=e.isOpen,t=e.children,r=e.id,o=g(e,["isOpen","children","id"]);return d.default.createElement(Bn,{$display:n?"block":"none",id:r},d.default.createElement(Ln,u({$background:"bg-neutral-stronger",$ph:"inner-padding-m",$pv:"inner-padding-xl",$borderRadius:"border-radius-m"},o),d.default.createElement(ci,{$overflow:"auto",$maxHeight:"100%",$width:"100%",$pr:"inner-padding-m"},t)))},ui=l.default(St)(Bo||(Bo=b(["\n  width: ",";\n  height: ",";\n"],["\n  width: ",";\n  height: ",";\n"])),A("all-spacing-6"),A("all-spacing-6")),gi=l.default.a(Ao||(Ao=b(["\n  display: inline-flex;\n  align-items: center;\n  gap: ",";\n  outline: none;\n  border-radius: ",";\n  padding: ",";\n  margin: -",";\n  appearance: none;\n  font: inherit;\n  background: none;\n  border: none;\n  text-decoration: underline;\n  cursor: pointer;\n\n  color: ",";\n  "," {\n    filter: ",";\n  }\n\n  &:focus-visible {\n    box-shadow: ",",\n      ",";\n  }\n\n  &:visited {\n    color: ",";\n\n    "," {\n      filter: ",";\n    }\n  }\n\n  @media (hover: hover) {\n    &:hover,\n    &:visited:hover {\n      color: ",";\n      "," {\n        filter: ",";\n      }\n    }\n  }\n\n  &:active {\n    color: ",";\n\n    "," {\n      filter: ",";\n    }\n  }\n\n  &[disabled] {\n    cursor: not-allowed;\n    color: ",";\n\n    "," {\n      filter: ",";\n    }\n  }\n"],["\n  display: inline-flex;\n  align-items: center;\n  gap: ",";\n  outline: none;\n  border-radius: ",";\n  padding: ",";\n  margin: -",";\n  appearance: none;\n  font: inherit;\n  background: none;\n  border: none;\n  text-decoration: underline;\n  cursor: pointer;\n\n  color: ",";\n  "," {\n    filter: ",";\n  }\n\n  &:focus-visible {\n    box-shadow: ",",\n      ",";\n  }\n\n  &:visited {\n    color: ",";\n\n    "," {\n      filter: ",";\n    }\n  }\n\n  @media (hover: hover) {\n    &:hover,\n    &:visited:hover {\n      color: ",";\n      "," {\n        filter: ",";\n      }\n    }\n  }\n\n  &:active {\n    color: ",";\n\n    "," {\n      filter: ",";\n    }\n  }\n\n  &[disabled] {\n    cursor: not-allowed;\n    color: ",";\n\n    "," {\n      filter: ",";\n    }\n  }\n"])),A("space-between-sssx"),tn("border-radius-m"),A("inner-padding-ssx"),A("inner-padding-ssx"),m("text-link-active"),ui,Fn("text-link-active"),kn("drop-shadow-centered-lemon"),kn("drop-shadow-centered-grey"),m("text-link-visited"),ui,Fn("text-link-visited"),m("text-link-hover"),ui,Fn("text-link-hover"),m("text-link-pressed"),ui,Fn("text-link-pressed"),m("text-disabled"),ui,Fn("icon-disabled")),fi=n.forwardRef((function(e,n){var t=e.element,r=void 0===t?"a":t,o=e.iconName,i=e.isTrailingIcon,a=e.children,l=e.isLoading,c=g(e,["element","iconName","isTrailingIcon","children","isLoading"]),s=function(){switch(!0){case l:return d.default.createElement(Ln,{$width:"all-spacing-6",$height:"all-spacing-6",$alignItems:"center",$justifyContent:"center"},d.default.createElement(vr,{$width:"all-spacing-4",$color:"icon-inverted"}));case!!o:return d.default.createElement(ui,{iconName:o});default:return null}}(),f=function(){switch(!0){case"disabled"in c:return c.disabled;case l:return!0;default:return}}();return d.default.createElement(gi,u({as:r,ref:n,disabled:f},c),!i&&s,d.default.createElement(qn,null,a),i&&s)})),bi=l.default(Bn)(Lo||(Lo=b(["\n  margin-block: calc(-"," / 2);\n  line-height: calc(1.5rem + ",");\n"],["\n  margin-block: calc(-"," / 2);\n  line-height: calc(1.5rem + ",");\n"])),A("space-between-ssx"),A("space-between-ssx")),hi=function(e){return d.default.createElement(Ln,u({$gap:"space-between-ssx"},e),d.default.createElement(Ln,{$flexGrow:0},d.default.createElement(St,{iconName:"move-arrows"})),d.default.createElement(bi,{$font:"body-2"},"Click and drag answers to change the order, or select using"," ",d.default.createElement(cr,null,d.default.createElement("span",{"aria-hidden":"true"},"↹")," Tab")," ","then move by pressing ",d.default.createElement(cr,null,"Space")," and the ",d.default.createElement(cr,null,"↑")," ",d.default.createElement(cr,null,"↓")," arrows on your keyboard."))},pi=l.default(St)(qo||(qo=b([""],[""]))),vi=l.default(Bn)(Po||(Po=b(["\n  cursor: grab;\n  outline: none;\n  user-select: none;\n\n  "," {\n    filter: ",';\n  }\n\n  @media (hover: hover) {\n    &:hover:not([data-dragging="true"]):not([data-disabled="true"]):not(\n        [data-readonly="true"]\n      ) {\n      background-color: ',";\n      color: ",";\n      box-shadow: ",";\n      border-bottom: ","\n        ",";\n      padding-bottom: ",";\n      text-decoration: underline;\n\n      "," {\n        filter: ",';\n      }\n    }\n  }\n\n  &:focus-visible:not([data-dragging="true"]):not([data-disabled="true"]) {\n    box-shadow: ',",\n      ",';\n  }\n\n  &[data-dragging="true"] {\n    cursor: move;\n    background-color: ',";\n    color: ",";\n    outline: "," ",";\n    outline-offset: -",";\n    box-shadow: ",",\n      ",";\n    text-decoration: underline;\n\n    "," {\n      filter: ",';\n    }\n  }\n\n  &[data-disabled="true"] {\n    cursor: default;\n    background-color: ',";\n    color: ",";\n\n    "," {\n      filter: ",';\n    }\n  }\n\n  &[data-readonly="true"] {\n    cursor: default;\n  }\n'],["\n  cursor: grab;\n  outline: none;\n  user-select: none;\n\n  "," {\n    filter: ",';\n  }\n\n  @media (hover: hover) {\n    &:hover:not([data-dragging="true"]):not([data-disabled="true"]):not(\n        [data-readonly="true"]\n      ) {\n      background-color: ',";\n      color: ",";\n      box-shadow: ",";\n      border-bottom: ","\n        ",";\n      padding-bottom: ",";\n      text-decoration: underline;\n\n      "," {\n        filter: ",';\n      }\n    }\n  }\n\n  &:focus-visible:not([data-dragging="true"]):not([data-disabled="true"]) {\n    box-shadow: ',",\n      ",';\n  }\n\n  &[data-dragging="true"] {\n    cursor: move;\n    background-color: ',";\n    color: ",";\n    outline: "," ",";\n    outline-offset: -",";\n    box-shadow: ",",\n      ",";\n    text-decoration: underline;\n\n    "," {\n      filter: ",';\n    }\n  }\n\n  &[data-disabled="true"] {\n    cursor: default;\n    background-color: ',";\n    color: ",";\n\n    "," {\n      filter: ",';\n    }\n  }\n\n  &[data-readonly="true"] {\n    cursor: default;\n  }\n'])),pi,(function(e){return Fn(e.$iconColor)}),m("bg-decorative1-subdued"),m("text-primary"),kn("drop-shadow-standard"),nn("border-solid-xl"),m("border-primary"),A("inner-padding-m"),pi,Fn("icon-inverted"),kn("drop-shadow-centered-lemon"),kn("drop-shadow-centered-grey"),m("bg-decorative1-main"),m("text-primary"),nn("border-solid-xl"),m("border-primary"),jo("border-solid-xl"),kn("drop-shadow-lemon"),kn("drop-shadow-grey"),pi,Fn("icon-inverted"),m("bg-neutral"),m("text-disabled"),pi,Fn("icon-disabled")),mi=l.default(Ln)(Fo||(Fo=b(["\n  margin-block: -",";\n"],["\n  margin-block: -",";\n"])),A("space-between-ssx")),wi=n.forwardRef((function(e,n){var t=e.children,r=e.iconName,o=void 0===r?"move-arrows":r,i=e.iconColor,a=void 0===i?"icon-inverted":i,l=e.iconAlt,c=void 0===l?"":l,s=e.color,f=void 0===s?"text-primary":s,b=e.background,h=void 0===b?"bg-primary":b,p=e.isDragging,v=e.isDisabled,m=e.isReadOnly,w=g(e,["children","iconName","iconColor","iconAlt","color","background","isDragging","isDisabled","isReadOnly"]);return d.default.createElement(vi,u({ref:n,$pv:"inner-padding-l",$pl:"inner-padding-s",$pr:"inner-padding-m",$background:h,$color:f,$borderRadius:"border-radius-m2",$minHeight:"all-spacing-10","data-dragging":p,"data-disabled":v,"data-readonly":m,$iconColor:a},w),d.default.createElement(mi,{$gap:"space-between-s",$alignItems:"center"},d.default.createElement(pi,{iconName:o,$width:"all-spacing-7",$height:"all-spacing-7",alt:c}),d.default.createElement(Ln,{$font:"body-1-bold"},t)))})),xi=l.default(Ln)(Ho||(Ho=b(["\n  outline: "," ",';\n  outline-style: dashed;\n\n  &[data-disabled="true"] {\n    outline-color: ',";\n  }\n"],["\n  outline: "," ",';\n  outline-style: dashed;\n\n  &[data-disabled="true"] {\n    outline-color: ',";\n  }\n"])),nn("border-solid-l"),m("border-primary"),m("border-neutral")),yi=n.forwardRef((function(e,n){var t=e.children,r=e.labelSlot,o=e.isOver,i=e.isHighlighted,a=e.isDisabled,l=g(e,["children","labelSlot","isOver","isHighlighted","isDisabled"]),c=function(){switch(!0){case o:return"bg-primary";case a:return"bg-decorative2-subdued";default:return"bg-neutral"}}(),s=function(){switch(!0){case o:return"bg-decorative2-main";case i:return"bg-decorative5-main";default:return"bg-decorative2-subdued"}}();return d.default.createElement(Ln,u({ref:n,$background:s,$pa:"inner-padding-m",$borderRadius:"border-radius-l",$gap:"space-between-s",$flexDirection:["column","row","row"]},l),d.default.createElement(xi,{$background:c,$pa:"inner-padding-ssx",$borderRadius:"border-radius-m2",$minHeight:"all-spacing-11",$flexBasis:"100%","data-disabled":a},d.default.createElement(Bn,{$width:"100%"},t)),r&&d.default.createElement(Ln,{$background:o?"bg-primary":"bg-decorative2-very-subdued",$borderRadius:"border-radius-m2",$alignItems:"center",$font:"body-1",$ph:"inner-padding-l",$minHeight:"all-spacing-10",$pv:"inner-padding-ssx",$flexBasis:"100%",$width:"100%",$alignSelf:"center","data-testid":"label"},r))})),$i=l.default(Ln)(Wo||(Wo=b(["\n  font: inherit;\n  border: none;\n  background: none;\n  appearance: none;\n  margin: -",";\n\n  outline: none;\n\n  &:focus-visible {\n    box-shadow: ",",\n      ",";\n  }\n"],["\n  font: inherit;\n  border: none;\n  background: none;\n  appearance: none;\n  margin: -",";\n\n  outline: none;\n\n  &:focus-visible {\n    box-shadow: ",",\n      ",";\n  }\n"])),A("inner-padding-m"),kn("drop-shadow-centered-lemon"),kn("drop-shadow-centered-grey")),ki=l.default(Br)(Go||(Go=b(["\n  &:checked:not(:disabled) {\n    border: ",";\n    border-color: ",";\n  }\n\n  &:checked:disabled {\n    border: ",";\n    border-color: ",";\n  }\n\n  @media (hover: hover) {\n    &:hover:not(:disabled) {\n      background: ",";\n    }\n  }\n"],["\n  &:checked:not(:disabled) {\n    border: ",";\n    border-color: ",";\n  }\n\n  &:checked:disabled {\n    border: ",";\n    border-color: ",";\n  }\n\n  @media (hover: hover) {\n    &:hover:not(:disabled) {\n      background: ",";\n    }\n  }\n"])),nn("border-solid-l"),m("border-primary"),nn("border-solid-l"),m("text-disabled"),m("bg-primary")),Ei=l.default(go)(Yo||(Yo=b(["\n  pointer-events: none; // To prevent the label from stealing the click event from the input\n"],["\n  pointer-events: none; // To prevent the label from stealing the click event from the input\n"]))),Ci=l.default(Ln)(Ko||(Ko=b(["\n  &:not(:focus-within) {\n    ","\n  }\n\n  &:has(input:not(:disabled)) {\n    cursor: pointer;\n  }\n\n  &:has(input:disabled) {\n    pointer-events: none;\n    cursor: none;\n  }\n\n  &:focus-within {\n    box-shadow: ",",\n      ",";\n  }\n\n  @media (hover: hover) {\n    &:hover:has(input:not(:disabled)){\n      background-color: ",";\n    }\n\n    &:hover input:not(:disabled) {\n      background: ",";\n    }\n\n    &:hover:has(input:not(:disabled)) "," {\n      text-decoration: underline;\n    }\n\n    &:hover:has(\n        ",' input:not(:focus-visible):not(:checked):not(:disabled)\n      )::after {\n      content: "";\n      inset: 0;\n      pointer-events: none;\n      position: absolute;\n      border-bottom: ',";\n      border-radius: ",";\n    }\n\n    &:focus-within {\n      box-shadow: ",",\n        ",";\n    }\n    \n    &:has(input:checked:not(:disabled)) {\n      outline: ",";\n   }\n\n   &:has(input:checked:disabled) {\n    outline-color: ",";\n  }\n\n  &:has(input:disabled:not(:checked)) {\n     ","\n  }\n\n  &:has(input:disabled:checked) {\n    ",";\n }\n"],["\n  &:not(:focus-within) {\n    ","\n  }\n\n  &:has(input:not(:disabled)) {\n    cursor: pointer;\n  }\n\n  &:has(input:disabled) {\n    pointer-events: none;\n    cursor: none;\n  }\n\n  &:focus-within {\n    box-shadow: ",",\n      ",";\n  }\n\n  @media (hover: hover) {\n    &:hover:has(input:not(:disabled)){\n      background-color: ",";\n    }\n\n    &:hover input:not(:disabled) {\n      background: ",";\n    }\n\n    &:hover:has(input:not(:disabled)) "," {\n      text-decoration: underline;\n    }\n\n    &:hover:has(\n        ",' input:not(:focus-visible):not(:checked):not(:disabled)\n      )::after {\n      content: "";\n      inset: 0;\n      pointer-events: none;\n      position: absolute;\n      border-bottom: ',";\n      border-radius: ",";\n    }\n\n    &:focus-within {\n      box-shadow: ",",\n        ",";\n    }\n    \n    &:has(input:checked:not(:disabled)) {\n      outline: ",";\n   }\n\n   &:has(input:checked:disabled) {\n    outline-color: ",";\n  }\n\n  &:has(input:disabled:not(:checked)) {\n     ","\n  }\n\n  &:has(input:disabled:checked) {\n    ",";\n }\n"])),(function(n){return!!n.$outlineColor&&e.css(Uo||(Uo=b(["\n        outline: ","\n          ",";\n      "],["\n        outline: ","\n          ",";\n      "])),nn("border-solid-xl"),m(n.$outlineColor))}),kn("drop-shadow-centered-lemon"),kn("drop-shadow-centered-grey"),m("bg-decorative1-subdued"),m("bg-primary"),go,go,nn("border-solid-xl"),tn("border-radius-m2"),kn("drop-shadow-centered-lemon"),kn("drop-shadow-centered-grey"),nn("border-solid-xl"),(function(n){return e.css(Xo||(Xo=b(["\n      ","\n    "],["\n      ","\n    "])),m(n.$overlayBorderColor))}),(function(n){return n.$feedbackBgColor?e.css(Vo||(Vo=b(["\n             background-color: ",";\n           "],["\n             background-color: ",";\n           "])),n.$feedbackBgColor):void 0}),(function(n){return e.css(Qo||(Qo=b(["\n      background-color: ",";\n    "],["\n      background-color: ",";\n    "])),m(n.$feedbackBgColor))})),Si=l.default(Ln)(ei||(ei=b(["\n  &:not(:focus-within) {\n    ","\n  }\n\n  &:hover {\n    cursor: ",";\n  }\n\n  &:focus-within {\n    box-shadow: ",",\n      ",";\n  }\n\n  ","\n\n  ","\n"],["\n  &:not(:focus-within) {\n    ","\n  }\n\n  &:hover {\n    cursor: ",";\n  }\n\n  &:focus-within {\n    box-shadow: ",",\n      ",";\n  }\n\n  ","\n\n  ","\n"])),(function(n){return!!n.$outlineColor&&e.css(_o||(_o=b(["\n        outline: ","\n          ",";\n      "],["\n        outline: ","\n          ",";\n      "])),nn("border-solid-xl"),m(n.$outlineColor))}),(function(e){return e.$disabled?"default":"pointer"}),kn("drop-shadow-centered-lemon"),kn("drop-shadow-centered-grey"),(function(n){return!n.$disabled&&e.css(Jo||(Jo=b(["\n      &:hover {\n        background-color: ",";\n        text-decoration: underline;\n      }\n    "],["\n      &:hover {\n        background-color: ",";\n        text-decoration: underline;\n      }\n    "])),m("bg-decorative1-subdued"))}),(function(n){return!n.$disabled&&!n.$checked&&e.css(Zo||(Zo=b(['\n      &:hover:not(:focus-within)::after {\n        pointer-events: none;\n        content: "";\n        position: absolute;\n        inset: 0;\n        border-radius: ',";\n        border-bottom: "," ",";\n      }\n    "],['\n      &:hover:not(:focus-within)::after {\n        pointer-events: none;\n        content: "";\n        position: absolute;\n        inset: 0;\n        border-radius: ',";\n        border-bottom: "," ",";\n      }\n    "])),tn("border-radius-m2"),nn("border-solid-l"),m("grey60"))})),Ii=l.default(Ir)(ni||(ni=b(["\n  &:hover .shadow {\n    box-shadow: none !important;\n  }\n  &:active .shadow {\n    box-shadow: ",",\n      "," !important;\n  }\n"],["\n  &:hover .shadow {\n    box-shadow: none !important;\n  }\n  &:active .shadow {\n    box-shadow: ",",\n      "," !important;\n  }\n"])),kn("drop-shadow-lemon"),kn("drop-shadow-grey")),Di=function(e){var n=e.isOpen,t=e.disabled;return d.default.createElement(Ii,{iconName:n&&!t?"lightbulb-yellow":"lightbulb",defaultIconBackground:n?"black":"bg-decorative5-main",hoverIconBackground:n?"black":"bg-decorative5-main",defaultTextColor:"text-primary",hoverTextColor:"text-primary",disabledIconBackground:"bg-btn-primary-disabled",disabledTextColor:"text-disabled",disabledIconColor:"white",onClick:e.onClick,isLoading:e.isLoading,disabled:e.disabled,iconBackgroundSize:"all-spacing-8",iconSize:"all-spacing-6"},n?"Close hint":"Need a hint?")},Oi=function(e){var t=e.hint,r=f(n.useState(!1),2),o=r[0],i=r[1];return d.default.createElement(Eo,{tooltip:t,isOpen:o},d.default.createElement(Di,{isOpen:o,onClick:function(){i(!o)}}))},zi=function(e){var n,t=e.feedback,r=e.answerFeedback;switch(t){case"correct":n="Correct";break;case"incorrect":n="Incorrect";break;case"partially-correct":n="Almost correct"}return d.default.createElement(Bn,{"aria-live":"polite"},d.default.createElement(Ln,{$gap:"space-between-xs"},d.default.createElement(wo,{iconName:"correct"===t?"tick":"cross",alt:"",$pa:"inner-padding-none",$background:"correct"===t?"icon-success":"icon-error",$colorFilter:"text-inverted",$width:"all-spacing-6",$height:"all-spacing-6"}),d.default.createElement(qn,{$font:"heading-6",$color:"correct"===t?"text-success":"text-error"},n)),r&&d.default.createElement(qn,{as:"p",$mt:"space-between-xs",$font:"correct"===t?"body-2-bold":"body-2"},r))},Ri=l.default(Ln)(ti||(ti=b(["\n  box-sizing: content-box;\n"],["\n  box-sizing: content-box;\n"]))),ji=l.default(qn)(ri||(ri=b(["\n  @media (min-width: ","px) {\n    display: none;\n  }\n"],["\n  @media (min-width: ","px) {\n    display: none;\n  }\n"])),D("small"));var Ni,Mi,Ti=l.default(Bn)(Ni||(Ni=b(["\n  @media (min-width: ","px) {\n    padding-top: ",";\n  }\n"],["\n  @media (min-width: ","px) {\n    padding-top: ",";\n  }\n"])),D("small"),A("space-between-xl")),Bi=l.default(Bn)(Mi||(Mi=b(["\n  position: sticky;\n  bottom: 0;\n  z-index: 10;\n"],["\n  position: sticky;\n  bottom: 0;\n  z-index: 10;\n"])));var Ai,Li,qi,Pi,Fi,Hi,Wi=l.default(Bn)(Ai||(Ai=b([""],[""]))),Gi=l.default(wo)(Li||(Li=b(["\n  width: ",";\n  height: ",";\n  padding: 0;\n\n  background: transparent;\n\n  img {\n    filter: ",";\n  }\n"],["\n  width: ",";\n  height: ",";\n  padding: 0;\n\n  background: transparent;\n\n  img {\n    filter: ",";\n  }\n"])),A("all-spacing-8"),A("all-spacing-8"),(function(e){return Fn(e.$disabled?"icon-disabled":"icon-inverted")})),Yi=e.css(qi||(qi=b(["\n  "," {\n    background: ",";\n\n    img {\n      filter: ",";\n    }\n  }\n"],["\n  "," {\n    background: ",";\n\n    img {\n      filter: ",";\n    }\n  }\n"])),Gi,m("bg-btn-primary"),Fn("icon-main")),Ui=l.default(Ln)(Fi||(Fi=b(["\n  outline: none;\n  text-align: initial;\n\n  &:focus-visible {\n    box-shadow: ",",\n      ",";\n  }\n\n  ","\n\n  ","\n"],["\n  outline: none;\n  text-align: initial;\n\n  &:focus-visible {\n    box-shadow: ",",\n      ",";\n  }\n\n  ","\n\n  ","\n"])),kn("drop-shadow-centered-lemon"),kn("drop-shadow-centered-grey"),(function(e){return e.$disabled&&"cursor: default"}),(function(n){return!n.$disabled&&e.css(Pi||(Pi=b(["\n      cursor: pointer;\n\n      /* Don't apply hover styles on touch devices */\n      @media (hover: hover) {\n        &:hover {\n          "," {\n            text-decoration: underline;\n          }\n\n          ","\n        }\n      }\n\n      &:active {\n        box-shadow: ",",\n          ",";\n        ","\n      }\n    "],["\n      cursor: pointer;\n\n      /* Don't apply hover styles on touch devices */\n      @media (hover: hover) {\n        &:hover {\n          "," {\n            text-decoration: underline;\n          }\n\n          ","\n        }\n      }\n\n      &:active {\n        box-shadow: ",",\n          ",";\n        ","\n      }\n    "])),Wi,Yi,kn("drop-shadow-lemon"),kn("drop-shadow-grey"),Yi)})),Xi=l.default(Bn)(Hi||(Hi=b(["\n  flex: 1;\n"],["\n  flex: 1;\n"])));function Vi(e){switch(e){case"intro":return"intro";case"starter-quiz":case"exit-quiz":return"quiz";case"video":return"video"}}var Qi,Ki=l.default(Ln)(Qi||(Qi=b(["\n  outline: none;\n  text-align: initial;\n"],["\n  outline: none;\n  text-align: initial;\n"]))),_i=function(e){return!1===e.completed?Ji(e):d.default.createElement(Ln,{$gap:"space-between-sssx",$alignItems:"center"},d.default.createElement(St,{iconName:"tick",$width:"all-spacing-6",$height:"all-spacing-6"}),"Completed")},Ji=function(e){switch(e.lessonSectionName){case"intro":return"Prepare";case"starter-quiz":return"Activate - ".concat(e.numQuestions," questions");case"exit-quiz":return"Check - ".concat(e.numQuestions," questions");case"video":return"Learn"}},Zi=function(e){switch(e){case"intro":return"Introduction";case"starter-quiz":return"Starter quiz";case"video":return"Lesson video";case"exit-quiz":return"Exit quiz"}},ea=function(e){switch(e){case"intro":return["bg-decorative2-very-subdued","border-decorative2","aqua"];case"starter-quiz":return["bg-decorative1-very-subdued","border-decorative1","mint"];case"video":return["bg-decorative4-very-subdued","border-decorative4","pink"];case"exit-quiz":return["bg-decorative5-very-subdued","border-decorative5","lemon"]}},na=function(e){if(!1===e.completed)return null;switch(e.lessonSectionName){case"exit-quiz":case"starter-quiz":return d.default.createElement(Bn,null,d.default.createElement(qn,{$font:"heading-4"},e.grade),d.default.createElement(qn,{$font:"heading-6"}," / ",e.numQuestions));default:return null}};const ta="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement;function ra(e){const n=Object.prototype.toString.call(e);return"[object Window]"===n||"[object global]"===n}function oa(e){return"nodeType"in e}function ia(e){var n,t;return e?ra(e)?e:oa(e)&&null!=(n=null==(t=e.ownerDocument)?void 0:t.defaultView)?n:window:window}function aa(e){const{Document:n}=ia(e);return e instanceof n}function la(e){return!ra(e)&&e instanceof ia(e).HTMLElement}function da(e){return e instanceof ia(e).SVGElement}function ca(e){return e?ra(e)?e.document:oa(e)?aa(e)?e:la(e)||da(e)?e.ownerDocument:document:document:document}const sa=ta?n.useLayoutEffect:n.useEffect;function ua(e){const t=n.useRef(e);return sa((()=>{t.current=e})),n.useCallback((function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];return null==t.current?void 0:t.current(...n)}),[])}function ga(e,t){void 0===t&&(t=[e]);const r=n.useRef(e);return sa((()=>{r.current!==e&&(r.current=e)}),t),r}function fa(e,t){const r=n.useRef();return n.useMemo((()=>{const n=e(r.current);return r.current=n,n}),[...t])}function ba(e){const t=ua(e),r=n.useRef(null),o=n.useCallback((e=>{e!==r.current&&(null==t||t(e,r.current)),r.current=e}),[]);return[r,o]}function ha(e){const t=n.useRef();return n.useEffect((()=>{t.current=e}),[e]),t.current}let pa={};function va(e,t){return n.useMemo((()=>{if(t)return t;const n=null==pa[e]?0:pa[e]+1;return pa[e]=n,e+"-"+n}),[e,t])}function ma(e){return function(n){for(var t=arguments.length,r=new Array(t>1?t-1:0),o=1;o<t;o++)r[o-1]=arguments[o];return r.reduce(((n,t)=>{const r=Object.entries(t);for(const[t,o]of r){const r=n[t];null!=r&&(n[t]=r+e*o)}return n}),{...n})}}const wa=ma(1),xa=ma(-1);function ya(e){if(!e)return!1;const{KeyboardEvent:n}=ia(e.target);return n&&e instanceof n}function $a(e){if(function(e){if(!e)return!1;const{TouchEvent:n}=ia(e.target);return n&&e instanceof n}(e)){if(e.touches&&e.touches.length){const{clientX:n,clientY:t}=e.touches[0];return{x:n,y:t}}if(e.changedTouches&&e.changedTouches.length){const{clientX:n,clientY:t}=e.changedTouches[0];return{x:n,y:t}}}return function(e){return"clientX"in e&&"clientY"in e}(e)?{x:e.clientX,y:e.clientY}:null}const ka=Object.freeze({Translate:{toString(e){if(!e)return;const{x:n,y:t}=e;return"translate3d("+(n?Math.round(n):0)+"px, "+(t?Math.round(t):0)+"px, 0)"}},Scale:{toString(e){if(!e)return;const{scaleX:n,scaleY:t}=e;return"scaleX("+n+") scaleY("+t+")"}},Transform:{toString(e){if(e)return[ka.Translate.toString(e),ka.Scale.toString(e)].join(" ")}},Transition:{toString(e){let{property:n,duration:t,easing:r}=e;return n+" "+t+"ms "+r}}}),Ea="a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";function Ca(e){return e.matches(Ea)?e:e.querySelector(Ea)}const Sa={display:"none"};function Ia(e){let{id:n,value:t}=e;return d.default.createElement("div",{id:n,style:Sa},t)}function Da(e){let{id:n,announcement:t,ariaLiveType:r="assertive"}=e;return d.default.createElement("div",{id:n,style:{position:"fixed",width:1,height:1,margin:-1,border:0,padding:0,overflow:"hidden",clip:"rect(0 0 0 0)",clipPath:"inset(100%)",whiteSpace:"nowrap"},role:"status","aria-live":r,"aria-atomic":!0},t)}const Oa=n.createContext(null);const za={draggable:"\n    To pick up a draggable item, press the space bar.\n    While dragging, use the arrow keys to move the item.\n    Press space again to drop the item in its new position, or press escape to cancel.\n  "},Ra={onDragStart(e){let{active:n}=e;return"Picked up draggable item "+n.id+"."},onDragOver(e){let{active:n,over:t}=e;return t?"Draggable item "+n.id+" was moved over droppable area "+t.id+".":"Draggable item "+n.id+" is no longer over a droppable area."},onDragEnd(e){let{active:n,over:t}=e;return t?"Draggable item "+n.id+" was dropped over droppable area "+t.id:"Draggable item "+n.id+" was dropped."},onDragCancel(e){let{active:n}=e;return"Dragging was cancelled. Draggable item "+n.id+" was dropped."}};function ja(e){let{announcements:t=Ra,container:r,hiddenTextDescribedById:i,screenReaderInstructions:a=za}=e;const{announce:l,announcement:c}=function(){const[e,t]=n.useState("");return{announce:n.useCallback((e=>{null!=e&&t(e)}),[]),announcement:e}}(),s=va("DndLiveRegion"),[u,g]=n.useState(!1);if(n.useEffect((()=>{g(!0)}),[]),function(e){const t=n.useContext(Oa);n.useEffect((()=>{if(!t)throw new Error("useDndMonitor must be used within a children of <DndContext>");return t(e)}),[e,t])}(n.useMemo((()=>({onDragStart(e){let{active:n}=e;l(t.onDragStart({active:n}))},onDragMove(e){let{active:n,over:r}=e;t.onDragMove&&l(t.onDragMove({active:n,over:r}))},onDragOver(e){let{active:n,over:r}=e;l(t.onDragOver({active:n,over:r}))},onDragEnd(e){let{active:n,over:r}=e;l(t.onDragEnd({active:n,over:r}))},onDragCancel(e){let{active:n,over:r}=e;l(t.onDragCancel({active:n,over:r}))}})),[l,t])),!u)return null;const f=d.default.createElement(d.default.Fragment,null,d.default.createElement(Ia,{id:i,value:a.draggable}),d.default.createElement(Da,{id:s,announcement:c}));return r?o.createPortal(f,r):f}var Na;function Ma(){}function Ta(e,t){return n.useMemo((()=>({sensor:e,options:null!=t?t:{}})),[e,t])}function Ba(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return n.useMemo((()=>[...t].filter((e=>null!=e))),[...t])}!function(e){e.DragStart="dragStart",e.DragMove="dragMove",e.DragEnd="dragEnd",e.DragCancel="dragCancel",e.DragOver="dragOver",e.RegisterDroppable="registerDroppable",e.SetDroppableDisabled="setDroppableDisabled",e.UnregisterDroppable="unregisterDroppable"}(Na||(Na={}));const Aa=Object.freeze({x:0,y:0});function La(e,n){return Math.sqrt(Math.pow(e.x-n.x,2)+Math.pow(e.y-n.y,2))}function qa(e,n){const t=$a(e);if(!t)return"0 0";return(t.x-n.left)/n.width*100+"% "+(t.y-n.top)/n.height*100+"%"}function Pa(e,n){let{data:{value:t}}=e,{data:{value:r}}=n;return t-r}function Fa(e,n){let{data:{value:t}}=e,{data:{value:r}}=n;return r-t}function Ha(e){let{left:n,top:t,height:r,width:o}=e;return[{x:n,y:t},{x:n+o,y:t},{x:n,y:t+r},{x:n+o,y:t+r}]}function Wa(e,n){if(!e||0===e.length)return null;const[t]=e;return n?t[n]:t}function Ga(e,n,t){return void 0===n&&(n=e.left),void 0===t&&(t=e.top),{x:n+.5*e.width,y:t+.5*e.height}}const Ya=e=>{let{collisionRect:n,droppableRects:t,droppableContainers:r}=e;const o=Ga(n,n.left,n.top),i=[];for(const e of r){const{id:n}=e,r=t.get(n);if(r){const t=La(Ga(r),o);i.push({id:n,data:{droppableContainer:e,value:t}})}}return i.sort(Pa)};function Ua(e,n){const t=Math.max(n.top,e.top),r=Math.max(n.left,e.left),o=Math.min(n.left+n.width,e.left+e.width),i=Math.min(n.top+n.height,e.top+e.height),a=o-r,l=i-t;if(r<o&&t<i){const t=n.width*n.height,r=e.width*e.height,o=a*l;return Number((o/(t+r-o)).toFixed(4))}return 0}const Xa=e=>{let{collisionRect:n,droppableRects:t,droppableContainers:r}=e;const o=[];for(const e of r){const{id:r}=e,i=t.get(r);if(i){const t=Ua(i,n);t>0&&o.push({id:r,data:{droppableContainer:e,value:t}})}}return o.sort(Fa)};function Va(e,n){return e&&n?{x:e.left-n.left,y:e.top-n.top}:Aa}function Qa(e){return function(n){for(var t=arguments.length,r=new Array(t>1?t-1:0),o=1;o<t;o++)r[o-1]=arguments[o];return r.reduce(((n,t)=>({...n,top:n.top+e*t.y,bottom:n.bottom+e*t.y,left:n.left+e*t.x,right:n.right+e*t.x})),{...n})}}const Ka=Qa(1);function _a(e){if(e.startsWith("matrix3d(")){const n=e.slice(9,-1).split(/, /);return{x:+n[12],y:+n[13],scaleX:+n[0],scaleY:+n[5]}}if(e.startsWith("matrix(")){const n=e.slice(7,-1).split(/, /);return{x:+n[4],y:+n[5],scaleX:+n[0],scaleY:+n[3]}}return null}const Ja={ignoreTransform:!1};function Za(e,n){void 0===n&&(n=Ja);let t=e.getBoundingClientRect();if(n.ignoreTransform){const{transform:n,transformOrigin:r}=ia(e).getComputedStyle(e);n&&(t=function(e,n,t){const r=_a(n);if(!r)return e;const{scaleX:o,scaleY:i,x:a,y:l}=r,d=e.left-a-(1-o)*parseFloat(t),c=e.top-l-(1-i)*parseFloat(t.slice(t.indexOf(" ")+1)),s=o?e.width/o:e.width,u=i?e.height/i:e.height;return{width:s,height:u,top:c,right:d+s,bottom:c+u,left:d}}(t,n,r))}const{top:r,left:o,width:i,height:a,bottom:l,right:d}=t;return{top:r,left:o,width:i,height:a,bottom:l,right:d}}function el(e){return Za(e,{ignoreTransform:!0})}function nl(e,n){const t=[];return e?function r(o){if(null!=n&&t.length>=n)return t;if(!o)return t;if(aa(o)&&null!=o.scrollingElement&&!t.includes(o.scrollingElement))return t.push(o.scrollingElement),t;if(!la(o)||da(o))return t;if(t.includes(o))return t;const i=ia(e).getComputedStyle(o);return o!==e&&function(e,n){void 0===n&&(n=ia(e).getComputedStyle(e));const t=/(auto|scroll|overlay)/;return["overflow","overflowX","overflowY"].some((e=>{const r=n[e];return"string"==typeof r&&t.test(r)}))}(o,i)&&t.push(o),function(e,n){return void 0===n&&(n=ia(e).getComputedStyle(e)),"fixed"===n.position}(o,i)?t:r(o.parentNode)}(e):t}function tl(e){const[n]=nl(e,1);return null!=n?n:null}function rl(e){return ta&&e?ra(e)?e:oa(e)?aa(e)||e===ca(e).scrollingElement?window:la(e)?e:null:null:null}function ol(e){return ra(e)?e.scrollX:e.scrollLeft}function il(e){return ra(e)?e.scrollY:e.scrollTop}function al(e){return{x:ol(e),y:il(e)}}var ll;function dl(e){return!(!ta||!e)&&e===document.scrollingElement}function cl(e){const n={x:0,y:0},t=dl(e)?{height:window.innerHeight,width:window.innerWidth}:{height:e.clientHeight,width:e.clientWidth},r={x:e.scrollWidth-t.width,y:e.scrollHeight-t.height};return{isTop:e.scrollTop<=n.y,isLeft:e.scrollLeft<=n.x,isBottom:e.scrollTop>=r.y,isRight:e.scrollLeft>=r.x,maxScroll:r,minScroll:n}}!function(e){e[e.Forward=1]="Forward",e[e.Backward=-1]="Backward"}(ll||(ll={}));const sl={x:.2,y:.2};function ul(e,n,t,r,o){let{top:i,left:a,right:l,bottom:d}=t;void 0===r&&(r=10),void 0===o&&(o=sl);const{isTop:c,isBottom:s,isLeft:u,isRight:g}=cl(e),f={x:0,y:0},b={x:0,y:0},h=n.height*o.y,p=n.width*o.x;return!c&&i<=n.top+h?(f.y=ll.Backward,b.y=r*Math.abs((n.top+h-i)/h)):!s&&d>=n.bottom-h&&(f.y=ll.Forward,b.y=r*Math.abs((n.bottom-h-d)/h)),!g&&l>=n.right-p?(f.x=ll.Forward,b.x=r*Math.abs((n.right-p-l)/p)):!u&&a<=n.left+p&&(f.x=ll.Backward,b.x=r*Math.abs((n.left+p-a)/p)),{direction:f,speed:b}}function gl(e){if(e===document.scrollingElement){const{innerWidth:e,innerHeight:n}=window;return{top:0,left:0,right:e,bottom:n,width:e,height:n}}const{top:n,left:t,right:r,bottom:o}=e.getBoundingClientRect();return{top:n,left:t,right:r,bottom:o,width:e.clientWidth,height:e.clientHeight}}function fl(e){return e.reduce(((e,n)=>wa(e,al(n))),Aa)}function bl(e,n){if(void 0===n&&(n=Za),!e)return;const{top:t,left:r,bottom:o,right:i}=n(e);tl(e)&&(o<=0||i<=0||t>=window.innerHeight||r>=window.innerWidth)&&e.scrollIntoView({block:"center",inline:"center"})}const hl=[["x",["left","right"],function(e){return e.reduce(((e,n)=>e+ol(n)),0)}],["y",["top","bottom"],function(e){return e.reduce(((e,n)=>e+il(n)),0)}]];class pl{constructor(e,n){this.rect=void 0,this.width=void 0,this.height=void 0,this.top=void 0,this.bottom=void 0,this.right=void 0,this.left=void 0;const t=nl(n),r=fl(t);this.rect={...e},this.width=e.width,this.height=e.height;for(const[e,n,o]of hl)for(const i of n)Object.defineProperty(this,i,{get:()=>{const n=o(t),a=r[e]-n;return this.rect[i]+a},enumerable:!0});Object.defineProperty(this,"rect",{enumerable:!1})}}class vl{constructor(e){this.target=void 0,this.listeners=[],this.removeAll=()=>{this.listeners.forEach((e=>{var n;return null==(n=this.target)?void 0:n.removeEventListener(...e)}))},this.target=e}add(e,n,t){var r;null==(r=this.target)||r.addEventListener(e,n,t),this.listeners.push([e,n,t])}}function ml(e,n){const t=Math.abs(e.x),r=Math.abs(e.y);return"number"==typeof n?Math.sqrt(t**2+r**2)>n:"x"in n&&"y"in n?t>n.x&&r>n.y:"x"in n?t>n.x:"y"in n&&r>n.y}var wl,xl;function yl(e){e.preventDefault()}function $l(e){e.stopPropagation()}!function(e){e.Click="click",e.DragStart="dragstart",e.Keydown="keydown",e.ContextMenu="contextmenu",e.Resize="resize",e.SelectionChange="selectionchange",e.VisibilityChange="visibilitychange"}(wl||(wl={})),function(e){e.Space="Space",e.Down="ArrowDown",e.Right="ArrowRight",e.Left="ArrowLeft",e.Up="ArrowUp",e.Esc="Escape",e.Enter="Enter"}(xl||(xl={}));const kl={start:[xl.Space,xl.Enter],cancel:[xl.Esc],end:[xl.Space,xl.Enter]},El=(e,n)=>{let{currentCoordinates:t}=n;switch(e.code){case xl.Right:return{...t,x:t.x+25};case xl.Left:return{...t,x:t.x-25};case xl.Down:return{...t,y:t.y+25};case xl.Up:return{...t,y:t.y-25}}};class Cl{constructor(e){this.props=void 0,this.autoScrollEnabled=!1,this.referenceCoordinates=void 0,this.listeners=void 0,this.windowListeners=void 0,this.props=e;const{event:{target:n}}=e;this.props=e,this.listeners=new vl(ca(n)),this.windowListeners=new vl(ia(n)),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleCancel=this.handleCancel.bind(this),this.attach()}attach(){this.handleStart(),this.windowListeners.add(wl.Resize,this.handleCancel),this.windowListeners.add(wl.VisibilityChange,this.handleCancel),setTimeout((()=>this.listeners.add(wl.Keydown,this.handleKeyDown)))}handleStart(){const{activeNode:e,onStart:n}=this.props,t=e.node.current;t&&bl(t),n(Aa)}handleKeyDown(e){if(ya(e)){const{active:n,context:t,options:r}=this.props,{keyboardCodes:o=kl,coordinateGetter:i=El,scrollBehavior:a="smooth"}=r,{code:l}=e;if(o.end.includes(l))return void this.handleEnd(e);if(o.cancel.includes(l))return void this.handleCancel(e);const{collisionRect:d}=t.current,c=d?{x:d.left,y:d.top}:Aa;this.referenceCoordinates||(this.referenceCoordinates=c);const s=i(e,{active:n,context:t.current,currentCoordinates:c});if(s){const n=xa(s,c),r={x:0,y:0},{scrollableAncestors:o}=t.current;for(const t of o){const o=e.code,{isTop:i,isRight:l,isLeft:d,isBottom:c,maxScroll:u,minScroll:g}=cl(t),f=gl(t),b={x:Math.min(o===xl.Right?f.right-f.width/2:f.right,Math.max(o===xl.Right?f.left:f.left+f.width/2,s.x)),y:Math.min(o===xl.Down?f.bottom-f.height/2:f.bottom,Math.max(o===xl.Down?f.top:f.top+f.height/2,s.y))},h=o===xl.Right&&!l||o===xl.Left&&!d,p=o===xl.Down&&!c||o===xl.Up&&!i;if(h&&b.x!==s.x){const e=t.scrollLeft+n.x,i=o===xl.Right&&e<=u.x||o===xl.Left&&e>=g.x;if(i&&!n.y)return void t.scrollTo({left:e,behavior:a});r.x=i?t.scrollLeft-e:o===xl.Right?t.scrollLeft-u.x:t.scrollLeft-g.x,r.x&&t.scrollBy({left:-r.x,behavior:a});break}if(p&&b.y!==s.y){const e=t.scrollTop+n.y,i=o===xl.Down&&e<=u.y||o===xl.Up&&e>=g.y;if(i&&!n.x)return void t.scrollTo({top:e,behavior:a});r.y=i?t.scrollTop-e:o===xl.Down?t.scrollTop-u.y:t.scrollTop-g.y,r.y&&t.scrollBy({top:-r.y,behavior:a});break}}this.handleMove(e,wa(xa(s,this.referenceCoordinates),r))}}}handleMove(e,n){const{onMove:t}=this.props;e.preventDefault(),t(n)}handleEnd(e){const{onEnd:n}=this.props;e.preventDefault(),this.detach(),n()}handleCancel(e){const{onCancel:n}=this.props;e.preventDefault(),this.detach(),n()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll()}}function Sl(e){return Boolean(e&&"distance"in e)}function Il(e){return Boolean(e&&"delay"in e)}Cl.activators=[{eventName:"onKeyDown",handler:(e,n,t)=>{let{keyboardCodes:r=kl,onActivation:o}=n,{active:i}=t;const{code:a}=e.nativeEvent;if(r.start.includes(a)){const n=i.activatorNode.current;return(!n||e.target===n)&&(e.preventDefault(),null==o||o({event:e.nativeEvent}),!0)}return!1}}];class Dl{constructor(e,n,t){var r;void 0===t&&(t=function(e){const{EventTarget:n}=ia(e);return e instanceof n?e:ca(e)}(e.event.target)),this.props=void 0,this.events=void 0,this.autoScrollEnabled=!0,this.document=void 0,this.activated=!1,this.initialCoordinates=void 0,this.timeoutId=null,this.listeners=void 0,this.documentListeners=void 0,this.windowListeners=void 0,this.props=e,this.events=n;const{event:o}=e,{target:i}=o;this.props=e,this.events=n,this.document=ca(i),this.documentListeners=new vl(this.document),this.listeners=new vl(t),this.windowListeners=new vl(ia(i)),this.initialCoordinates=null!=(r=$a(o))?r:Aa,this.handleStart=this.handleStart.bind(this),this.handleMove=this.handleMove.bind(this),this.handleEnd=this.handleEnd.bind(this),this.handleCancel=this.handleCancel.bind(this),this.handleKeydown=this.handleKeydown.bind(this),this.removeTextSelection=this.removeTextSelection.bind(this),this.attach()}attach(){const{events:e,props:{options:{activationConstraint:n,bypassActivationConstraint:t}}}=this;if(this.listeners.add(e.move.name,this.handleMove,{passive:!1}),this.listeners.add(e.end.name,this.handleEnd),this.windowListeners.add(wl.Resize,this.handleCancel),this.windowListeners.add(wl.DragStart,yl),this.windowListeners.add(wl.VisibilityChange,this.handleCancel),this.windowListeners.add(wl.ContextMenu,yl),this.documentListeners.add(wl.Keydown,this.handleKeydown),n){if(null!=t&&t({event:this.props.event,activeNode:this.props.activeNode,options:this.props.options}))return this.handleStart();if(Il(n))return void(this.timeoutId=setTimeout(this.handleStart,n.delay));if(Sl(n))return}this.handleStart()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll(),setTimeout(this.documentListeners.removeAll,50),null!==this.timeoutId&&(clearTimeout(this.timeoutId),this.timeoutId=null)}handleStart(){const{initialCoordinates:e}=this,{onStart:n}=this.props;e&&(this.activated=!0,this.documentListeners.add(wl.Click,$l,{capture:!0}),this.removeTextSelection(),this.documentListeners.add(wl.SelectionChange,this.removeTextSelection),n(e))}handleMove(e){var n;const{activated:t,initialCoordinates:r,props:o}=this,{onMove:i,options:{activationConstraint:a}}=o;if(!r)return;const l=null!=(n=$a(e))?n:Aa,d=xa(r,l);if(!t&&a){if(Sl(a)){if(null!=a.tolerance&&ml(d,a.tolerance))return this.handleCancel();if(ml(d,a.distance))return this.handleStart()}return Il(a)&&ml(d,a.tolerance)?this.handleCancel():void 0}e.cancelable&&e.preventDefault(),i(l)}handleEnd(){const{onEnd:e}=this.props;this.detach(),e()}handleCancel(){const{onCancel:e}=this.props;this.detach(),e()}handleKeydown(e){e.code===xl.Esc&&this.handleCancel()}removeTextSelection(){var e;null==(e=this.document.getSelection())||e.removeAllRanges()}}const Ol={move:{name:"pointermove"},end:{name:"pointerup"}};class zl extends Dl{constructor(e){const{event:n}=e,t=ca(n.target);super(e,Ol,t)}}zl.activators=[{eventName:"onPointerDown",handler:(e,n)=>{let{nativeEvent:t}=e,{onActivation:r}=n;return!(!t.isPrimary||0!==t.button)&&(null==r||r({event:t}),!0)}}];const Rl={move:{name:"mousemove"},end:{name:"mouseup"}};var jl;!function(e){e[e.RightClick=2]="RightClick"}(jl||(jl={}));class Nl extends Dl{constructor(e){super(e,Rl,ca(e.event.target))}}Nl.activators=[{eventName:"onMouseDown",handler:(e,n)=>{let{nativeEvent:t}=e,{onActivation:r}=n;return t.button!==jl.RightClick&&(null==r||r({event:t}),!0)}}];const Ml={move:{name:"touchmove"},end:{name:"touchend"}};class Tl extends Dl{constructor(e){super(e,Ml)}static setup(){return window.addEventListener(Ml.move.name,e,{capture:!1,passive:!1}),function(){window.removeEventListener(Ml.move.name,e)};function e(){}}}var Bl,Al;function Ll(e){let{acceleration:t,activator:r=Bl.Pointer,canScroll:o,draggingRect:i,enabled:a,interval:l=5,order:d=Al.TreeOrder,pointerCoordinates:c,scrollableAncestors:s,scrollableAncestorRects:u,delta:g,threshold:f}=e;const b=function(e){let{delta:n,disabled:t}=e;const r=ha(n);return fa((e=>{if(t||!r||!e)return ql;const o={x:Math.sign(n.x-r.x),y:Math.sign(n.y-r.y)};return{x:{[ll.Backward]:e.x[ll.Backward]||-1===o.x,[ll.Forward]:e.x[ll.Forward]||1===o.x},y:{[ll.Backward]:e.y[ll.Backward]||-1===o.y,[ll.Forward]:e.y[ll.Forward]||1===o.y}}}),[t,n,r])}({delta:g,disabled:!a}),[h,p]=function(){const e=n.useRef(null);return[n.useCallback(((n,t)=>{e.current=setInterval(n,t)}),[]),n.useCallback((()=>{null!==e.current&&(clearInterval(e.current),e.current=null)}),[])]}(),v=n.useRef({x:0,y:0}),m=n.useRef({x:0,y:0}),w=n.useMemo((()=>{switch(r){case Bl.Pointer:return c?{top:c.y,bottom:c.y,left:c.x,right:c.x}:null;case Bl.DraggableRect:return i}}),[r,i,c]),x=n.useRef(null),y=n.useCallback((()=>{const e=x.current;if(!e)return;const n=v.current.x*m.current.x,t=v.current.y*m.current.y;e.scrollBy(n,t)}),[]),$=n.useMemo((()=>d===Al.TreeOrder?[...s].reverse():s),[d,s]);n.useEffect((()=>{if(a&&s.length&&w){for(const e of $){if(!1===(null==o?void 0:o(e)))continue;const n=s.indexOf(e),r=u[n];if(!r)continue;const{direction:i,speed:a}=ul(e,r,w,t,f);for(const e of["x","y"])b[e][i[e]]||(a[e]=0,i[e]=0);if(a.x>0||a.y>0)return p(),x.current=e,h(y,l),v.current=a,void(m.current=i)}v.current={x:0,y:0},m.current={x:0,y:0},p()}else p()}),[t,y,o,p,a,l,JSON.stringify(w),JSON.stringify(b),h,s,$,u,JSON.stringify(f)])}Tl.activators=[{eventName:"onTouchStart",handler:(e,n)=>{let{nativeEvent:t}=e,{onActivation:r}=n;const{touches:o}=t;return!(o.length>1)&&(null==r||r({event:t}),!0)}}],function(e){e[e.Pointer=0]="Pointer",e[e.DraggableRect=1]="DraggableRect"}(Bl||(Bl={})),function(e){e[e.TreeOrder=0]="TreeOrder",e[e.ReversedTreeOrder=1]="ReversedTreeOrder"}(Al||(Al={}));const ql={x:{[ll.Backward]:!1,[ll.Forward]:!1},y:{[ll.Backward]:!1,[ll.Forward]:!1}};var Pl,Fl;!function(e){e[e.Always=0]="Always",e[e.BeforeDragging=1]="BeforeDragging",e[e.WhileDragging=2]="WhileDragging"}(Pl||(Pl={})),function(e){e.Optimized="optimized"}(Fl||(Fl={}));const Hl=new Map;function Wl(e,n){return fa((t=>e?t||("function"==typeof n?n(e):e):null),[n,e])}function Gl(e){let{callback:t,disabled:r}=e;const o=ua(t),i=n.useMemo((()=>{if(r||"undefined"==typeof window||void 0===window.ResizeObserver)return;const{ResizeObserver:e}=window;return new e(o)}),[r]);return n.useEffect((()=>()=>null==i?void 0:i.disconnect()),[i]),i}function Yl(e){return new pl(Za(e),e)}function Ul(e,t,r){void 0===t&&(t=Yl);const[o,i]=n.useReducer((function(n){if(!e)return null;var o;if(!1===e.isConnected)return null!=(o=null!=n?n:r)?o:null;const i=t(e);if(JSON.stringify(n)===JSON.stringify(i))return n;return i}),null),a=function(e){let{callback:t,disabled:r}=e;const o=ua(t),i=n.useMemo((()=>{if(r||"undefined"==typeof window||void 0===window.MutationObserver)return;const{MutationObserver:e}=window;return new e(o)}),[o,r]);return n.useEffect((()=>()=>null==i?void 0:i.disconnect()),[i]),i}({callback(n){if(e)for(const t of n){const{type:n,target:r}=t;if("childList"===n&&r instanceof HTMLElement&&r.contains(e)){i();break}}}}),l=Gl({callback:i});return sa((()=>{i(),e?(null==l||l.observe(e),null==a||a.observe(document.body,{childList:!0,subtree:!0})):(null==l||l.disconnect(),null==a||a.disconnect())}),[e]),o}const Xl=[];function Vl(e,t){void 0===t&&(t=[]);const r=n.useRef(null);return n.useEffect((()=>{r.current=null}),t),n.useEffect((()=>{const n=e!==Aa;n&&!r.current&&(r.current=e),!n&&r.current&&(r.current=null)}),[e]),r.current?xa(e,r.current):Aa}function Ql(e){return n.useMemo((()=>e?function(e){const n=e.innerWidth,t=e.innerHeight;return{top:0,left:0,right:n,bottom:t,width:n,height:t}}(e):null),[e])}const Kl=[];function _l(e){if(!e)return null;if(e.children.length>1)return e;const n=e.children[0];return la(n)?n:e}const Jl=[{sensor:zl,options:{}},{sensor:Cl,options:{}}],Zl={current:{}},ed={draggable:{measure:el},droppable:{measure:el,strategy:Pl.WhileDragging,frequency:Fl.Optimized},dragOverlay:{measure:Za}};class nd extends Map{get(e){var n;return null!=e&&null!=(n=super.get(e))?n:void 0}toArray(){return Array.from(this.values())}getEnabled(){return this.toArray().filter((e=>{let{disabled:n}=e;return!n}))}getNodeFor(e){var n,t;return null!=(n=null==(t=this.get(e))?void 0:t.node.current)?n:void 0}}const td={activatorEvent:null,active:null,activeNode:null,activeNodeRect:null,collisions:null,containerNodeRect:null,draggableNodes:new Map,droppableRects:new Map,droppableContainers:new nd,over:null,dragOverlay:{nodeRef:{current:null},rect:null,setRef:Ma},scrollableAncestors:[],scrollableAncestorRects:[],measuringConfiguration:ed,measureDroppableContainers:Ma,windowRect:null,measuringScheduled:!1},rd={activatorEvent:null,activators:[],active:null,activeNodeRect:null,ariaDescribedById:{draggable:""},dispatch:Ma,draggableNodes:new Map,over:null,measureDroppableContainers:Ma},od=n.createContext(rd),id=n.createContext(td);function ad(){return{draggable:{active:null,initialCoordinates:{x:0,y:0},nodes:new Map,translate:{x:0,y:0}},droppable:{containers:new nd}}}function ld(e,n){switch(n.type){case Na.DragStart:return{...e,draggable:{...e.draggable,initialCoordinates:n.initialCoordinates,active:n.active}};case Na.DragMove:return e.draggable.active?{...e,draggable:{...e.draggable,translate:{x:n.coordinates.x-e.draggable.initialCoordinates.x,y:n.coordinates.y-e.draggable.initialCoordinates.y}}}:e;case Na.DragEnd:case Na.DragCancel:return{...e,draggable:{...e.draggable,active:null,initialCoordinates:{x:0,y:0},translate:{x:0,y:0}}};case Na.RegisterDroppable:{const{element:t}=n,{id:r}=t,o=new nd(e.droppable.containers);return o.set(r,t),{...e,droppable:{...e.droppable,containers:o}}}case Na.SetDroppableDisabled:{const{id:t,key:r,disabled:o}=n,i=e.droppable.containers.get(t);if(!i||r!==i.key)return e;const a=new nd(e.droppable.containers);return a.set(t,{...i,disabled:o}),{...e,droppable:{...e.droppable,containers:a}}}case Na.UnregisterDroppable:{const{id:t,key:r}=n,o=e.droppable.containers.get(t);if(!o||r!==o.key)return e;const i=new nd(e.droppable.containers);return i.delete(t),{...e,droppable:{...e.droppable,containers:i}}}default:return e}}function dd(e){let{disabled:t}=e;const{active:r,activatorEvent:o,draggableNodes:i}=n.useContext(od),a=ha(o),l=ha(null==r?void 0:r.id);return n.useEffect((()=>{if(!t&&!o&&a&&null!=l){if(!ya(a))return;if(document.activeElement===a.target)return;const e=i.get(l);if(!e)return;const{activatorNode:n,node:t}=e;if(!n.current&&!t.current)return;requestAnimationFrame((()=>{for(const e of[n.current,t.current]){if(!e)continue;const n=Ca(e);if(n){n.focus();break}}}))}}),[o,t,i,l,a]),null}function cd(e,n){let{transform:t,...r}=n;return null!=e&&e.length?e.reduce(((e,n)=>n({transform:e,...r})),t):t}const sd=n.createContext({...Aa,scaleX:1,scaleY:1});var ud;!function(e){e[e.Uninitialized=0]="Uninitialized",e[e.Initializing=1]="Initializing",e[e.Initialized=2]="Initialized"}(ud||(ud={}));const gd=n.memo((function(e){var t,r,i,a;let{id:l,accessibility:c,autoScroll:s=!0,children:u,sensors:g=Jl,collisionDetection:f=Xa,measuring:b,modifiers:h,...p}=e;const v=n.useReducer(ld,void 0,ad),[m,w]=v,[x,y]=function(){const[e]=n.useState((()=>new Set)),t=n.useCallback((n=>(e.add(n),()=>e.delete(n))),[e]);return[n.useCallback((n=>{let{type:t,event:r}=n;e.forEach((e=>{var n;return null==(n=e[t])?void 0:n.call(e,r)}))}),[e]),t]}(),[$,k]=n.useState(ud.Uninitialized),E=$===ud.Initialized,{draggable:{active:C,nodes:S,translate:I},droppable:{containers:D}}=m,O=C?S.get(C):null,z=n.useRef({initial:null,translated:null}),R=n.useMemo((()=>{var e;return null!=C?{id:C,data:null!=(e=null==O?void 0:O.data)?e:Zl,rect:z}:null}),[C,O]),j=n.useRef(null),[N,M]=n.useState(null),[T,B]=n.useState(null),A=ga(p,Object.values(p)),L=va("DndDescribedBy",l),q=n.useMemo((()=>D.getEnabled()),[D]),P=(F=b,n.useMemo((()=>({draggable:{...ed.draggable,...null==F?void 0:F.draggable},droppable:{...ed.droppable,...null==F?void 0:F.droppable},dragOverlay:{...ed.dragOverlay,...null==F?void 0:F.dragOverlay}})),[null==F?void 0:F.draggable,null==F?void 0:F.droppable,null==F?void 0:F.dragOverlay]));var F;const{droppableRects:H,measureDroppableContainers:W,measuringScheduled:G}=function(e,t){let{dragging:r,dependencies:o,config:i}=t;const[a,l]=n.useState(null),{frequency:d,measure:c,strategy:s}=i,u=n.useRef(e),g=function(){switch(s){case Pl.Always:return!1;case Pl.BeforeDragging:return r;default:return!r}}(),f=ga(g),b=n.useCallback((function(e){void 0===e&&(e=[]),f.current||l((n=>null===n?e:n.concat(e.filter((e=>!n.includes(e))))))}),[f]),h=n.useRef(null),p=fa((n=>{if(g&&!r)return Hl;if(!n||n===Hl||u.current!==e||null!=a){const n=new Map;for(let t of e){if(!t)continue;if(a&&a.length>0&&!a.includes(t.id)&&t.rect.current){n.set(t.id,t.rect.current);continue}const e=t.node.current,r=e?new pl(c(e),e):null;t.rect.current=r,r&&n.set(t.id,r)}return n}return n}),[e,a,r,g,c]);return n.useEffect((()=>{u.current=e}),[e]),n.useEffect((()=>{g||b()}),[r,g]),n.useEffect((()=>{a&&a.length>0&&l(null)}),[JSON.stringify(a)]),n.useEffect((()=>{g||"number"!=typeof d||null!==h.current||(h.current=setTimeout((()=>{b(),h.current=null}),d))}),[d,g,b,...o]),{droppableRects:p,measureDroppableContainers:b,measuringScheduled:null!=a}}(q,{dragging:E,dependencies:[I.x,I.y],config:P.droppable}),Y=function(e,n){const t=null!==n?e.get(n):void 0,r=t?t.node.current:null;return fa((e=>{var t;return null===n?null:null!=(t=null!=r?r:e)?t:null}),[r,n])}(S,C),U=n.useMemo((()=>T?$a(T):null),[T]),X=function(){const e=!1===(null==N?void 0:N.autoScrollEnabled),n="object"==typeof s?!1===s.enabled:!1===s,t=E&&!e&&!n;if("object"==typeof s)return{...s,enabled:t};return{enabled:t}}(),V=function(e,n){return Wl(e,n)}(Y,P.draggable.measure);!function(e){let{activeNode:t,measure:r,initialRect:o,config:i=!0}=e;const a=n.useRef(!1),{x:l,y:d}="boolean"==typeof i?{x:i,y:i}:i;sa((()=>{if(!l&&!d||!t)return void(a.current=!1);if(a.current||!o)return;const e=null==t?void 0:t.node.current;if(!e||!1===e.isConnected)return;const n=Va(r(e),o);if(l||(n.x=0),d||(n.y=0),a.current=!0,Math.abs(n.x)>0||Math.abs(n.y)>0){const t=tl(e);t&&t.scrollBy({top:n.y,left:n.x})}}),[t,l,d,o,r])}({activeNode:C?S.get(C):null,config:X.layoutShiftCompensation,initialRect:V,measure:P.draggable.measure});const Q=Ul(Y,P.draggable.measure,V),K=Ul(Y?Y.parentElement:null),_=n.useRef({activatorEvent:null,active:null,activeNode:Y,collisionRect:null,collisions:null,droppableRects:H,draggableNodes:S,draggingNode:null,draggingNodeRect:null,droppableContainers:D,over:null,scrollableAncestors:[],scrollAdjustedTranslate:null}),J=D.getNodeFor(null==(t=_.current.over)?void 0:t.id),Z=function(e){let{measure:t}=e;const[r,o]=n.useState(null),i=Gl({callback:n.useCallback((e=>{for(const{target:n}of e)if(la(n)){o((e=>{const r=t(n);return e?{...e,width:r.width,height:r.height}:r}));break}}),[t])}),a=n.useCallback((e=>{const n=_l(e);null==i||i.disconnect(),n&&(null==i||i.observe(n)),o(n?t(n):null)}),[t,i]),[l,d]=ba(a);return n.useMemo((()=>({nodeRef:l,rect:r,setRef:d})),[r,l,d])}({measure:P.dragOverlay.measure}),ee=null!=(r=Z.nodeRef.current)?r:Y,ne=E?null!=(i=Z.rect)?i:Q:null,te=Boolean(Z.nodeRef.current&&Z.rect),re=Va(oe=te?null:Q,Wl(oe));var oe;const ie=Ql(ee?ia(ee):null),ae=function(e){const t=n.useRef(e),r=fa((n=>e?n&&n!==Xl&&e&&t.current&&e.parentNode===t.current.parentNode?n:nl(e):Xl),[e]);return n.useEffect((()=>{t.current=e}),[e]),r}(E?null!=J?J:Y:null),le=function(e,t){void 0===t&&(t=Za);const[r]=e,o=Ql(r?ia(r):null),[i,a]=n.useReducer((function(){return e.length?e.map((e=>dl(e)?o:new pl(t(e),e))):Kl}),Kl),l=Gl({callback:a});return e.length>0&&i===Kl&&a(),sa((()=>{e.length?e.forEach((e=>null==l?void 0:l.observe(e))):(null==l||l.disconnect(),a())}),[e]),i}(ae),de=cd(h,{transform:{x:I.x-re.x,y:I.y-re.y,scaleX:1,scaleY:1},activatorEvent:T,active:R,activeNodeRect:Q,containerNodeRect:K,draggingNodeRect:ne,over:_.current.over,overlayNodeRect:Z.rect,scrollableAncestors:ae,scrollableAncestorRects:le,windowRect:ie}),ce=U?wa(U,I):null,se=function(e){const[t,r]=n.useState(null),o=n.useRef(e),i=n.useCallback((e=>{const n=rl(e.target);n&&r((e=>e?(e.set(n,al(n)),new Map(e)):null))}),[]);return n.useEffect((()=>{const n=o.current;if(e!==n){t(n);const a=e.map((e=>{const n=rl(e);return n?(n.addEventListener("scroll",i,{passive:!0}),[n,al(n)]):null})).filter((e=>null!=e));r(a.length?new Map(a):null),o.current=e}return()=>{t(e),t(n)};function t(e){e.forEach((e=>{const n=rl(e);null==n||n.removeEventListener("scroll",i)}))}}),[i,e]),n.useMemo((()=>e.length?t?Array.from(t.values()).reduce(((e,n)=>wa(e,n)),Aa):fl(e):Aa),[e,t])}(ae),ue=Vl(se),ge=Vl(se,[Q]),fe=wa(de,ue),be=ne?Ka(ne,de):null,he=R&&be?f({active:R,collisionRect:be,droppableRects:H,droppableContainers:q,pointerCoordinates:ce}):null,pe=Wa(he,"id"),[ve,me]=n.useState(null),we=function(e,n,t){return{...e,scaleX:n&&t?n.width/t.width:1,scaleY:n&&t?n.height/t.height:1}}(te?de:wa(de,ge),null!=(a=null==ve?void 0:ve.rect)?a:null,Q),xe=n.useCallback(((e,n)=>{let{sensor:t,options:r}=n;if(null==j.current)return;const i=S.get(j.current);if(!i)return;const a=e.nativeEvent,l=new t({active:j.current,activeNode:i,event:a,options:r,context:_,onStart(e){const n=j.current;if(null==n)return;const t=S.get(n);if(!t)return;const{onDragStart:r}=A.current,i={active:{id:n,data:t.data,rect:z}};o.unstable_batchedUpdates((()=>{null==r||r(i),k(ud.Initializing),w({type:Na.DragStart,initialCoordinates:e,active:n}),x({type:"onDragStart",event:i})}))},onMove(e){w({type:Na.DragMove,coordinates:e})},onEnd:d(Na.DragEnd),onCancel:d(Na.DragCancel)});function d(e){return async function(){const{active:n,collisions:t,over:r,scrollAdjustedTranslate:i}=_.current;let l=null;if(n&&i){const{cancelDrop:o}=A.current;if(l={activatorEvent:a,active:n,collisions:t,delta:i,over:r},e===Na.DragEnd&&"function"==typeof o){await Promise.resolve(o(l))&&(e=Na.DragCancel)}}j.current=null,o.unstable_batchedUpdates((()=>{w({type:e}),k(ud.Uninitialized),me(null),M(null),B(null);const n=e===Na.DragEnd?"onDragEnd":"onDragCancel";if(l){const e=A.current[n];null==e||e(l),x({type:n,event:l})}}))}}o.unstable_batchedUpdates((()=>{M(l),B(e.nativeEvent)}))}),[S]),ye=n.useCallback(((e,n)=>(t,r)=>{const o=t.nativeEvent,i=S.get(r);if(null!==j.current||!i||o.dndKit||o.defaultPrevented)return;const a={active:i};!0===e(t,n.options,a)&&(o.dndKit={capturedBy:n.sensor},j.current=r,xe(t,n))}),[S,xe]),$e=function(e,t){return n.useMemo((()=>e.reduce(((e,n)=>{const{sensor:r}=n;return[...e,...r.activators.map((e=>({eventName:e.eventName,handler:t(e.handler,n)})))]}),[])),[e,t])}(g,ye);!function(e){n.useEffect((()=>{if(!ta)return;const n=e.map((e=>{let{sensor:n}=e;return null==n.setup?void 0:n.setup()}));return()=>{for(const e of n)null==e||e()}}),e.map((e=>{let{sensor:n}=e;return n})))}(g),sa((()=>{Q&&$===ud.Initializing&&k(ud.Initialized)}),[Q,$]),n.useEffect((()=>{const{onDragMove:e}=A.current,{active:n,activatorEvent:t,collisions:r,over:i}=_.current;if(!n||!t)return;const a={active:n,activatorEvent:t,collisions:r,delta:{x:fe.x,y:fe.y},over:i};o.unstable_batchedUpdates((()=>{null==e||e(a),x({type:"onDragMove",event:a})}))}),[fe.x,fe.y]),n.useEffect((()=>{const{active:e,activatorEvent:n,collisions:t,droppableContainers:r,scrollAdjustedTranslate:i}=_.current;if(!e||null==j.current||!n||!i)return;const{onDragOver:a}=A.current,l=r.get(pe),d=l&&l.rect.current?{id:l.id,rect:l.rect.current,data:l.data,disabled:l.disabled}:null,c={active:e,activatorEvent:n,collisions:t,delta:{x:i.x,y:i.y},over:d};o.unstable_batchedUpdates((()=>{me(d),null==a||a(c),x({type:"onDragOver",event:c})}))}),[pe]),sa((()=>{_.current={activatorEvent:T,active:R,activeNode:Y,collisionRect:be,collisions:he,droppableRects:H,draggableNodes:S,draggingNode:ee,draggingNodeRect:ne,droppableContainers:D,over:ve,scrollableAncestors:ae,scrollAdjustedTranslate:fe},z.current={initial:ne,translated:be}}),[R,Y,he,be,S,ee,ne,H,D,ve,ae,fe]),Ll({...X,delta:I,draggingRect:be,pointerCoordinates:ce,scrollableAncestors:ae,scrollableAncestorRects:le});const ke=n.useMemo((()=>({active:R,activeNode:Y,activeNodeRect:Q,activatorEvent:T,collisions:he,containerNodeRect:K,dragOverlay:Z,draggableNodes:S,droppableContainers:D,droppableRects:H,over:ve,measureDroppableContainers:W,scrollableAncestors:ae,scrollableAncestorRects:le,measuringConfiguration:P,measuringScheduled:G,windowRect:ie})),[R,Y,Q,T,he,K,Z,S,D,H,ve,W,ae,le,P,G,ie]),Ee=n.useMemo((()=>({activatorEvent:T,activators:$e,active:R,activeNodeRect:Q,ariaDescribedById:{draggable:L},dispatch:w,draggableNodes:S,over:ve,measureDroppableContainers:W})),[T,$e,R,Q,w,L,S,ve,W]);return d.default.createElement(Oa.Provider,{value:y},d.default.createElement(od.Provider,{value:Ee},d.default.createElement(id.Provider,{value:ke},d.default.createElement(sd.Provider,{value:we},u)),d.default.createElement(dd,{disabled:!1===(null==c?void 0:c.restoreFocus)})),d.default.createElement(ja,{...c,hiddenTextDescribedById:L}))})),fd=n.createContext(null),bd="button",hd="Droppable";function pd(e){let{id:t,data:r,disabled:o=!1,attributes:i}=e;const a=va(hd),{activators:l,activatorEvent:d,active:c,activeNodeRect:s,ariaDescribedById:u,draggableNodes:g,over:f}=n.useContext(od),{role:b=bd,roleDescription:h="draggable",tabIndex:p=0}=null!=i?i:{},v=(null==c?void 0:c.id)===t,m=n.useContext(v?sd:fd),[w,x]=ba(),[y,$]=ba(),k=function(e,t){return n.useMemo((()=>e.reduce(((e,n)=>{let{eventName:r,handler:o}=n;return e[r]=e=>{o(e,t)},e}),{})),[e,t])}(l,t),E=ga(r);sa((()=>(g.set(t,{id:t,key:a,node:w,activatorNode:y,data:E}),()=>{const e=g.get(t);e&&e.key===a&&g.delete(t)})),[g,t]);return{active:c,activatorEvent:d,activeNodeRect:s,attributes:n.useMemo((()=>({role:b,tabIndex:p,"aria-disabled":o,"aria-pressed":!(!v||b!==bd)||void 0,"aria-roledescription":h,"aria-describedby":u.draggable})),[o,b,p,v,h,u.draggable]),isDragging:v,listeners:o?void 0:k,node:w,over:f,setNodeRef:x,setActivatorNodeRef:$,transform:m}}function vd(){return n.useContext(id)}const md="Droppable",wd={timeout:25};function xd(e){let{data:t,disabled:r=!1,id:o,resizeObserverConfig:i}=e;const a=va(md),{active:l,dispatch:d,over:c,measureDroppableContainers:s}=n.useContext(od),u=n.useRef({disabled:r}),g=n.useRef(!1),f=n.useRef(null),b=n.useRef(null),{disabled:h,updateMeasurementsFor:p,timeout:v}={...wd,...i},m=ga(null!=p?p:o),w=Gl({callback:n.useCallback((()=>{g.current?(null!=b.current&&clearTimeout(b.current),b.current=setTimeout((()=>{s(Array.isArray(m.current)?m.current:[m.current]),b.current=null}),v)):g.current=!0}),[v]),disabled:h||!l}),x=n.useCallback(((e,n)=>{w&&(n&&(w.unobserve(n),g.current=!1),e&&w.observe(e))}),[w]),[y,$]=ba(x),k=ga(t);return n.useEffect((()=>{w&&y.current&&(w.disconnect(),g.current=!1,w.observe(y.current))}),[y,w]),sa((()=>(d({type:Na.RegisterDroppable,element:{id:o,key:a,disabled:r,node:y,rect:f,data:k}}),()=>d({type:Na.UnregisterDroppable,key:a,id:o}))),[o]),n.useEffect((()=>{r!==u.current.disabled&&(d({type:Na.SetDroppableDisabled,id:o,key:a,disabled:r}),u.current.disabled=r)}),[o,a,r,d]),{active:l,rect:f,isOver:(null==c?void 0:c.id)===o,node:y,over:c,setNodeRef:$}}function yd(e){let{animation:t,children:r}=e;const[o,i]=n.useState(null),[a,l]=n.useState(null),c=ha(r);return r||o||!c||i(c),sa((()=>{if(!a)return;const e=null==o?void 0:o.key,n=null==o?void 0:o.props.id;null!=e&&null!=n?Promise.resolve(t(n,a)).then((()=>{i(null)})):i(null)}),[t,o,a]),d.default.createElement(d.default.Fragment,null,r,o?n.cloneElement(o,{ref:l}):null)}const $d={x:0,y:0,scaleX:1,scaleY:1};function kd(e){let{children:n}=e;return d.default.createElement(od.Provider,{value:rd},d.default.createElement(sd.Provider,{value:$d},n))}const Ed={position:"fixed",touchAction:"none"},Cd=e=>ya(e)?"transform 250ms ease":void 0,Sd=n.forwardRef(((e,n)=>{let{as:t,activatorEvent:r,adjustScale:o,children:i,className:a,rect:l,style:c,transform:s,transition:u=Cd}=e;if(!l)return null;const g=o?s:{...s,scaleX:1,scaleY:1},f={...Ed,width:l.width,height:l.height,top:l.top,left:l.left,transform:ka.Transform.toString(g),transformOrigin:o&&r?qa(r,l):void 0,transition:"function"==typeof u?u(r):u,...c};return d.default.createElement(t,{className:a,style:f,ref:n},i)})),Id=e=>n=>{let{active:t,dragOverlay:r}=n;const o={},{styles:i,className:a}=e;if(null!=i&&i.active)for(const[e,n]of Object.entries(i.active))void 0!==n&&(o[e]=t.node.style.getPropertyValue(e),t.node.style.setProperty(e,n));if(null!=i&&i.dragOverlay)for(const[e,n]of Object.entries(i.dragOverlay))void 0!==n&&r.node.style.setProperty(e,n);return null!=a&&a.active&&t.node.classList.add(a.active),null!=a&&a.dragOverlay&&r.node.classList.add(a.dragOverlay),function(){for(const[e,n]of Object.entries(o))t.node.style.setProperty(e,n);null!=a&&a.active&&t.node.classList.remove(a.active)}},Dd={duration:250,easing:"ease",keyframes:e=>{let{transform:{initial:n,final:t}}=e;return[{transform:ka.Transform.toString(n)},{transform:ka.Transform.toString(t)}]},sideEffects:Id({styles:{active:{opacity:"0"}}})};function Od(e){let{config:n,draggableNodes:t,droppableContainers:r,measuringConfiguration:o}=e;return ua(((e,i)=>{if(null===n)return;const a=t.get(e);if(!a)return;const l=a.node.current;if(!l)return;const d=_l(i);if(!d)return;const{transform:c}=ia(i).getComputedStyle(i),s=_a(c);if(!s)return;const u="function"==typeof n?n:function(e){const{duration:n,easing:t,sideEffects:r,keyframes:o}={...Dd,...e};return e=>{let{active:i,dragOverlay:a,transform:l,...d}=e;if(!n)return;const c={x:a.rect.left-i.rect.left,y:a.rect.top-i.rect.top},s={scaleX:1!==l.scaleX?i.rect.width*l.scaleX/a.rect.width:1,scaleY:1!==l.scaleY?i.rect.height*l.scaleY/a.rect.height:1},u={x:l.x-c.x,y:l.y-c.y,...s},g=o({...d,active:i,dragOverlay:a,transform:{initial:l,final:u}}),[f]=g,b=g[g.length-1];if(JSON.stringify(f)===JSON.stringify(b))return;const h=null==r?void 0:r({active:i,dragOverlay:a,...d}),p=a.node.animate(g,{duration:n,easing:t,fill:"forwards"});return new Promise((e=>{p.onfinish=()=>{null==h||h(),e()}}))}}(n);return bl(l,o.draggable.measure),u({active:{id:e,data:a.data,node:l,rect:o.draggable.measure(l)},draggableNodes:t,dragOverlay:{node:i,rect:o.dragOverlay.measure(d)},droppableContainers:r,measuringConfiguration:o,transform:s})}))}let zd=0;function Rd(e){return n.useMemo((()=>{if(null!=e)return zd++,zd}),[e])}const jd=d.default.memo((e=>{let{adjustScale:t=!1,children:r,dropAnimation:o,style:i,transition:a,modifiers:l,wrapperElement:c="div",className:s,zIndex:u=999}=e;const{activatorEvent:g,active:f,activeNodeRect:b,containerNodeRect:h,draggableNodes:p,droppableContainers:v,dragOverlay:m,over:w,measuringConfiguration:x,scrollableAncestors:y,scrollableAncestorRects:$,windowRect:k}=vd(),E=n.useContext(sd),C=Rd(null==f?void 0:f.id),S=cd(l,{activatorEvent:g,active:f,activeNodeRect:b,containerNodeRect:h,draggingNodeRect:m.rect,over:w,overlayNodeRect:m.rect,scrollableAncestors:y,scrollableAncestorRects:$,transform:E,windowRect:k}),I=Wl(b),D=Od({config:o,draggableNodes:p,droppableContainers:v,measuringConfiguration:x}),O=I?m.setRef:void 0;return d.default.createElement(kd,null,d.default.createElement(yd,{animation:D},f&&C?d.default.createElement(Sd,{key:C,id:f.id,ref:O,as:c,activatorEvent:g,adjustScale:t,className:s,transition:a,rect:I,style:{zIndex:u,...i},transform:S},r):null))}));function Nd(e,n,t){const r=e.slice();return r.splice(t<0?r.length+t:t,0,r.splice(n,1)[0]),r}function Md(e,n){return e.reduce(((e,t,r)=>{const o=n.get(t);return o&&(e[r]=o),e}),Array(e.length))}function Td(e){return null!==e&&e>=0}const Bd=e=>{let{rects:n,activeIndex:t,overIndex:r,index:o}=e;const i=Nd(n,r,t),a=n[o],l=i[o];return l&&a?{x:l.left-a.left,y:l.top-a.top,scaleX:l.width/a.width,scaleY:l.height/a.height}:null},Ad={scaleX:1,scaleY:1},Ld=e=>{var n;let{activeIndex:t,activeNodeRect:r,index:o,rects:i,overIndex:a}=e;const l=null!=(n=i[t])?n:r;if(!l)return null;if(o===t){const e=i[a];return e?{x:0,y:t<a?e.top+e.height-(l.top+l.height):e.top-l.top,...Ad}:null}const d=function(e,n,t){const r=e[n],o=e[n-1],i=e[n+1];if(!r)return 0;if(t<n)return o?r.top-(o.top+o.height):i?i.top-(r.top+r.height):0;return i?i.top-(r.top+r.height):o?r.top-(o.top+o.height):0}(i,o,t);return o>t&&o<=a?{x:0,y:-l.height-d,...Ad}:o<t&&o>=a?{x:0,y:l.height+d,...Ad}:{x:0,y:0,...Ad}};const qd="Sortable",Pd=d.default.createContext({activeIndex:-1,containerId:qd,disableTransforms:!1,items:[],overIndex:-1,useDragOverlay:!1,sortedRects:[],strategy:Bd,disabled:{draggable:!1,droppable:!1}});function Fd(e){let{children:t,id:r,items:o,strategy:i=Bd,disabled:a=!1}=e;const{active:l,dragOverlay:c,droppableRects:s,over:u,measureDroppableContainers:g}=vd(),f=va(qd,r),b=Boolean(null!==c.rect),h=n.useMemo((()=>o.map((e=>"object"==typeof e&&"id"in e?e.id:e))),[o]),p=null!=l,v=l?h.indexOf(l.id):-1,m=u?h.indexOf(u.id):-1,w=n.useRef(h),x=!function(e,n){if(e===n)return!0;if(e.length!==n.length)return!1;for(let t=0;t<e.length;t++)if(e[t]!==n[t])return!1;return!0}(h,w.current),y=-1!==m&&-1===v||x,$=function(e){return"boolean"==typeof e?{draggable:e,droppable:e}:e}(a);sa((()=>{x&&p&&g(h)}),[x,h,p,g]),n.useEffect((()=>{w.current=h}),[h]);const k=n.useMemo((()=>({activeIndex:v,containerId:f,disabled:$,disableTransforms:y,items:h,overIndex:m,useDragOverlay:b,sortedRects:Md(h,s),strategy:i})),[v,f,$.draggable,$.droppable,y,h,m,s,b,i]);return d.default.createElement(Pd.Provider,{value:k},t)}const Hd=e=>{let{id:n,items:t,activeIndex:r,overIndex:o}=e;return Nd(t,r,o).indexOf(n)},Wd=e=>{let{containerId:n,isSorting:t,wasDragging:r,index:o,items:i,newIndex:a,previousItems:l,previousContainerId:d,transition:c}=e;return!(!c||!r)&&((l===i||o!==a)&&(!!t||a!==o&&n===d))},Gd={duration:200,easing:"ease"},Yd="transform",Ud=ka.Transition.toString({property:Yd,duration:0,easing:"linear"}),Xd={roleDescription:"sortable"};function Vd(e){let{animateLayoutChanges:t=Wd,attributes:r,disabled:o,data:i,getNewIndex:a=Hd,id:l,strategy:d,resizeObserverConfig:c,transition:s=Gd}=e;const{items:u,containerId:g,activeIndex:f,disabled:b,disableTransforms:h,sortedRects:p,overIndex:v,useDragOverlay:m,strategy:w}=n.useContext(Pd),x=function(e,n){var t,r;if("boolean"==typeof e)return{draggable:e,droppable:!1};return{draggable:null!=(t=null==e?void 0:e.draggable)?t:n.draggable,droppable:null!=(r=null==e?void 0:e.droppable)?r:n.droppable}}(o,b),y=u.indexOf(l),$=n.useMemo((()=>({sortable:{containerId:g,index:y,items:u},...i})),[g,i,y,u]),k=n.useMemo((()=>u.slice(u.indexOf(l))),[u,l]),{rect:E,node:C,isOver:S,setNodeRef:I}=xd({id:l,data:$,disabled:x.droppable,resizeObserverConfig:{updateMeasurementsFor:k,...c}}),{active:D,activatorEvent:O,activeNodeRect:z,attributes:R,setNodeRef:j,listeners:N,isDragging:M,over:T,setActivatorNodeRef:B,transform:A}=pd({id:l,data:$,attributes:{...Xd,...r},disabled:x.draggable}),L=function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return n.useMemo((()=>e=>{t.forEach((n=>n(e)))}),t)}(I,j),q=Boolean(D),P=q&&!h&&Td(f)&&Td(v),F=!m&&M,H=F&&P?A:null,W=P?null!=H?H:(null!=d?d:w)({rects:p,activeNodeRect:z,activeIndex:f,overIndex:v,index:y}):null,G=Td(f)&&Td(v)?a({id:l,items:u,activeIndex:f,overIndex:v}):y,Y=null==D?void 0:D.id,U=n.useRef({activeId:Y,items:u,newIndex:G,containerId:g}),X=u!==U.current.items,V=t({active:D,containerId:g,isDragging:M,isSorting:q,id:l,index:y,items:u,newIndex:U.current.newIndex,previousItems:U.current.items,previousContainerId:U.current.containerId,transition:s,wasDragging:null!=U.current.activeId}),Q=function(e){let{disabled:t,index:r,node:o,rect:i}=e;const[a,l]=n.useState(null),d=n.useRef(r);return sa((()=>{if(!t&&r!==d.current&&o.current){const e=i.current;if(e){const n=Za(o.current,{ignoreTransform:!0}),t={x:e.left-n.left,y:e.top-n.top,scaleX:e.width/n.width,scaleY:e.height/n.height};(t.x||t.y)&&l(t)}}r!==d.current&&(d.current=r)}),[t,r,o,i]),n.useEffect((()=>{a&&l(null)}),[a]),a}({disabled:!V,index:y,node:C,rect:E});return n.useEffect((()=>{q&&U.current.newIndex!==G&&(U.current.newIndex=G),g!==U.current.containerId&&(U.current.containerId=g),u!==U.current.items&&(U.current.items=u)}),[q,G,g,u]),n.useEffect((()=>{if(Y===U.current.activeId)return;if(Y&&!U.current.activeId)return void(U.current.activeId=Y);const e=setTimeout((()=>{U.current.activeId=Y}),50);return()=>clearTimeout(e)}),[Y]),{active:D,activeIndex:f,attributes:R,data:$,rect:E,index:y,newIndex:G,items:u,isOver:S,isSorting:q,isDragging:M,listeners:N,node:C,overIndex:v,over:T,setNodeRef:L,setActivatorNodeRef:B,setDroppableNodeRef:I,setDraggableNodeRef:j,transform:null!=Q?Q:W,transition:function(){if(Q||X&&U.current.newIndex===y)return Ud;if(F&&!ya(O)||!s)return;if(q||V)return ka.Transition.toString({...s,property:Yd});return}()}}function Qd(e){if(!e)return!1;const n=e.data.current;return!!(n&&"sortable"in n&&"object"==typeof n.sortable&&"containerId"in n.sortable&&"items"in n.sortable&&"index"in n.sortable)}const Kd=[xl.Down,xl.Right,xl.Up,xl.Left],_d=(e,n)=>{let{context:{active:t,collisionRect:r,droppableRects:o,droppableContainers:i,over:a,scrollableAncestors:l}}=n;if(Kd.includes(e.code)){if(e.preventDefault(),!t||!r)return;const n=[];i.getEnabled().forEach((t=>{if(!t||null!=t&&t.disabled)return;const i=o.get(t.id);if(i)switch(e.code){case xl.Down:r.top<i.top&&n.push(t);break;case xl.Up:r.top>i.top&&n.push(t);break;case xl.Left:r.left>i.left&&n.push(t);break;case xl.Right:r.left<i.left&&n.push(t)}}));const d=(e=>{let{collisionRect:n,droppableRects:t,droppableContainers:r}=e;const o=Ha(n),i=[];for(const e of r){const{id:n}=e,r=t.get(n);if(r){const t=Ha(r),a=o.reduce(((e,n,r)=>e+La(t[r],n)),0),l=Number((a/4).toFixed(4));i.push({id:n,data:{droppableContainer:e,value:l}})}}return i.sort(Pa)})({active:t,collisionRect:r,droppableRects:o,droppableContainers:n,pointerCoordinates:null});let c=Wa(d,"id");if(c===(null==a?void 0:a.id)&&d.length>1&&(c=d[1].id),null!=c){const e=i.get(t.id),n=i.get(c),a=n?o.get(n.id):null,d=null==n?void 0:n.node.current;if(d&&a&&e&&n){const t=nl(d).some(((e,n)=>l[n]!==e)),o=Jd(e,n),i=function(e,n){if(!Qd(e)||!Qd(n))return!1;if(!Jd(e,n))return!1;return e.data.current.sortable.index<n.data.current.sortable.index}(e,n),c=t||!o?{x:0,y:0}:{x:i?r.width-a.width:0,y:i?r.height-a.height:0},s={x:a.left,y:a.top};return c.x&&c.y?s:xa(s,c)}}}};function Jd(e,n){return!(!Qd(e)||!Qd(n))&&e.data.current.sortable.containerId===n.data.current.sortable.containerId}var Zd=n.createContext(gd),ec=function(e){var t=n.useContext(Zd);return n.useEffect((function(){var e=document.documentElement.style.scrollBehavior;return document.documentElement.style.scrollBehavior="auto",function(){document.documentElement.style.scrollBehavior=e}})),d.default.createElement(t,u({},e))};function nc(){var e=f(n.useState(!1),2),t=e[0],r=e[1];return n.useEffect((function(){var e=window.matchMedia("(prefers-reduced-motion: reduce)");r(e.matches)}),[]),t}var tc=function(e){var n=e.id,t=e.label,r=e.isHighlighted,o=Vd({id:n}),i=o.attributes,a=o.listeners,l=o.setNodeRef,c=o.transform,s=o.transition,g=o.isOver,f=o.isDragging,b={transform:ka.Transform.toString(c),transition:s};return d.default.createElement(yi,{isOver:g,isHighlighted:r},d.default.createElement(wi,u({ref:l,style:b,isDisabled:f},i,a,{"aria-describedby":void 0,"aria-roledescription":"sortable item","aria-pressed":void 0,"aria-selected":!!i["aria-pressed"],role:"option"}),t))};function rc(e){var n=function(n){return e.findIndex((function(e){return e.id===n}))+1},t=function(n){var t;return null===(t=e.find((function(e){return e.id===n})))||void 0===t?void 0:t.label};return{onDragStart:function(){},onDragOver:function(r){var o=r.active,i=r.over;if(i)return"Sortable item ".concat(t(o.id)," is in position ").concat(n(i.id)," of ").concat(e.length)},onDragEnd:function(r){var o=r.active,i=r.over;if(i)return"Sortable item ".concat(t(o.id)," was dropped into position ").concat(n(i.id)," of ").concat(e.length)},onDragCancel:function(e){var n=e.active;return"Dragging was cancelled. Sortable item ".concat(t(n.id)," was dropped.")}}}var oc,ic,ac=l.default(Bn)(oc||(oc=b(["\n  background-color: ",";\n  background-color: color-mix(in lch, ",' 5%, transparent);\n\n  &[data-over="true"] {\n    background-color: ',";\n    background-color: color-mix(\n      in lch,\n      "," 60%,\n      transparent\n    );\n  }\n"],["\n  background-color: ",";\n  background-color: color-mix(in lch, ",' 5%, transparent);\n\n  &[data-over="true"] {\n    background-color: ',";\n    background-color: color-mix(\n      in lch,\n      "," 60%,\n      transparent\n    );\n  }\n"])),m("grey20"),m("black"),m("white"),m("white")),lc=n.forwardRef((function(e,t){var r=e.isOver,o=e.children,i=g(e,["isOver","children"]),a=f(n.useState(null),2),l=a[0],c=a[1],s=f(n.useState(0),2),b=s[0],h=s[1];return n.useLayoutEffect((function(){if(l){var e=new ResizeObserver((function(e){var n,t,r=function(e){h((function(n){var t,r;return Math.max(null!==(r=null===(t=e.borderBoxSize[0])||void 0===t?void 0:t.blockSize)&&void 0!==r?r:0,n)}))};try{for(var o=function(e){var n="function"==typeof Symbol&&Symbol.iterator,t=n&&e[n],r=0;if(t)return t.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw new TypeError(n?"Object is not iterable.":"Symbol.iterator is not defined.")}(e),i=o.next();!i.done;i=o.next()){r(i.value)}}catch(e){n={error:e}}finally{try{i&&!i.done&&(t=o.return)&&t.call(o)}finally{if(n)throw n.error}}}));return e.observe(l),window.addEventListener("resize",n),function(){e.disconnect(),window.removeEventListener("resize",n)}}function n(){h(0)}}),[l]),d.default.createElement(ac,u({ref:t,$mb:"space-between-m2",$borderRadius:"border-radius-l","data-over":r,style:{minHeight:0===b?"auto":b}},i),d.default.createElement(Ln,{$alignItems:"flex-start",$minHeight:"all-spacing-13",$pa:"inner-padding-s",$gap:"space-between-xs",$flexWrap:"wrap",ref:c},o))})),dc=function(e){var n=e.id,t=e.label,r=e.isOver,o=pd({id:n,data:{id:n,label:t}}),i=o.attributes,a=o.listeners,l=o.setNodeRef,c=o.isDragging;return d.default.createElement(wi,u({ref:l,isDisabled:r,color:"text-inverted",background:"bg-btn-primary",iconColor:"icon-main"},i,a,{role:"option","aria-describedby":void 0,"aria-roledescription":"draggable item","aria-pressed":void 0,"aria-selected":!!i["aria-pressed"],style:{opacity:c?0:1}}),t)},cc=function(e){var n=e.children,t=xd({id:"holding-pen",data:{label:"holding pen"}}),r=t.setNodeRef,o=t.isOver;return d.default.createElement(lc,{ref:r,isOver:o,"aria-label":"Available items","data-testid":"holding-pen",role:"listbox"},n)},sc=function(e){var n=e.id,t=e.label,r=e.match,o=e.isHighlighted,i=xd({id:n,data:{id:n,label:t}}),a=i.setNodeRef,l=i.isOver,c=i.active;return d.default.createElement(yi,{isOver:l,isDisabled:!c,ref:a,id:n,labelSlot:t,"data-testid":"slot",isHighlighted:o},r&&d.default.createElement(dc,u({},r,{isOver:l})))},uc={onDragStart:function(){},onDragOver:function(e){var n,t=e.active,r=e.over;if((null==r?void 0:r.data.current)&&(null===(n=t.data)||void 0===n?void 0:n.current))return"Item ".concat(t.data.current.label," is over ").concat(r.data.current.label)},onDragEnd:function(e){var n,t=e.active,r=e.over;if((null==r?void 0:r.data.current)&&(null===(n=t.data)||void 0===n?void 0:n.current))return"Item ".concat(t.data.current.label," was dropped onto ").concat(r.data.current.label)},onDragCancel:function(e){var n,t=e.active;if(null===(n=t.data)||void 0===n?void 0:n.current)return"Dragging was cancelled. Item ".concat(t.data.current.label," was dropped.")}},gc=l.default(kr)(ic||(ic=b(["\n  pointer-events: none;\n"],["\n  pointer-events: none;\n"]))),fc=function(e){var n=e.href,t=e.isCurrent,r=void 0!==t&&t,o=e.shallow,i=void 0===o||o,a=e.children;return r?d.default.createElement(gc,{element:"span","aria-current":"page"},a):d.default.createElement(Er,{element:s.default,href:n,shallow:i,isTrailingIcon:!0},a)};exports.HeadingTagComponent=st,exports.OakAccordion=function(e){var t=e.header,r=e.headerAfterSlot,o=e.children,i=e.initialOpen,a=void 0!==i&&i,l=e.id,c=f(n.useState(a),2),s=c[0],u=c[1];return d.default.createElement(Bn,{$borderColor:"border-neutral-lighter",$ba:"border-solid-s",$pa:"inner-padding-m",$background:s?"bg-neutral":"bg-primary"},d.default.createElement(Ln,{as:"h3",$font:"heading-light-7",$textDecoration:s?"underline":"none"},d.default.createElement($i,{as:"button",onClick:function(){return u(!s)},$alignItems:"center",$pa:"inner-padding-m",$flexGrow:1,"aria-expanded":s,id:l},d.default.createElement(St,{iconName:"chevron-down",$mr:"space-between-s",$width:"all-spacing-6",$height:"all-spacing-6",alt:"",style:{transform:s?"rotate(180deg)":"none"}}),t),r&&d.default.createElement(Ln,{$ml:"space-between-m"},r)),d.default.createElement(Bn,{$ml:"space-between-m",$pl:"inner-padding-m",$mt:"space-between-sssx",$font:"body-3",hidden:!s,"aria-labelledby":l,role:"region"},o))},exports.OakBackLink=function(e){var n=e.as,t=e.label,r=void 0===t?"Back":t,o=g(e,["as","label"]);return d.default.createElement(Io,u({as:null!=n?n:"a","aria-label":r},o),d.default.createElement(St,{alt:"",iconName:"chevron-left",$width:"all-spacing-8",$height:"all-spacing-8"}))},exports.OakBox=Bn,exports.OakBulletList=function(e){var n=e.listItems,t=g(e,["listItems"]);return d.default.createElement(qn,u({},t),n.map((function(e,n){return d.default.createElement(qn,{key:n},0!==n&&d.default.createElement(qn,null," • "),d.default.createElement(qn,null,e))})))},exports.OakCardHeader=function(e){var n=e.iconName,t=e.tag,r=e.children;return d.default.createElement(Ln,{$alignItems:"center",$gap:"space-between-ssx"},d.default.createElement(St,{iconName:n}),d.default.createElement(ut,{$font:"heading-6",tag:t},r))},exports.OakCheckBox=function(e){var t=e.id,r=e.value,o=e.displayValue,i=void 0===o?r:o,a=e.disabled,l=void 0!==a&&a,c=e.defaultChecked,s=e.checked,u=e.onChange,g=e.onFocus,f=e.onBlur,b=e.onHovered,h=e.iconPadding,p=void 0===h?"inner-padding-none":h,v=e.hoverBorderRadius,m=void 0===v?"border-radius-xs":v,w=e.checkboxSize,x=void 0===w?"all-spacing-6":w,y=e.checkboxBorder,$=void 0===y?"border-solid-m":y,k=e.checkboxBorderRadius,E=void 0===k?"border-radius-xs":k,C=e.defaultColor,S=void 0===C?"text-primary":C,I=e.disabledColor,D=void 0===I?"text-disabled":I,O=e.labelGap,z=void 0===O?"space-between-s":O,R=e.labelAlignItems,j=void 0===R?"center":R,N=e.checkedBackgroundFill,M=void 0===N||N,T=e.checkedIcon,B=n.useRef(Date.now()),A=l?D:S;return d.default.createElement(uo,{htmlFor:t,labelGap:z,labelAlignItems:j,$color:A,disabled:l,onMouseEnter:function(){B.current=Date.now()},onMouseLeave:function(){var e=Date.now()-B.current;b&&b(r,t,e)},"data-testid":e["data-testid"]},d.default.createElement(bo,{size:x,internalCheckbox:d.default.createElement(so,{id:t,value:r,$width:x,$height:x,$ba:$,$borderRadius:E,$borderColor:A,$checkedBackground:M?A:null,$hoverBorderRadius:m,onChange:u,onFocus:g,onBlur:f,defaultChecked:c,checked:s,disabled:l}),checkedIcon:T,iconPadding:p}),i)},exports.OakCloudinaryConfigProvider=dr,exports.OakCloudinaryImage=function(e){var t=e.cloudinaryId,o=e.unoptimized,i=void 0===o?t.endsWith(".svg"):o,a=g(e,["cloudinaryId","unoptimized"]),l=n.useContext(lr),c=Mt(t,l);return d.default.createElement(dt,u({as:r.CldImage,src:c,imageProps:{config:l,flags:i?void 0:["keep_attribution"]},unoptimized:i},a))},exports.OakCollapsibleContent=si,exports.OakDragAndDropInstructions=hi,exports.OakDraggable=wi,exports.OakDraggableFeedback=function(e){var n=e.feedback,t=g(e,["feedback"]);return d.default.createElement(wi,u({},t,{iconName:"correct"===n?"tick":"cross",iconColor:"correct"===n?"icon-success":"icon-error",iconAlt:"correct"===n?"correct":"incorrect",$ba:"border-solid-xl",$borderColor:"correct"===n?"border-success":"border-error",$background:"correct"===n?"bg-correct":"bg-incorrect",isReadOnly:!0}))},exports.OakDroppable=yi,exports.OakFieldError=function(e){var n=e.children;return n?d.default.createElement(Ln,{$alignItems:"center",$flexDirection:"row"},d.default.createElement(Ln,{$alignSelf:"flex-start",$mr:"space-between-s"},d.default.createElement(St,{iconName:"content-guidance",$colorFilter:"red"})),d.default.createElement(qn,{$color:"red"},n)):null},exports.OakFlex=Ln,exports.OakForm=Pn,exports.OakGlobalStyle=gr,exports.OakGrid=Dt,exports.OakGridArea=jt,exports.OakHandDrawnCard=ii,exports.OakHandDrawnCardWithIcon=ai,exports.OakHeading=ut,exports.OakHintButton=Di,exports.OakIcon=St,exports.OakImage=dt,exports.OakKbd=cr,exports.OakLI=pt,exports.OakLabel=mt,exports.OakLessonBottomNav=function(e){var n,t=e.hint,r=e.feedback,o=e.answerFeedback,i=e.children;switch(!0){case!!r:n=d.default.createElement(zi,{feedback:r,answerFeedback:o});break;case!!t:n=d.default.createElement(Oi,{hint:t});break;default:n=null}return d.default.createElement(Ri,{$flexDirection:["column","row"],$pa:"inner-padding-m",$minHeight:"all-spacing-9",$gap:"space-between-m"},d.default.createElement(Ln,{$alignItems:"center"},n),d.default.createElement(Ln,{$flexGrow:"1",$height:"fit-content",$alignSelf:"flex-end",$justifyContent:["initial","flex-end"],$width:["100%","auto"]},i))},exports.OakLessonInfoCard=function(e){var n=e.children,t=g(e,["children"]);return d.default.createElement(Ln,u({$borderRadius:"border-radius-l",$pa:"inner-padding-xl",$flexDirection:"column",$gap:"space-between-s",$background:"white"},t),n)},exports.OakLessonLayout=function(e){var n=e.lessonSectionName,t=e.topNavSlot,r=e.bottomNavSlot,o=e.children,i=f(function(e){switch(e){case"overview":case"review":return["bg-decorative1-main","bg-primary","border-decorative1-stronger","bg-primary"];case"intro":return["bg-decorative2-subdued","bg-decorative2-very-subdued","border-inverted","bg-decorative2-subdued"];case"starter-quiz":return["bg-decorative1-main","bg-decorative1-very-subdued","border-inverted","bg-decorative1-subdued"];case"video":return["bg-decorative4-subdued","bg-primary","border-decorative4","bg-primary"];case"exit-quiz":return["bg-decorative5-main","bg-decorative5-very-subdued","border-inverted","bg-decorative5-subdued"]}}(n),4),a=i[0],l=i[1],c=i[2],s=i[3];return d.default.createElement(Ti,{$display:"flex",$width:"100%",$minHeight:"100%",$ph:["inner-padding-none","inner-padding-xl"],$background:a},d.default.createElement(Ln,{$flexDirection:"column",$flexGrow:1,$background:[s,l],$btr:[null,"border-radius-xl"],$bt:[null,"border-solid-xl"],$bh:[null,"border-solid-xl"],$borderColor:[null,c],$maxWidth:"all-spacing-24",$minHeight:"100%",$mh:"auto",$pt:["inner-padding-none","inner-padding-m"],$gap:["space-between-l","space-between-xl"]},t&&d.default.createElement(Bn,{$pv:"inner-padding-l",$pl:["inner-padding-m","inner-padding-xs"],$pr:["inner-padding-m","inner-padding-none"],$mr:["space-between-none","space-between-l"],$background:["bg-primary","transparent"]},t),d.default.createElement(Ln,{$flexGrow:1,$flexDirection:"column"},o),r&&d.default.createElement(Bi,{$mh:["space-between-none","space-between-none","space-between-sssx"],$borderColor:c,$bt:"border-solid-xl",$background:["bg-primary",l]},r)))},exports.OakLessonNavItem=function(e){var n=e.as,t=e.lessonSectionName,r=e.progress,o=e.disabled,i=e.href,a=e.onClick,l=g(e,["as","lessonSectionName","progress","disabled","href","onClick"]),c=f(function(e){switch(e){case"intro":return["bg-decorative2-very-subdued","bg-decorative2-main","border-decorative2-stronger"];case"starter-quiz":return["bg-decorative1-very-subdued","bg-decorative1-main","border-decorative1-stronger"];case"video":return["bg-decorative4-very-subdued","bg-decorative4-main","border-decorative4-stronger"];case"exit-quiz":return["bg-decorative5-very-subdued","bg-decorative5-main","border-decorative5-stronger"]}}(t),3),s=c[0],b=c[1],h=c[2];return d.default.createElement(Ui,u({as:o?"div":null!=n?n:"a",$gap:"space-between-m",$alignItems:"center",$background:"not-started"===r?s:b,$ph:["inner-padding-m","inner-padding-xl"],$pv:"inner-padding-l",$borderRadius:"border-radius-l",$borderColor:h,$ba:"border-solid-l",$disabled:o,$color:"text-primary",href:o?void 0:i,onClick:o?void 0:a},l),d.default.createElement(Ln,{$width:"all-spacing-13",$justifyContent:"center"},d.default.createElement(St,{iconName:Vi(t),$width:"all-spacing-10",$height:"all-spacing-10"})),d.default.createElement(Xi,null,d.default.createElement(Wi,{as:"strong",$font:["heading-6","heading-5"],$color:o?"text-disabled":"text-primary"},function(e){switch(e){case"intro":return"Introduction";case"starter-quiz":return"Starter quiz";case"video":return"Lesson video";case"exit-quiz":return"Exit quiz"}}(t)),d.default.createElement(Bn,{$font:["body-2","body-1"]},function(e){switch(e.progress){case"not-started":return function(e){switch(e.lessonSectionName){case"intro":return"Prepare";case"starter-quiz":return"Activate - ".concat(e.numQuestions," Questions");case"exit-quiz":return"Check - ".concat(e.numQuestions," questions");case"video":return"Learn"}}(e);case"in-progress":return"In progress...";case"complete":return d.default.createElement(Ln,{$gap:"space-between-sssx",$alignItems:"center"},d.default.createElement(St,{iconName:"tick",$width:"all-spacing-6",$height:"all-spacing-6"}),function(e){switch(e.lessonSectionName){case"intro":case"video":return"Completed";case"starter-quiz":case"exit-quiz":return d.default.createElement(d.default.Fragment,null,d.default.createElement(Bn,{$display:["none","block"]},"Completed"),d.default.createElement(Bn,{$display:["block","none"]},e.grade,"/",e.numQuestions," correct"))}}(e))}}(e))),function(e){if("complete"!==e.progress)return null;switch(e.lessonSectionName){case"exit-quiz":case"starter-quiz":return d.default.createElement(Bn,{$display:["none","block"],$mr:"space-between-m"},d.default.createElement(qn,{$font:"heading-4"},e.grade),d.default.createElement(qn,{$font:"heading-6"}," / ",e.numQuestions));default:return null}}(e),d.default.createElement(Gi,{iconName:"chevron-right",$disabled:o}))},exports.OakLessonReviewItem=function(e){var n=e.completed,t=e.lessonSectionName,r=g(e,["completed","lessonSectionName"]),o=f(ea(t),3),i=o[0],a=o[1],l=o[2],c=new Map;return c.set("intro","intro"),c.set("starter-quiz","quiz"),c.set("exit-quiz","quiz"),c.set("video","video"),d.default.createElement(Ki,u({completed:n,$gap:"space-between-m",$alignItems:"center",$background:n?i:"white",$ph:["inner-padding-m","inner-padding-xl"],$pv:"inner-padding-l",$borderRadius:"border-radius-l",$borderColor:n?i:a,$ba:"border-solid-l"},r),d.default.createElement(wo,{iconName:c.get(t),$width:"all-spacing-10",$height:"all-spacing-10",$background:l}),d.default.createElement(Ln,{$flexGrow:1,$flexShrink:1,$flexDirection:"column"},d.default.createElement(Bn,{$font:["heading-6","heading-5"],$color:"text-primary"},Zi(t)),d.default.createElement(Bn,{$font:["body-2","body-1"]},_i(e))),na(e))},exports.OakLessonTopNav=function(e){var n=e.lessonSectionName,t=e.backLinkSlot,r=e.counterSlot,o=e.heading,i=e.mobileSummary;return d.default.createElement(Ln,{$gap:"space-between-m",$alignItems:"center"},d.default.createElement(Bn,{$pl:["inner-padding-none","inner-padding-s"]},t),d.default.createElement(Ln,{$flexGrow:"none"},d.default.createElement(wo,u({},function(e){switch(e){case"intro":return{iconName:"intro",$background:"aqua110"};case"starter-quiz":return{iconName:"quiz",$background:"mint110"};case"video":return{iconName:"video",$background:"pink110"};case"exit-quiz":return{iconName:"quiz",$background:"lemon110"}}}(n),{$width:"all-spacing-8",$height:"all-spacing-8"}))),d.default.createElement(Bn,null,d.default.createElement(ut,{tag:"h1",$font:["heading-7","heading-5"]},o),d.default.createElement(ji,{$font:"body-3"},i)),d.default.createElement(Ln,{$flexGrow:1,$justifyContent:"flex-end"},d.default.createElement(Bn,{$display:["none","block"]},r)))},exports.OakLessonVideoTranscript=function(e){var t=e.children,r=e.id,o=e.signLanguageControl,i=void 0===o?null:o,a=f(n.useState(!1),2),l=a[0],c=a[1];return d.default.createElement(d.default.Fragment,null,d.default.createElement(Ln,{$flexDirection:["column-reverse","row"],$justifyContent:"space-between"},d.default.createElement(Bn,null,t&&d.default.createElement(Dr,{onClick:function(){return c(!l)},iconName:l?"chevron-up":"chevron-down",isTrailingIcon:!0,"aria-controls":r,"aria-expanded":l,$mb:"space-between-m"},l?"Hide transcript":"Show transcript")),i&&d.default.createElement(Bn,{$mb:"space-between-m"},i)),t&&d.default.createElement(si,{id:r,$maxHeight:"all-spacing-23",isOpen:l,$font:"body-1",$color:"text-primary"},t))},exports.OakLink=fi,exports.OakLoadingSpinner=vr,exports.OakMaxWidth=Nt,exports.OakOL=bt,exports.OakP=gt,exports.OakPrimaryButton=kr,exports.OakPrimaryInvertedButton=Er,exports.OakPrimaryNav=function(e){var n=e.ariaLabel,t=e.navItems;return d.default.createElement("nav",{"aria-label":n},d.default.createElement(Ln,{as:"ul",$flexDirection:["row"],$gap:"space-between-m",$mh:"space-between-none",$mv:"space-between-none",$ph:"inner-padding-none"},t.map((function(e,n){var t=e.href,r=e.isCurrent,o=e.children;return d.default.createElement(pt,{$listStyle:"none",key:n},d.default.createElement(fc,{href:t,isCurrent:r},o))}))))},exports.OakPrimaryNavItem=fc,exports.OakPromoTag=di,exports.OakQuizCheckBox=function(e){var t,r,o,i=e.id,a=e.value,l=e.feedback,c=e.image,s=e.disabled,f=e.innerRef,b=e.displayValue,h=e.isHighlighted,p=g(e,["id","value","feedback","image","disabled","innerRef","displayValue","isHighlighted"]),v=!!l,m=n.useRef(null),w=null!=f?f:m,x="correct"===l&&(null===(t=w.current)||void 0===t?void 0:t.checked)||"incorrect"===l&&!(null===(r=w.current)||void 0===r?void 0:r.checked),y="incorrect"===l&&(null===(o=w.current)||void 0===o?void 0:o.checked),$=d.default.createElement(Ln,{$flexDirection:"column",$minWidth:"all-spacing-20",$gap:"space-between-s"},d.default.createElement(Bn,null,c),b),k=x?"bg-correct":"bg-incorrect",E=x?"border-success":"border-error",C=d.default.createElement(Ci,{$pa:"inner-padding-l",$borderRadius:"border-radius-m2",$borderColor:h?"border-decorative5-stronger":"border-primary",$background:s&&!v?"bg-neutral-stronger":"bg-primary",$flexGrow:1,onClick:function(e){var n;e.target.id!==i&&(null===(n=w.current)||void 0===n||n.click())},$overlayBorderColor:v?E:"text-disabled",$feedbackBgColor:v?k:void 0,$outlineColor:h?"border-decorative5-stronger":"transparent"},d.default.createElement(Ei,{htmlFor:i,labelGap:"space-between-s",labelAlignItems:"center",$color:s&&!v?"text-disabled":"text-primary",$font:"body-1",disabled:s},d.default.createElement(bo,{size:"all-spacing-7",iconPadding:"inner-padding-ssx",checkedIcon:d.default.createElement(Bn,{$width:"100%",$height:"100%",$background:s||v?"text-disabled":"text-primary"},d.default.createElement(Bn,{$ba:"border-solid-m",$borderColor:"white",$width:"100%",$height:"100%"})),internalCheckbox:d.default.createElement(ki,u({id:i,value:a,disabled:s||v},p,{$width:"all-spacing-7",$height:"all-spacing-7",$ba:"border-solid-m",$borderColor:"border-neutral",$borderRadius:"border-radius-s",$background:h?"bg-decorative5-main":"bg-primary",$checkedBackground:null,ref:w}))}),c?$:b),v&&(x||y)&&d.default.createElement(Ln,{className:"feedbackIconWrapper",$flexGrow:1,$justifyContent:"flex-end",$alignItems:"flex-end",$height:"100%"},x&&d.default.createElement(St,{iconName:"tick",$colorFilter:"icon-success",alt:"correct"===l?"Correct":"Unselected correct choice"}),y&&d.default.createElement(St,{iconName:"cross",$colorFilter:"icon-error",alt:"Incorrect"})));return d.default.createElement(Ln,{$width:"100%",$position:"relative"},C)},exports.OakQuizCounter=function(e){var n=e.counter,t=e.total;return d.default.createElement(qn,{$font:"heading-light-4",$color:"text-disabled"},d.default.createElement(qn,{$font:"heading-4",$color:"text-primary"},n," "),"of ",t)},exports.OakQuizFeedback=zi,exports.OakQuizHint=Oi,exports.OakQuizMatch=function(e){var t=e.initialOptions,r=e.initialSlots,i=e.isHighlighted,a=e.onChange,l=f(n.useState({}),2),c=l[0],s=l[1],g=n.useRef(t).current,b=n.useRef(r).current,h=f(n.useState(null),2),p=h[0],v=h[1],m=g.find((function(e){return e.id===p})),w=nc(),x=Ba(Ta(Nl),Ta(Tl),Ta(Cl,{coordinateGetter:_d,scrollBehavior:w?"instant":"smooth"})),y=Object.values(c).map((function(e){return e.id})),$=g.filter((function(e){return!y.includes(e.id)}));return d.default.createElement(d.default.Fragment,null,d.default.createElement(hi,{$mb:"space-between-m2"}),d.default.createElement(ec,{sensors:x,collisionDetection:Ya,onDragEnd:function(e){var n=e.active,t=e.over;t&&s((function(e){var r=Object.entries(e).filter((function(e){var t=f(e,2)[1];return(null==t?void 0:t.id)!==n.id})),o=Object.fromEntries(r);return"holding-pen"!==t.id&&(o[t.id]=n.data.current),null==a||a(o),o}));v(null)},onDragStart:function(e){var n=e.active;v(n.id.toString())},accessibility:{announcements:uc}},d.default.createElement(cc,null,$.map((function(e){return d.default.createElement(dc,u({key:e.id},e))}))),d.default.createElement(Ln,{$gap:"space-between-s",$flexDirection:"column","aria-label":"Matched items",role:"listbox"},b.map((function(e){return d.default.createElement(sc,u({key:e.id},e,{isHighlighted:i,match:c[e.id]}))}))),o.createPortal(d.default.createElement(jd,{dropAnimation:w?null:void 0},m&&d.default.createElement(wi,{isDragging:!0},m.label)),document.body)))},exports.OakQuizOrder=function(e){var t=e.initialItems,r=e.onChange,i=e.isHighlighted,a=f(n.useState(t),2),l=a[0],c=a[1],s=f(n.useState(null),2),g=s[0],b=s[1],h=l.find((function(e){return e.id===g})),p=Ba(Ta(Nl),Ta(Tl),Ta(Cl,{coordinateGetter:_d,scrollBehavior:nc()?"instant":"smooth"}));return d.default.createElement(d.default.Fragment,null,d.default.createElement(hi,{$mb:"space-between-m2"}),d.default.createElement(ec,{sensors:p,collisionDetection:Ya,onDragEnd:function(e){var n=e.active,t=e.over;n.id!==(null==t?void 0:t.id)&&c((function(e){var o=e.findIndex((function(e){return e.id===n.id})),i=e.findIndex((function(e){return e.id===(null==t?void 0:t.id)})),a=Nd(e,o,i);return null==r||r(a),a}));b(null)},onDragStart:function(e){var n=e.active;b(n.id.toString())},accessibility:{announcements:rc(l)}},d.default.createElement(Fd,{items:l,strategy:Ld},d.default.createElement(Ln,{$gap:"space-between-s",$flexDirection:"column",role:"listbox","aria-label":"Sortable items"},l.map((function(e){return d.default.createElement(tc,u({key:e.id},e,{isHighlighted:i}))}))),o.createPortal(d.default.createElement(jd,null,h&&d.default.createElement(wi,{isDragging:!0},h.label)),document.body))))},exports.OakQuizRadioButton=function(e){var t,r,o=e.value,i=e.feedback,a=e.image,l=e.disabled,c=e.isHighlighted,s=e.label,f=g(e,["value","feedback","image","disabled","isHighlighted","label"]),b=!!i,h=n.useContext(Or).currentValue===o,p="bg-primary",v=null,m="bg-primary";switch(!0){case l&&!b:p="bg-neutral-stronger";break;case"correct"===i&&h:t="border-success",p="bg-correct",v="tick",r="Correct";break;case"incorrect"===i&&h:t="border-error",p="bg-incorrect",v="cross",r="Incorrect";break;case"incorrect"===i&&!h:v="tick",r="Unselected correct choice";break;case c:m="bg-decorative5-main",t="border-decorative5-stronger";break;case h&&!l:t="border-primary"}return d.default.createElement(Si,{$pa:"inner-padding-l",$borderRadius:"border-radius-m2",$justifyContent:"space-between",$position:"relative",$alignContent:"center",onClick:function(e){var n;null===(n=e.currentTarget.querySelector("input"))||void 0===n||n.click()},$disabled:l||b,$checked:h,$outlineColor:t,$background:p},d.default.createElement(Mr,u({value:o,disabled:l||b,$labelGap:"space-between-s",disableFocusRing:!0,radioInnerSize:"all-spacing-6",radioOuterSize:"all-spacing-7",radioBackground:m,checkedRadioBorderWidth:"border-solid-l",label:a?d.default.createElement(Ln,{$flexDirection:"column",$minWidth:"all-spacing-20",$gap:"space-between-s"},d.default.createElement(Bn,null,a),s):s},f)),b&&v&&d.default.createElement(Ln,{$alignSelf:"flex-end"},d.default.createElement(St,{iconName:v,$colorFilter:"tick"===v?"icon-success":"icon-error",alt:r})))},exports.OakQuizTextInput=function(e){var n,t,r=e.feedback,o=e.readOnly,i=g(e,["feedback","readOnly"]),a=void 0;switch(r){case"correct":n="valid",t="tick",a="Correct";break;case"incorrect":n="invalid",t="cross",a="Incorrect"}return d.default.createElement(mo,u({},i,{validity:n,iconName:t,iconAlt:a,readOnly:o||!!r,isTrailingIcon:!0}))},exports.OakRadioButton=Mr,exports.OakRadioGroup=function(e){var t=e.name,r=e.children,o=e.label,i=e.onChange,a=e.$font,l=void 0===a?"body-1-bold":a,c=e.$gap,s=void 0===c?"space-between-s":c,b=e.disabled,h=e.value,p=e.defaultValue,v=void 0===p?"":p,m=g(e,["name","children","label","onChange","$font","$gap","disabled","value","defaultValue"]),w=f(n.useState(v),2),x=w[0],y=w[1];return d.default.createElement(Ln,u({role:"radiogroup",$gap:s},m),o&&d.default.createElement(mt,{$font:l},o),d.default.createElement(Or.Provider,{value:{currentValue:null!=h?h:x,name:t,disabled:b,onValueUpdated:function(e){void 0===h&&y(e.target.value),i&&i(e)}}},r))},exports.OakRoundIcon=wo,exports.OakSecondaryButton=function(e){var n=e.element,t=g(e,["element"]);return d.default.createElement($r,u({element:null!=n?n:"button",defaultBorderColor:"text-primary",defaultBackground:"bg-btn-secondary",defaultTextColor:"text-primary",hoverBackground:"bg-btn-secondary-hover",hoverBorderColor:"text-primary",hoverTextColor:"text-primary",disabledBackground:"bg-btn-secondary-disabled",disabledBorderColor:"text-disabled",disabledTextColor:"text-disabled"},t))},exports.OakSpan=qn,exports.OakStaticMessageCard=function(e){var n=e.children,t=g(e,["children"]);return d.default.createElement(ii,u({},t,{fill:["bg-decorative2-very-subdued","bg-decorative2-subdued","bg-decorative2-subdued"]}),d.default.createElement(Ln,{$pa:"inner-padding-none",$flexDirection:"column",$gap:"space-between-s"},n))},exports.OakSubjectIcon=function(e){var n=e.showPromoTag,t=g(e,["showPromoTag"]);return d.default.createElement(Bn,{$width:"fit-content",$height:"fit-content",$position:"relative"},d.default.createElement(ai,u({},t)),n&&d.default.createElement(Bn,{$position:"absolute",$top:["all-spacing-0","all-spacing-2"],$left:["all-spacing-0","all-spacing-2"]},d.default.createElement(di,null)))},exports.OakTertiaryButton=Dr,exports.OakTextInput=mo,exports.OakThemeProvider=function(n){var t=n.theme,r=n.children;return d.default.createElement(e.ThemeProvider,{theme:t},r)},exports.OakTooltip=Eo,exports.OakTypography=ct,exports.OakUL=ft,exports.isValidIconName=function(e){return xt.includes(e)},exports.oakAllSpacingTokens=M,exports.oakBorderRadiusTokens=en,exports.oakBorderWidthTokens=Ze,exports.oakBoxCss=Tn,exports.oakColorTokens=h,exports.oakDefaultTheme={name:"default",uiColors:{"text-primary":"black","text-subdued":"grey60","text-error":"red","text-disabled":"grey50","text-link-active":"navy","text-link-hover":"navy110","text-link-pressed":"navy120","text-link-visited":"navy120","text-inverted":"white","text-success":"oakGreen","text-warning":"amber","bg-primary":"white","bg-neutral":"grey20","bg-neutral-stronger":"grey30","bg-btn-primary":"black","bg-btn-primary-hover":"grey60","bg-btn-primary-disabled":"grey50","bg-btn-secondary":"white","bg-btn-secondary-hover":"grey20","bg-btn-secondary-disabled":"grey30","bg-icon":"black","bg-icon-hover":"grey60","bg-decorative1-main":"mint","bg-decorative1-subdued":"mint50","bg-decorative1-very-subdued":"mint30","bg-decorative2-main":"aqua","bg-decorative2-subdued":"aqua50","bg-decorative2-very-subdued":"aqua30","bg-decorative3-main":"lavender","bg-decorative3-subdued":"lavender50","bg-decorative3-very-subdued":"lavender30","bg-decorative4-main":"pink","bg-decorative4-subdued":"pink50","bg-decorative4-very-subdued":"pink30","bg-decorative5-main":"lemon","bg-decorative5-subdued":"lemon50","bg-decorative5-very-subdued":"lemon30","bg-correct":"mint50","bg-incorrect":"red30","icon-main":"white","icon-inverted":"black","icon-disabled":"grey50","icon-brand":"oakGreen","icon-success":"oakGreen","icon-error":"red","icon-warning":"amber","border-primary":"black","border-inverted":"white","border-neutral":"grey50","border-neutral-lighter":"grey40","border-brand":"oakGreen","border-success":"oakGreen","border-error":"red","border-warning":"amber","border-decorative1":"mint","border-decorative1-stronger":"mint110","border-decorative2":"aqua","border-decorative2-stronger":"aqua110","border-decorative3":"lavender","border-decorative3-stronger":"lavender110","border-decorative4":"pink","border-decorative4-stronger":"pink110","border-decorative5":"lemon","border-decorative5-stronger":"lemon110","border-decorative6":"amber50","border-decorative6-stronger":"amber",transparent:"transparent"}},exports.oakDropShadowTokens=$n,exports.oakFontSizeTokens=zn,exports.oakFontTokens=Rn,exports.oakHeadingTags=["div","h1","h2","h3","h4","h5","h6"],exports.oakIconNames=xt,exports.oakInnerPaddingTokens=T,exports.oakOpacityTokens=Cn,exports.oakSpaceBetweenTokens=B,exports.oakTransitionTokens=Dn,exports.oakUiRoleTokens=v;
 //# sourceMappingURL=index.js.map