@oaknational/oak-components 0.0.28 → 0.0.30
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.
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/types.d.ts +40 -5
- package/package.json +1 -1
package/dist/esm/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import n,{css as e,ThemeProvider as r,keyframes as t}from"styled-components";import o,{createContext as i,useContext as a,useRef as d,useState as c,forwardRef as l}from"react";import s from"next/image";import{getCldImageUrl as u,CldImage as b}from"next-cloudinary";var g=function(){return g=Object.assign||function(n){for(var e,r=1,t=arguments.length;r<t;r++)for(var o in e=arguments[r])Object.prototype.hasOwnProperty.call(e,o)&&(n[o]=e[o]);return n},g.apply(this,arguments)};function h(n,e){var r={};for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&e.indexOf(t)<0&&(r[t]=n[t]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(t=Object.getOwnPropertySymbols(n);o<t.length;o++)e.indexOf(t[o])<0&&Object.prototype.propertyIsEnumerable.call(n,t[o])&&(r[t[o]]=n[t[o]])}return r}function p(n,e){var r="function"==typeof Symbol&&n[Symbol.iterator];if(!r)return n;var t,o,i=r.call(n),a=[];try{for(;(void 0===e||e-- >0)&&!(t=i.next()).done;)a.push(t.value)}catch(n){o={error:n}}finally{try{t&&!t.done&&(r=i.return)&&r.call(i)}finally{if(o)throw o.error}}return a}function v(n,e){return Object.defineProperty?Object.defineProperty(n,"raw",{value:e}):n.raw=e,n}"function"==typeof SuppressedError&&SuppressedError;var m={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"},f={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%)"},$=["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 w(n){if(null!=n)return n in m?m[n]:$.includes(n)?function(e){var r=e.theme.uiColors[n];return m[r]}:void 0}function x(n){return!!n}var y,k,C,E,j,I,z={small:750,large:1280},S=Object.values(z).sort((function(n,e){return n>e?1:-1})),M=function(n){return z[n]},N=function(n,r,t){return void 0===t&&(t=function(n){return n}),function(o){var i=function(r){return void 0===r?void 0:e(y||(y=v(["\n ",": ",";\n "],["\n ",": ",";\n "])),n,t(r))},a=r(o);if(void 0!==a)return Array.isArray(a)?0===a.length?[]:function(n,e,r){if(r||2===arguments.length)for(var t,o=0,i=e.length;o<i;o++)!t&&o in e||(t||(t=Array.prototype.slice.call(e,0,o)),t[o]=e[o]);return n.concat(t||Array.prototype.slice.call(e))}([e(C||(C=v(["\n ","\n "],["\n ","\n "])),i(a[0]))],p(S.slice(0,a.length).map((function(n,r){var t=a[r+1];if(void 0!==t)return e(j||(j=v(["\n @media (min-width: ","px) {\n ","\n }\n "],["\n @media (min-width: ","px) {\n ","\n }\n "])),n,e(E||(E=v(["\n ","\n "],["\n ","\n "])),i(t)))})).filter(x)),!1):e(k||(k=v(["\n ","\n "],["\n ","\n "])),i(a))}},B=e(I||(I=v(["\n ","\n ","\n"],["\n ","\n ","\n"])),N("color",(function(n){return n.$color}),w),N("background",(function(n){return n.$background}),w)),A=16,T=3;function D(n){return Number((n/A).toFixed(T))}var L={"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},q={"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"},O={"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 G(n){if(null!=n)return n in L?"".concat(D(L[n]),"rem"):n in q?"".concat(D(L[q[n]]),"rem"):n in O?"".concat(D(L[O[n]]),"rem"):n}var F,R,P,W,Y,U,H,Q,Z,V,X,_,J,K,nn,en,rn,tn,on,an,dn,cn,ln,sn,un,bn,gn,hn,pn,vn,mn,fn,$n,wn,xn,yn,kn,Cn,En,jn,In,zn,Sn,Mn,Nn,Bn,An,Tn,Dn,Ln=e(F||(F=v(["\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("position",(function(n){return n.$position})),N("top",(function(n){return n.$top}),G),N("right",(function(n){return n.$right}),G),N("bottom",(function(n){return n.$bottom}),G),N("left",(function(n){return n.$left}),G),N("inset",(function(n){return n.$inset}),G),N("overflow",(function(n){return n.$overflow})),N("overflow-x",(function(n){return n.$overflowX})),N("overflow-y",(function(n){return n.$overflowY})),N("object-fit",(function(n){return n.$objectFit})),N("pointer-events",(function(n){return n.$pointerEvents})),N("visibility",(function(n){return n.$visibility}))),qn=e(R||(R=v(["\n ","\n ","\n ","\n ","\n ","\n ","\n"],["\n ","\n ","\n ","\n ","\n ","\n ","\n"])),N("width",(function(n){return n.$width}),G),N("min-width",(function(n){return n.$minWidth}),G),N("max-width",(function(n){return n.$maxWidth}),G),N("height",(function(n){return n.$height}),G),N("min-height",(function(n){return n.$minHeight}),G),N("max-height",(function(n){return n.$maxHeight}),G)),On=e(P||(P=v(["\n ","\n"],["\n ","\n"])),N("padding",(function(n){return n.$pa}),G)),Gn=e(W||(W=v(["\n ","\n ","\n"],["\n ","\n ","\n"])),N("padding-left",(function(n){return n.$ph}),G),N("padding-right",(function(n){return n.$ph}),G)),Fn=e(Y||(Y=v(["\n ","\n ","\n"],["\n ","\n ","\n"])),N("padding-top",(function(n){return n.$pv}),G),N("padding-bottom",(function(n){return n.$pv}),G)),Rn=e(U||(U=v(["\n ","\n"],["\n ","\n"])),N("padding-left",(function(n){return n.$pl}),G)),Pn=e(H||(H=v(["\n ","\n"],["\n ","\n"])),N("padding-right",(function(n){return n.$pr}),G)),Wn=e(Q||(Q=v(["\n ","\n"],["\n ","\n"])),N("padding-top",(function(n){return n.$pt}),G)),Yn=e(Z||(Z=v(["\n ","\n"],["\n ","\n"])),N("padding-bottom",(function(n){return n.$pb}),G)),Un=e(V||(V=v(["\n ","\n"],["\n ","\n"])),N("margin",(function(n){return n.$ma}),G)),Hn=e(X||(X=v(["\n ","\n ","\n"],["\n ","\n ","\n"])),N("margin-left",(function(n){return n.$mh}),G),N("margin-right",(function(n){return n.$mh}),G)),Qn=e(_||(_=v(["\n ","\n ","\n"],["\n ","\n ","\n"])),N("margin-top",(function(n){return n.$mv}),G),N("margin-bottom",(function(n){return n.$mv}),G)),Zn=e(J||(J=v(["\n ","\n"],["\n ","\n"])),N("margin-left",(function(n){return n.$ml}),G)),Vn=e(K||(K=v(["\n ","\n"],["\n ","\n"])),N("margin-right",(function(n){return n.$mr}),G)),Xn=e(nn||(nn=v(["\n ","\n"],["\n ","\n"])),N("margin-top",(function(n){return n.$mt}),G)),_n=e(en||(en=v(["\n ","\n"],["\n ","\n"])),N("margin-bottom",(function(n){return n.$mb}),G)),Jn=e(rn||(rn=v(["\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n"],["\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n"])),Un,Hn,Qn,Zn,Vn,Xn,_n),Kn=e(tn||(tn=v(["\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n"],["\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n"])),On,Gn,Fn,Rn,Pn,Wn,Yn),ne=e(on||(on=v(["\n ","\n ","\n"],["\n ","\n ","\n"])),Kn,Jn),ee={"border-solid-none":0,"border-solid-s":1,"border-solid-m":2,"border-solid-l":3,"border-solid-xl":4},re={"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},te=function(n){if(null!=n)return n in ee?"".concat(D(ee[n]),"rem solid"):void 0},oe=function(n){if(null!=n)return n in re?"".concat(D(re[n]),"rem"):void 0},ie=e(an||(an=v(["\n ","\n"],["\n ","\n"])),N("border",(function(n){return n.$ba}),te)),ae=e(dn||(dn=v(["\n ","\n"],["\n ","\n"])),N("border-top",(function(n){return n.$bt}),te)),de=e(cn||(cn=v(["\n ","\n"],["\n ","\n"])),N("border-right",(function(n){return n.$br}),te)),ce=e(ln||(ln=v(["\n ","\n"],["\n ","\n"])),N("border-bottom",(function(n){return n.$bb}),te)),le=e(sn||(sn=v(["\n ","\n"],["\n ","\n"])),N("border-left",(function(n){return n.$bl}),te)),se=e(un||(un=v(["\n ","\n ","\n"],["\n ","\n ","\n"])),N("border-left",(function(n){return n.$bh}),te),N("border-right",(function(n){return n.$bh}),te)),ue=e(bn||(bn=v(["\n ","\n ","\n"],["\n ","\n ","\n"])),N("border-top",(function(n){return n.$bv}),te),N("border-bottom",(function(n){return n.$bv}),te)),be=e(gn||(gn=v(["\n ","\n"],["\n ","\n"])),N("border-color",(function(n){return n.$borderColor}),w)),ge=e(hn||(hn=v(["\n ","\n"],["\n ","\n"])),N("border-radius",(function(n){return n.$borderRadius}),oe)),he=e(pn||(pn=v(["\n ","\n"],["\n ","\n"])),N("border-top-left-radius",(function(n){return n.$btlr}),oe)),pe=e(vn||(vn=v(["\n ","\n"],["\n ","\n"])),N("border-top-right-radius",(function(n){return n.$btrr}),oe)),ve=e(mn||(mn=v(["\n ","\n"],["\n ","\n"])),N("border-bottom-left-radius",(function(n){return n.$bblr}),oe)),me=e(fn||(fn=v(["\n ","\n"],["\n ","\n"])),N("border-bottom-right-radius",(function(n){return n.$bbrr}),oe)),fe=e($n||($n=v(["\n ","\n ","\n"],["\n ","\n ","\n"])),N("border-top-left-radius",(function(n){return n.$btr}),oe),N("border-top-right-radius",(function(n){return n.$btr}),oe)),$e=e(wn||(wn=v(["\n ","\n ","\n"],["\n ","\n ","\n"])),N("border-bottom-left-radius",(function(n){return n.$bbr}),oe),N("border-bottom-right-radius",(function(n){return n.$bbr}),oe)),we=e(xn||(xn=v(["\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"])),ie,ae,de,ce,le,se,ue,be,ge,he,pe,ve,me,fe,$e),xe=e(yn||(yn=v(["\n ","\n"],["\n ","\n"])),N("display",(function(n){return n.$display}))),ye={"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%)"},ke=function(n){if(n)return n in ye?ye[n]:void 0},Ce=e(kn||(kn=v(["\n ","\n"],["\n ","\n"])),N("box-shadow",(function(n){return n.$dropShadow}),ke)),Ee={transparent:0,"semi-transparent":.25,"semi-opaque":.5,opaque:1},je=e(Cn||(Cn=v(["\n ","\n"],["\n ","\n"])),N("opacity",(function(n){return n.$opacity}),(function(n){if(n)return n in Ee?Ee[n]:void 0}))),Ie=e(En||(En=v(["\n ","\n ","\n"],["\n ","\n ","\n"])),N("transform",(function(n){return n.$transform})),N("transform-origin",(function(n){return n.$transformOrigin}))),ze={"standard-ease":"all 0.3s ease","standard-transform":"rotate(-2deg) translateY(-16px) translateX(8px)"},Se=e(jn||(jn=v(["\n ","\n"],["\n ","\n"])),N("transition",(function(n){return n.$transition}),(function(n){if(n)return n in ze?ze[n]:void 0}))),Me={"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},Ne={"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"]},Be=e(In||(In=v(["\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"])),N("font-weight",(function(n){return n.$font}),(function(n){var e;if(n)return null===(e=Ne[n])||void 0===e?void 0:e[2]})),N("font-size",(function(n){return n.$font}),(function(n){var e;if(n){var r=null===(e=Ne[n])||void 0===e?void 0:e[0];if(r)return"".concat(D(Me[r]),"rem")}})),N("line-height",(function(n){return n.$font}),(function(n){var e;if(n){var r=null===(e=Ne[n])||void 0===e?void 0:e[1];if(r)return"".concat(D(r),"rem")}})),N("letter-spacing",(function(n){return n.$font}),(function(n){var e;if(n)return null===(e=Ne[n])||void 0===e?void 0:e[3]})),N("text-align",(function(n){return n.$textAlign})),N("text-decoration",(function(n){return n.$textDecoration})),N("white-space",(function(n){return n.$whiteSpace})),N("word-wrap",(function(n){return n.$wordWrap})),N("text-overflow",(function(n){return n.$textOverflow}))),Ae={behind:-1,neutral:0,"in-front":1,"mobile-filters":2,"fixed-header":100,"modal-close-button":150,"modal-dialog":300},Te=e(zn||(zn=v(["\n ","\n"],["\n ","\n"])),N("z-index",(function(n){return n.$zIndex}),(function(n){if(null!=n)return Ae[n]}))),De=e(Mn||(Mn=v(["\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"])),Ln,qn,ne,B,we,xe,Ce,je,Ie,Se,Be,Te,(function(n){return n.onClick&&e(Sn||(Sn=v(["\n :hover {\n cursor: pointer;\n }\n "],["\n :hover {\n cursor: pointer;\n }\n "])))})),Le=n.div(Nn||(Nn=v(["\n ","\n"],["\n ","\n"])),De),qe=e(Bn||(Bn=v(["\n display: flex;\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n"],["\n display: flex;\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n"])),N("flex-direction",(function(n){return n.$flexDirection})),N("flex-wrap",(function(n){return n.$flexWrap})),N("align-items",(function(n){return n.$alignItems})),N("align-content",(function(n){return n.$alignContent})),N("justify-content",(function(n){return n.$justifyContent})),N("align-self",(function(n){return n.$alignSelf})),N("order",(function(n){return n.$order})),N("flex-grow",(function(n){return n.$flexGrow})),N("flex-shrink",(function(n){return n.$flexShrink})),N("flex-basis",(function(n){return n.$flexBasis}),G),N("gap",(function(n){return n.$gap}),G),N("column-gap",(function(n){return n.$columnGap}),G),N("row-gap",(function(n){return n.$rowGap}),G)),Oe=n(Le)(An||(An=v(["\n ","\n"],["\n ","\n"])),qe),Ge=n.span(Tn||(Tn=v(["\n ","\n ","\n ","\n ","\n ","\n ","\n"],["\n ","\n ","\n ","\n ","\n ","\n ","\n"])),B,je,Jn,Kn,we,Be),Fe=n.form(Dn||(Dn=v(["\n ","\n"],["\n ","\n"])),De);function Re(n){if(null!=n)return n in f?f[n]:$.includes(n)?function(e){var r=e.theme.uiColors[n];if(r&&r in f)return f[r]}:void 0}var Pe,We,Ye,Ue,He,Qe,Ze,Ve,Xe,_e,Je,Ke,nr,er=e(Pe||(Pe=v(["\n ","\n"],["\n ","\n"])),N("filter",(function(n){return n.$colorFilter}),Re)),rr=n(s)(Ye||(Ye=v(["\n ","\n ","\n object-fit: contain;\n"],["\n ","\n ","\n object-fit: contain;\n"])),er,(function(n){return n.onClick&&e(We||(We=v(["\n :hover {\n cursor: pointer;\n }\n "],["\n :hover {\n cursor: pointer;\n }\n "])))})),tr=n(s)(He||(He=v(["\n ","\n ","\n width: 100%;\n height: auto;\n"],["\n ","\n ","\n width: 100%;\n height: auto;\n"])),er,(function(n){return n.onClick&&e(Ue||(Ue=v(["\n :hover {\n cursor: pointer;\n }\n "],["\n :hover {\n cursor: pointer;\n }\n "])))})),or=function(n){var e=h(n,[]),r=e.as,t=e.src,i=e.alt,a=e.width,d=e.height,c=e.sizes,l=e.$width,u=void 0===l?"100%":l,b=e.$position,p=void 0===b?"relative":b,v=e.$colorFilter,m=e.placeholder,f=void 0===m?"oak":m,$=e.unoptimized,w=e.imageProps,x=h(e,["as","src","alt","width","height","sizes","$width","$position","$colorFilter","placeholder","unoptimized","imageProps"]),y="oak"===f?"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNjEiIGhlaWdodD0iMTUxIiBmaWxsPSJub25lIj48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxnIGNsaXAtcGF0aD0idXJsKCNiKSI+PGcgY2xpcC1wYXRoPSJ1cmwoI2MpIj48cGF0aCBmaWxsPSIjRTdGNkY1IiBkPSJNLTIwLTloMzAydjE3MC4wMTFILTIweiIvPjxwYXRoIGZpbGw9IiMyMjIiIGQ9Ik0xMjcuNzc5IDYzLjE4MWEyNy4xNDYgMjcuMTQ2IDAgMCAwLTMuOCAxLjYgMTYuNjk1IDE2LjY5NSAwIDAgMC03LjEgOC40YzAgLjEtLjEuMi0uMS4zLS43IDIuNC0uNiAyIDEuMyAyLjMgMS45LjMgMSAuNSAxIDEuMy0uMSA4LjggNC4xIDE1LjEgMTEuNCAxOS42YTEuNDk4IDEuNDk4IDAgMCAwIDEuNy4yYzUuNy0yLjYgOS4zLTcgMTAuMy0xMy4yYTEuMDAxIDEuMDAxIDAgMCAxIDEtMWwzLS4yYy44IDAgMS4zLjIgMS4yIDEuMmExNy45MDggMTcuOTA4IDAgMCAxLTMuMiA5LjIgMjMuNyAyMy43IDAgMCAxLTEwLjkgOS4xIDUuNDA2IDUuNDA2IDAgMCAxLTQuNS0uMiAyNi4yOSAyNi4yOSAwIDAgMS04LjUtNi42IDI1Ljg4OSAyNS44ODkgMCAwIDEtNi40LTE0LjRjMC0uNi0uMi0uNy0uOC0uOC0yLjUtLjQtMi41LS4xLTIuMy0yLjlhMTkuMjkgMTkuMjkgMCAwIDEgMTAuOC0xNi42IDM4Ljk1MyAzOC45NTMgMCAwIDEgNS43LTIuMWMuNDU3LS4zLjc4LS43NjYuOS0xLjNhMTQuMDk1IDE0LjA5NSAwIDAgMSAzLjUtNi4zbC4zLS4zYzEuOS0yIDIuNi0yIDQuMy4ybC40LjVjMS4xIDEuMSAxIDEuNS0uMSAyLjZhMTEuODgzIDExLjg4MyAwIDAgMC0zLjIgNC40YzIuNjQ1LjE2OCA1LjIxNS45NTYgNy41IDIuMyA1LjcgMy41IDkuMiA4LjMgOS45IDE1IC4wMTYuOTAxLS4wMTcgMS44MDMtLjEgMi43IDAgLjgtLjYgMS0xLjIgMS4yYTE2LjEgMTYuMSAwIDAgMS0xMS0uNyAxNy45IDE3LjkgMCAwIDEtMTAuOS0xMy42IDkuNzQyIDkuNzQyIDAgMCAxLS4xLTEuOVptMTguMSAxMi4yYy40LTUuNS02LjktMTIuNi0xMy0xMi4xLjUgNi41IDcuNiAxMi44IDEzIDEyLjFaIiBvcGFjaXR5PSIuMSIvPjwvZz48L2c+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGgyNjF2MTUxSDB6Ii8+PC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9ImIiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0tMjAtOWgzMDJ2MTcwLjAxMUgtMjB6Ii8+PC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9ImMiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0tMjAtOWgzMDJ2MTcwLjAxMUgtMjB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+":f;return a&&d?o.createElement(Le,g({$maxWidth:"all-spacing-0",$position:p},x),o.createElement(tr,g({as:null!=r?r:s,src:t,alt:i,width:a,height:d,sizes:c,unoptimized:$,$colorFilter:v,placeholder:y},w))):o.createElement(Le,g({$position:p,$width:u},x),o.createElement(rr,g({as:null!=r?r:s,src:t,alt:i,sizes:c,fill:!0,$colorFilter:v,placeholder:y,unoptimized:$},w)))},ir=n(Le)(Qe||(Qe=v(["\n ","\n"],["\n ","\n"])),Be),ar=["div","h1","h2","h3","h4","h5","h6"],dr=function(n){var e=n.tag,r=n.ariaLabel,t=n.ariaHidden,i=h(n,["tag","ariaLabel","ariaHidden"]),a=e;return o.createElement(a,g({},i,{"aria-label":r,"aria-hidden":t}))},cr=n(dr)(Ze||(Ze=v(["\n ","\n ","\n ","\n ","\n"],["\n ","\n ","\n ","\n ","\n"])),Be,Jn,B,je),lr=n.p(Ve||(Ve=v(["\n ","\n ","\n ","\n\n a {\n color: ",";\n }\n"],["\n ","\n ","\n ","\n\n a {\n color: ",";\n }\n"])),Be,B,Jn,(function(n){return n.theme&&n.theme.uiColors&&n.theme.uiColors["text-link-active"]})),sr=n.ul(_e||(_e=v(["\n ","\n margin: 0;\n ","\n"],["\n ","\n margin: 0;\n ","\n"])),(function(n){return n.$reset&&e(Xe||(Xe=v(["\n list-style: none;\n padding: 0;\n "],["\n list-style: none;\n padding: 0;\n "])))}),De),ur=n.ol(Je||(Je=v(['\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(n){return n.theme&&n.theme.uiColors&&n.theme.uiColors["text-link-active"]}),Jn,B,Be),br=e(Ke||(Ke=v(["\n ","\n"],["\n ","\n"])),N("list-style",(function(n){return n.$listStyle}))),gr=n.li(nr||(nr=v(["\n ","\n ","\n ","\n ","\n"],["\n ","\n ","\n ","\n ","\n"])),De,Be,br,xe);gr.defaultProps={$display:"revert"};var hr,pr=n.label(hr||(hr=v(["\n ","\n ","\n"],["\n ","\n ","\n"])),Be,B),vr={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":"v1699895398/icons/fv0z57zerrioft52dd9n.svg","worksheet-3":"v1699895429/icons/bzhojpjxp9rukdvh7daz.svg","chevron-right":"v1699895475/icons/rhzft6wnpdp3nvsmlyei.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":"v1699953763/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":"v1699953962/icons/xpp10hijwzhyeqt6ylqf.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","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"},mr=Object.keys(vr);function fr(n){return mr.includes(n)}var $r,wr,xr,yr,kr,Cr=function(n){var e=n.iconName,r=n.alt,t=n.$width,i=void 0===t?"all-spacing-7":t,a=n.$height,d=void 0===a?"all-spacing-7":a;n.imageProps;var c=h(n,["iconName","alt","$width","$height","imageProps"]);return o.createElement(or,g({src:"https://".concat(process.env.NEXT_PUBLIC_OAK_ASSETS_HOST,"/").concat(process.env.NEXT_PUBLIC_OAK_ASSETS_PATH,"/").concat(vr[e]),alt:null!=r?r:e,$width:i,$height:d,placeholder:"empty",unoptimized:!0},c))},Er=e($r||($r=v(["\n ","\n ","\n ","\n ","\n ","\n"],["\n ","\n ","\n ","\n ","\n ","\n"])),N("row-gap",(function(n){return n.$rg}),G),N("column-gap",(function(n){return n.$cg}),G),N("grid-auto-rows",(function(n){return n.$gridAutoRows})),N("grid-template-areas",(function(n){return n.$gridTemplateAreas})),N("grid-template-columns",(function(n){return n.$gridTemplateColumns}))),jr=n(Le)(wr||(wr=v(["\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"])),Er),Ir=function(n,e){return n?"".concat(n,"/").concat(e):"".concat(e)},zr=function(n){if(null==n?void 0:n.includes("/")){var e=p(n.split("/"),2),r=e[0],t=e[1];return"".concat(r," / span ").concat(t)}return"span ".concat(n)},Sr=e(xr||(xr=v(["\n flex-direction: column;\n ",";\n ",";\n ",";\n ",";\n ","\n ","\n ","\n"],["\n flex-direction: column;\n ",";\n ",";\n ",";\n ",";\n ","\n ","\n ","\n"])),N("grid-column",(function(n){return Array.isArray(n.$colSpan)?n.$colSpan.map((function(e,r){return Ir(Array.isArray(n.$colStart)?n.$colStart[r]:n.$colStart,e)})):Ir(Array.isArray(n.$colStart)?n.$colStart[0]:n.$colStart,n.$colSpan)}),(function(n){return zr(n)})),N("grid-row",(function(n){return Array.isArray(n.$rowSpan)?n.$rowSpan.map((function(e,r){return Ir(Array.isArray(n.$rowStart)?n.$rowStart[r]:n.$rowStart,e)})):Ir(Array.isArray(n.$rowStart)?n.$rowStart[0]:n.$rowStart,n.$rowSpan)}),(function(n){return zr(n)})),N("order",(function(n){return n.$order}),(function(n){return n&&"".concat(n)})),N("grid-row",(function(n){return n.$rowSpan?"span ".concat(n.$rowSpan):"span 1"})),N("grid-column-start",(function(n){return n.$colStart})),N("grid-column-end",(function(n){return n.$colEnd})),N("grid-row-start",(function(n){return n.$rowStart}))),Mr=n(Oe)(yr||(yr=v(["\n ","\n"],["\n ","\n"])),Sr),Nr=function(n){var e=n.theme,t=n.children;return o.createElement(r,{theme:e},t)},Br=n(Oe)(kr||(kr=v([""],[""])));function Ar(n,e){return n.toString().replace(function(n){var e=new URL(u({src:"canary.jpg"},n));return e.origin+"/image/upload/"}(e),"")}Br.defaultProps={$maxWidth:["all-spacing-21","all-spacing-24"],$ph:["inner-padding-none","inner-padding-s"],$flexDirection:"column",$flexGrow:1,$width:"100%",$mh:"auto"};var Tr,Dr,Lr,qr,Or,Gr,Fr,Rr,Pr,Wr,Yr,Ur,Hr,Qr,Zr,Vr,Xr,_r,Jr,Kr,nt,et,rt,tt=i(void 0),ot=tt.Provider,it=function(n){var e=n.cloudinaryId,r=n.unoptimized,t=void 0===r?e.endsWith(".svg"):r,i=h(n,["cloudinaryId","unoptimized"]),d=a(tt),c=Ar(e,d);return o.createElement(or,g({as:b,src:c,imageProps:{config:d},unoptimized:t},i))},at=function(n){var e=n.children;return e?o.createElement(Oe,{$alignItems:"center",$flexDirection:"row"},o.createElement(Oe,{$alignSelf:"flex-start",$mr:"space-between-s"},o.createElement(Cr,{iconName:"content-guidance",$colorFilter:"red"})),o.createElement(Ge,{$color:"red"},e)):null},dt=e(Tr||(Tr=v(["\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"]))),ct=n.span(Dr||(Dr=v(["\n ","\n"],["\n ","\n"])),dt),lt=t(Lr||(Lr=v(["\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"]))),st=n.span(Fr||(Fr=v(["\n ",'\n --inner-width: calc(var(--width) / 10 * 8);\n --thickness: calc(var(--width) / 12);\n\n position: absolute;\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 position: absolute;\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?N("--width",(function(n){return n.$width}),G):e(qr||(qr=v(["\n --width: 1.25rem;\n "],["\n --width: 1.25rem;\n "])))}),(function(n){return n.loaderColor?e(Or||(Or=v(["\n border-color: "," ","\n "," transparent;\n "],["\n border-color: "," ","\n "," transparent;\n "])),n.loaderColor,n.loaderColor,n.loaderColor):e(Gr||(Gr=v(["\n border-color: currentcolor currentcolor currentcolor transparent;\n "],["\n border-color: currentcolor currentcolor currentcolor transparent;\n "])))}),lt,B),ut=function(n){return o.createElement(st,g({},n),o.createElement(ct,null,"Loading"))},bt=e(Rr||(Rr=v(["\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"])),Be,B,ne,xe,we,Ce),gt=n((function(n){var e=n.onClick,r=n.onHovered,t=n.element,i=void 0===t?"button":t,a=h(n,["onClick","onHovered","element"]),c=d(Date.now());return o.createElement(i,g({},a,{onClick:function(n){e&&e(n)},onMouseEnter:function(){c.current=Date.now()},onMouseLeave:function(n){var e=Date.now()-c.current;r&&r(n,e)}}))}))(Pr||(Pr=v(["\n ","\n"],["\n ","\n"])),bt),ht=n(gt)(Yr||(Yr=v(["\n ","\n ","\n display: inline-block;\n ","\n"],["\n ","\n ","\n display: inline-block;\n ","\n"])),Ln,qn,(function(n){return e(Wr||(Wr=v(["\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 "])),w(n.$hoverTextColor),w(n.$hoverBackground),w(n.$hoverBorderColor),w(n.$defaultBackground),w(n.$defaultBorderColor),w(n.$defaultTextColor),w(n.$disabledBackground),w(n.$disabledBorderColor),w(n.$disabledTextColor))})),pt=n(Le)(Ur||(Ur=v(["\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 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 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"])),ke("drop-shadow-centered-grey"),ke("drop-shadow-centered-lemon"),ke("drop-shadow-lemon"),ke("drop-shadow-grey"),ke("drop-shadow-lemon")),vt=function(n){var e=n.element,r=void 0===e?"button":e,t=n.children,i=n.iconName,a=n.isTrailingIcon,d=n.isLoading,c=n.disabled,l=n.width,s=n.maxWidth,u=n.defaultBackground,b=n.defaultBorderColor,p=n.defaultTextColor,v=n.disabledTextColor,m=n.hoverTextColor,f=n.hoverBackground,$=n.hoverBorderColor,w=n.disabledBackground,x=n.disabledBorderColor,y=h(n,["element","children","iconName","isTrailingIcon","isLoading","disabled","width","maxWidth","defaultBackground","defaultBorderColor","defaultTextColor","disabledTextColor","hoverTextColor","hoverBackground","hoverBorderColor","disabledBackground","disabledBorderColor"]),k=o.createElement(o.Fragment,null,i&&o.createElement(Cr,{iconName:i,$width:"all-spacing-6",$height:"all-spacing-6",$colorFilter:n.disabled?v:p})),C=o.createElement(Le,{$width:"all-spacing-6",$height:"all-spacing-6"},o.createElement(ut,{$width:"all-spacing-6"})),E=o.createElement(o.Fragment,null,d&&!c?C:k);return o.createElement(pt,{className:"button-wrapper",$position:"relative",$width:l,$maxWidth:s},o.createElement(Le,{className:"grey-shadow",$position:"absolute",$borderRadius:"border-radius-s",$width:"100%",$height:"100%"}),o.createElement(Le,{className:"yellow-shadow",$position:"absolute",$borderRadius:"border-radius-s",$width:"100%",$height:"100%"}),o.createElement(ht,g({element:r,className:"internal-button",$ba:"border-solid-m",$background:u,$borderColor:b,$color:p,$pv:"inner-padding-xs",$ph:"inner-padding-s",$borderRadius:"border-radius-s",$position:"relative",disabled:c||d,$width:"100%",$height:"100%",$hoverTextColor:m,$hoverBackground:f,$hoverBorderColor:$,$defaultTextColor:p,$defaultBackground:u,$defaultBorderColor:b,$disabledTextColor:v,$disabledBackground:w,$disabledBorderColor:x},y),o.createElement(Oe,{$flexDirection:"row",$alignItems:"center",$gap:"space-between-ssx",$justifyContent:"center"},!a&&E,o.createElement(Ge,{$font:"body-1-bold"},t),a&&E)))},mt=function(n){var e=n.element,r=h(n,["element"]);return o.createElement(vt,g({element:null!=e?e:"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"},r))},ft=function(n){var e=n.element,r=h(n,["element"]);return o.createElement(vt,g({element:null!=e?e:"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"},r))},$t=n(gt)(Qr||(Qr=v(["\n ","\n ","\n ","\n"],["\n ","\n ","\n ","\n"])),Ln,qn,(function(n){return e(Hr||(Hr=v(["\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 "])),w(n.$hoverTextColor),w(n.$defaultTextColor),w(n.$disabledTextColor))})),wt=n(Le)(Vr||(Vr=v(["\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"])),ke("drop-shadow-centered-lemon"),ke("drop-shadow-centered-grey"),ke("drop-shadow-lemon"),ke("drop-shadow-lemon"),ke("drop-shadow-grey"),(function(n){return e(Zr||(Zr=v(["\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 "])),w(n.$disabledIconBackground),w(n.$hoverIconBackground),w(n.$defaultIconBackground))})),xt=function(n){var e=n.element,r=void 0===e?"button":e,t=n.children,i=n.iconName,a=n.isTrailingIcon,d=n.isLoading,c=n.disabled,l=n.width,s=n.maxWidth,u=n.iconBackgroundSize,b=n.iconSize,p=n.disabledIconBackground,v=n.disabledTextColor,m=n.defaultIconColor,f=n.hoverIconBackground,$=n.defaultIconBackground,w=n.disabledIconColor,x=n.defaultTextColor,y=n.hoverTextColor,k=h(n,["element","children","iconName","isTrailingIcon","isLoading","disabled","width","maxWidth","iconBackgroundSize","iconSize","disabledIconBackground","disabledTextColor","defaultIconColor","hoverIconBackground","defaultIconBackground","disabledIconColor","defaultTextColor","hoverTextColor"]),C=o.createElement(o.Fragment,null,i&&o.createElement(Cr,{iconName:i,$width:b,$height:b,$colorFilter:n.disabled?w:m||null})),E=o.createElement(Le,{$width:b,$height:b},o.createElement(ut,{$width:b,loaderColor:"white"})),j=o.createElement(Oe,{className:"icon-container",$background:n.defaultIconBackground,$color:n.defaultTextColor,$borderRadius:"border-radius-circle",$position:"relative",$width:u,$height:u,$alignItems:"center",$justifyContent:"center",$minWidth:u},o.createElement(Le,{className:"shadow",$position:"absolute",$borderRadius:"border-radius-circle",$width:"100%",$height:"100%"}),d&&!c?E:C);return o.createElement(wt,{className:"button-wrapper",$position:"relative",$width:l,$maxWidth:s,$disabledIconBackground:p,$hoverIconBackground:f,$defaultIconBackground:$},o.createElement($t,g({element:null!=r?r:"button"},k,{$hoverTextColor:y,$defaultTextColor:x,$disabledTextColor:v,$color:x,$position:"relative",disabled:c||d}),o.createElement(Oe,{$flexDirection:"row",$alignItems:"center",$gap:"space-between-xs",$justifyContent:"center"},!a&&j,o.createElement(Ge,{$font:"body-1-bold"},t),a&&j)))},yt=function(n){var e=n.element,r=n.isTrailingIcon,t=n.iconName,i=n.children,a=h(n,["element","isTrailingIcon","iconName","children"]);return o.createElement(xt,g({element:null!=e?e:"button"},a,{isTrailingIcon:r,iconName:t,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"}),i)},kt=i({currentValue:"default",name:"default"}),Ct=function(n){var e=n.name,r=n.children,t=n.label,i=n.onChange,a=n.$font,d=void 0===a?"body-1-bold":a,l=n.$gap,s=void 0===l?"space-between-s":l,u=n.disabled,b=n.value,v=n.defaultValue,m=void 0===v?"":v,f=h(n,["name","children","label","onChange","$font","$gap","disabled","value","defaultValue"]),$=p(c(m),2),w=$[0],x=$[1];return o.createElement(Oe,g({role:"radiogroup",$gap:s},f),t&&o.createElement(pr,{$font:d},t),o.createElement(kt.Provider,{value:{currentValue:null!=b?b:w,name:e,disabled:u,onValueUpdated:function(n){void 0===b&&x(n.target.value),i&&i(n)}}},r))},Et=n(pr)(_r||(_r=v(["\n ","\n\n display: flex;\n ","\n ","\n"],["\n ","\n\n display: flex;\n ","\n ","\n"])),(function(n){return!n.disabled&&e(Xr||(Xr=v(["\n cursor: pointer;\n "],["\n cursor: pointer;\n "])))}),N("gap",(function(n){return n.$labelGap}),G),N("align-items",(function(n){return n.$labelAlignItems}))),jt=n.input.attrs({type:"radio"})(Kr||(Kr=v(["\n position: absolute;\n opacity: 0;\n ","\n"],["\n position: absolute;\n opacity: 0;\n ","\n"])),(function(n){return!n.disabled&&e(Jr||(Jr=v(["\n cursor: pointer;\n "],["\n cursor: pointer;\n "])))})),It=n(Oe)(et||(et=v(["\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(nt||(nt=v(["\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 }"])),jt,G("all-spacing-7"),G("all-spacing-7"),te("border-solid-m"),w("grey60"),"inset 0 0 0 0.13rem ".concat(w("lemon")))}),jt,(function(n){return G(n.$radioInnerSize)}),(function(n){return G(n.$radioInnerSize)}),w("black"),te("border-solid-m"),w("white")),zt=n(It)(rt||(rt=v(["\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"])),jt,(function(n){return G(n.$radioInnerSize)}),(function(n){return G(n.$radioInnerSize)}),w("bg-btn-primary-disabled"),te("border-solid-m"),w("white")),St=l((function(n,e){var r=a(kt),t=r.currentValue,i=r.name,d=r.onValueUpdated,c=n.id,l=n.label,s=n.value,u=n.tabIndex,b=n.disabled,p=n.$labelGap,v=void 0===p?"space-between-ssx":p,m=n.$labelAlignItems,f=void 0===m?"center":m,$=n.$font,w=void 0===$?"body-1":$,x=n["data-testid"],y=n.disableFocusRing,k=void 0!==y&&y,C=n.radioInnerSize,E=void 0===C?"all-spacing-4":C,j=n.radioOuterSize,I=void 0===j?"all-spacing-6":j,z=n.radioBorderWidth,S=void 0===z?"border-solid-m":z,M=n.checkedRadioBorderWidth,N=void 0===M?"border-solid-m":M,B=h(n,["id","label","value","tabIndex","disabled","$labelGap","$labelAlignItems","$font","data-testid","disableFocusRing","radioInnerSize","radioOuterSize","radioBorderWidth","checkedRadioBorderWidth"]),A=s===t,T=b||r.disabled,D=A?N:S;return o.createElement(Le,g({},B),o.createElement(Et,{htmlFor:c,$labelAlignItems:f,$labelGap:v,$font:w,"data-testid":x,disabled:T},o.createElement(jt,{name:i,id:c,value:s,onChange:d,checked:s===t,tabIndex:u,disabled:T,ref:e}),T?o.createElement(zt,{$height:I,$width:I,$ba:D,$borderColor:"bg-btn-primary-disabled",$flexGrow:0,$flexShrink:0,$alignItems:"center",$justifyContent:"center",$background:"white",$disableFocusRing:!!k,$radioInnerSize:E}):o.createElement(It,{$height:I,$width:I,$ba:D,$borderColor:"black",$flexGrow:0,$flexShrink:0,$alignItems:"center",$justifyContent:"center",$background:"white",$disableFocusRing:!!k,$radioInnerSize:E}),l))})),Mt=n(l((function(n,e){var r=n.onHovered,t=h(n,["onHovered"]),i=d(Date.now());return o.createElement("input",g({ref:e,type:"checkbox",onMouseEnter:function(){i.current=Date.now()},onMouseLeave:function(){var e=Date.now()-i.current;r&&r(n.value,n.id,e)}},t,{name:n.id}))})))(Tt||(Tt=v(["\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"])),we,B,ne,qn,(function(n){return e(At||(At=v(["\n background: ",";\n "],["\n background: ",";\n "])),w(n.$checkedBackground))}));Mt.defaultProps={$borderRadius:"border-radius-xs",$ba:"border-solid-m",$borderColor:"text-primary",$checkedBackground:"text-primary"};var Nt=n(Mt)(qt||(qt=v(['\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(Dt||(Dt=v(["\n ","\n "],["\n ","\n "])),oe(n.$hoverBorderRadius))}),(function(n){return e(Lt||(Lt=v(["\n ","\n "],["\n ","\n "])),w(n.$checkedBackground))}));Nt.defaultProps={$hoverBorderRadius:"border-radius-xs"};var Bt=e(Ot||(Ot=v(["\n &:focus-visible {\n box-shadow: ",";\n }\n"],["\n &:focus-visible {\n box-shadow: ",";\n }\n"])),ke("drop-shadow-centered-lemon"));n(Mt)(Gt||(Gt=v(["\n ","\n"],["\n ","\n"])),Bt);var At,Tt,Dt,Lt,qt,Ot,Gt,Ft,Rt,Pt,Wt,Yt,Ut,Ht,Qt,Zt,Vt,Xt,_t,Jt,Kt,no,eo=n(Nt)(Ft||(Ft=v(["\n ","\n"],["\n ","\n"])),Bt),ro=n(pr)(Rt||(Rt=v(["\n display: flex;\n align-items: center;\n ","\n ","\n"],["\n display: flex;\n align-items: center;\n ","\n ","\n"])),N("gap",(function(n){return n.labelGap}),G),N("align-items",(function(n){return n.labelAlignItems}))),to=n(ro)(Yt||(Yt=v(["\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(Pt||(Pt=v(["\n pointer-events: none;\n "],["\n pointer-events: none;\n "]))):e(Wt||(Wt=v(["\n cursor: pointer;\n "],["\n cursor: pointer;\n "])))}),(function(n){return n.disabled?"none":"underline"})),oo=n(Le)(Ut||(Ut=v(["\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"]))),io=function(n){var e=n.size,r=void 0===e?"all-spacing-6":e,t=n.iconPadding,i=void 0===t?"inner-padding-none":t,a=n.internalCheckbox,d=n.checkedIcon,c=void 0===d?o.createElement(Cr,{iconName:"tick",$width:"100%",$height:"100%",$colorFilter:"white"}):d;return o.createElement(Le,{$position:"relative",$width:r,$height:r},a,o.createElement(oo,{$position:"absolute",$top:"all-spacing-0",$left:"all-spacing-0",$pa:i,$width:r,$height:r},c))},ao=function(n){var e=n.id,r=n.value,t=n.displayValue,i=void 0===t?r:t,a=n.disabled,c=void 0!==a&&a,l=n.defaultChecked,s=void 0!==l&&l,u=n.onChange,b=n.onFocus,g=n.onBlur,h=n.onHovered,p=n.iconPadding,v=void 0===p?"inner-padding-none":p,m=n.hoverBorderRadius,f=void 0===m?"border-radius-xs":m,$=n.checkboxSize,w=void 0===$?"all-spacing-6":$,x=n.checkboxBorder,y=void 0===x?"border-solid-m":x,k=n.checkboxBorderRadius,C=void 0===k?"border-radius-xs":k,E=n.defaultColor,j=void 0===E?"text-primary":E,I=n.disabledColor,z=void 0===I?"text-disabled":I,S=n.labelGap,M=void 0===S?"space-between-s":S,N=n.labelAlignItems,B=void 0===N?"center":N,A=n.checkedBackgroundFill,T=void 0===A||A,D=n.checkedIcon,L=d(Date.now()),q=c?z:j;return o.createElement(ro,{htmlFor:e,labelGap:M,labelAlignItems:B,$color:q,disabled:c,onMouseEnter:function(){L.current=Date.now()},onMouseLeave:function(){var n=Date.now()-L.current;h&&h(r,e,n)},"data-testid":n["data-testid"]},o.createElement(io,{size:w,internalCheckbox:o.createElement(eo,{id:e,value:r,$width:w,$height:w,$ba:y,$borderRadius:C,$borderColor:q,$checkedBackground:T?q:null,$hoverBorderRadius:f,onChange:u,onFocus:b,onBlur:g,defaultChecked:s,disabled:c}),checkedIcon:D,iconPadding:v}),i)},co=n.input(Ht||(Ht=v(["\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"])),M("small"),(function(n){var e=n.theme;return e&&e.uiColors&&w(e.uiColors["text-subdued"])}),ne,qn),lo=function(n){n.onInitialFocus,n.onFocus;var e=h(n,["onInitialFocus","onFocus"]),r=d(!1);return o.createElement(co,g({},e,{onFocus:function(e){!r.current&&n.onInitialFocus&&(n.onInitialFocus(e),r.current=!0),n.onFocus&&n.onFocus(e)}}))},so=n(Oe)(Xt||(Xt=v(["\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(n){return n.$focusRingDropShadows.map((function(n){return ke(n)})).join(",")}),(function(n){return w(n.$background)}),(function(n){return!n.$readOnly&&e(Qt||(Qt=v(["\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 "])),w(n.$hoverBackground))}),(function(n){return n.$readOnly&&e(Zt||(Zt=v(["\n border-color: ",";\n color: ",";\n "],["\n border-color: ",";\n color: ",";\n "])),w(n.$readOnlyBorderColor),w(n.$readOnlyColor))}),(function(n){return n.$disabled&&e(Vt||(Vt=v(["\n background: ",";\n color: ",";\n &:hover {\n cursor: not-allowed;\n }\n "],["\n background: ",";\n color: ",";\n &:hover {\n cursor: not-allowed;\n }\n "])),w(n.$disabledBackgroundColor),w(n.$disabledColor))})),uo=function(n){var e,r,t,i=n.type,a=void 0===i?"text":i,d=n.borderColor,c=void 0===d?"border-primary":d,l=n.readOnlyBorderColor,s=void 0===l?"border-neutral":l,u=n.focusRingDropShadows,b=void 0===u?["drop-shadow-centered-lemon","drop-shadow-centered-grey"]:u,p=n.background,v=void 0===p?"bg-primary":p,m=n.hoverBackground,f=void 0===m?"bg-neutral":m,$=n.disabledBackgroundColor,w=void 0===$?"bg-neutral":$,x=n.color,y=void 0===x?"text-primary":x,k=n.disabledColor,C=void 0===k?"text-disabled":k,E=n.readOnlyColor,j=void 0===E?"text-subdued":E,I=n.validity,z=n.iconColor,S=void 0===z?"icon-inverted":z,M=n.validBorderColor,N=void 0===M?"border-success":M,B=n.invalidBorderColor,A=void 0===B?"border-error":B,T=n.validIconColor,D=void 0===T?"icon-success":T,L=n.invalidIconColor,q=void 0===L?"border-error":L,O=n.iconName,G=n.iconAlt,F=n.isTrailingIcon,R=void 0!==F&&F,P=n.width,W=n.maxWidth,Y=h(n,["type","borderColor","readOnlyBorderColor","focusRingDropShadows","background","hoverBackground","disabledBackgroundColor","color","disabledColor","readOnlyColor","validity","iconColor","validBorderColor","invalidBorderColor","validIconColor","invalidIconColor","iconName","iconAlt","isTrailingIcon","width","maxWidth"]);switch(I){case"valid":e=N,r=D,t=N;break;case"invalid":e=A,r=q,t=A;break;default:e=c,r=S,t=s}return o.createElement(so,{$width:"fit-content",$height:"fit-content",$borderStyle:"solid",$borderRadius:"border-radius-s",$ba:"border-solid-m",$borderColor:e,$focusRingDropShadows:b,$background:v,$hoverBackground:f,$disabledBackgroundColor:w,$readOnlyBorderColor:t,$disabledColor:C,$readOnlyColor:j,$color:y,$alignItems:"center",$position:"relative",$gap:"space-between-s",$ph:"inner-padding-l",$disabled:!!Y.disabled,$readOnly:!!Y.readOnly,onClick:function(n){var e;null===(e=n.currentTarget.querySelector("input"))||void 0===e||e.focus()}},!R&&O&&o.createElement(Cr,{iconName:O,$colorFilter:r,$pointerEvents:"none",alt:G}),o.createElement(lo,g({type:a},Y,{$width:P,$maxWidth:W,$pv:"inner-padding-l",$height:"all-spacing-12"})),R&&O&&o.createElement(Cr,{iconName:O,$colorFilter:r,$pointerEvents:"none",alt:G}))},bo=function(n){var e=n.$background,r=void 0===e?"bg-decorative5-main":e,t=n.$borderRadius,i=void 0===t?"border-radius-circle":t,a=n.$width,d=void 0===a?"all-spacing-9":a,c=n.$height,l=void 0===c?"all-spacing-9":c,s=n.$pa,u=void 0===s?"inner-padding-ssx":s,b=n.className,p=h(n,["$background","$borderRadius","$width","$height","$pa","className"]),v=p.iconName?o.createElement(Cr,g({},p,{$height:"100%",$width:"100%"})):o.createElement(or,g({},p,{$height:"100%",$width:"100%"}));return o.createElement(Le,{className:b,$background:r,$borderRadius:i,$width:d,$height:l,$pa:u},v)},go=n(Oe)(_t||(_t=v(["\n width: max-content;\n pointer-events: none;\n"],["\n width: max-content;\n pointer-events: none;\n"]))),ho=n.svg(Jt||(Jt=v(["\n position: absolute;\n bottom: -16px;\n left: 0;\n ","\n"],["\n position: absolute;\n bottom: -16px;\n left: 0;\n ","\n"])),N("fill",(function(n){return n.$fill}),w)),po=function(n){var e=n.isOpen,r=n.children,t=n.tooltip,i=n.$background,a=void 0===i?"black":i,d=n.$color,c=void 0===d?"text-inverted":d,l=n.$borderRadius,s=h(n,["isOpen","children","tooltip","$background","$color","$borderRadius"]);return o.createElement(Oe,{$position:"relative",$width:"fit-content",$height:"fit-content"},e&&o.createElement(Oe,{role:"tooltip",$position:"absolute",$top:"all-spacing-0",$left:"all-spacing-0",$transform:"translateY(calc(-100% - 16px))",$zIndex:"modal-dialog",$flexDirection:"column"},o.createElement(go,g({},s,{$position:"relative",$background:a,$color:c,$btr:l,$bbrr:l,$maxWidth:["all-spacing-20","all-spacing-22"]}),t,o.createElement(ho,{width:"16",height:"16",$fill:a},o.createElement("path",{d:"M0 0H16L8 8L0 16V0Z"})))),r)},vo=function(n){var e=h(n,[]);return o.createElement(po,g({$background:"bg-decorative5-main",$color:"text-primary",$pv:"inner-padding-m",$ph:"inner-padding-xl",$font:"heading-light-7",$borderRadius:"border-radius-m2"},e))},mo=n.a(Kt||(Kt=v(["\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"])),ke("drop-shadow-lemon"),ke("drop-shadow-grey"),w("bg-btn-primary"),Re("text-inverted"),ke("drop-shadow-centered-lemon"),ke("drop-shadow-centered-grey"),w("bg-btn-primary-disabled"),Re("text-inverted")),fo=function(n){var e=n.as,r=n.label,t=void 0===r?"Back":r,i=h(n,["as","label"]);return o.createElement(mo,g({as:null!=e?e:"a","aria-label":t},i),o.createElement(Cr,{alt:"",iconName:"chevron-left",$width:"all-spacing-8",$height:"all-spacing-8"}))},$o=function(n){var e=n.listItems,r=h(n,["listItems"]);return o.createElement(Ge,g({},r),e.map((function(n,e){return o.createElement(Ge,{key:e},0!==e&&o.createElement(Ge,null," • "),o.createElement(Ge,null,n))})))},wo=n(Oe)(no||(no=v([""],[""])));wo.defaultProps={$pa:"inner-padding-xl",$flexDirection:"column",$flexGrow:1,$position:"relative"};var xo,yo=n(Le)(xo||(xo=v(["\n & > * {\n width: 100%;\n height: 100%;\n }\n"],["\n & > * {\n width: 100%;\n height: 100%;\n }\n"]))),ko=function(n){var e=n.backgroundElement,r=n.children,t=h(n,["backgroundElement","children"]);return o.createElement(wo,g({},t),o.createElement(yo,{$position:"absolute",$inset:"space-between-none","aria-hidden":!0},e),o.createElement(Le,{$position:"relative"},r))},Co={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"}};var Eo,jo,Io,zo,So,Mo,No,Bo,Ao,To,Do,Lo,qo,Oo,Go,Fo,Ro=n.svg(Eo||(Eo=v(["\n ","\n ","\n ","\n"],["\n ","\n ","\n ","\n"])),N("fill",(function(n){return n.$fill}),w),N("stroke",(function(n){return n.$stroke}),w),N("stroke-width",(function(n){return n.$strokeWidth}),(function(n){if(n)return n in ee?"".concat(D(ee[n]),"rem"):void 0}))),Po=function(n){var e=n.$pa,r=void 0===e?"inner-padding-xl":e,t=n.fill,i=void 0===t?"bg-decorative1-main":t,a=n.stroke,d=n.strokeWidth,c=n.$width,l=void 0===c?"fit-content":c,s=h(n,["$pa","fill","stroke","strokeWidth","$width"]);return o.createElement(ko,g({$pa:r,$width:l,backgroundElement:o.createElement(Ro,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 457 120",preserveAspectRatio:"none",$fill:i,$stroke:a,$strokeWidth:d},o.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))},Wo=function(n){var e=n.iconName,r=n.iconColor,t=void 0===r?"text-primary":r,i=n.iconWidth,a=void 0===i?["all-spacing-11","all-spacing-16"]:i,d=n.iconHeight,c=void 0===d?["all-spacing-11","all-spacing-16"]:d,l=n.alt,s=n.$width,u=void 0===s?["all-spacing-13","all-spacing-17"]:s,b=n.$height,p=void 0===b?["all-spacing-13","all-spacing-17"]:b,v=n.$alignItems,m=void 0===v?"center":v,f=n.$justifyContent,$=void 0===f?"center":f,w=h(n,["iconName","iconColor","iconWidth","iconHeight","alt","$width","$height","$alignItems","$justifyContent"]);return o.createElement(Po,g({$width:u,$height:p,$alignItems:m,$justifyContent:$},w),o.createElement(Cr,{iconName:e,alt:l,$height:c,$width:a,$colorFilter:t}))},Yo=n(Oe)(jo||(jo=v(["\n aspect-ratio: 2 / 1;\n"],["\n aspect-ratio: 2 / 1;\n"]))),Uo=function(){return o.createElement(Yo,{$alignItems:"center",$justifyContent:"center",$position:"relative",$width:["all-spacing-8","all-spacing-9","all-spacing-10"]},o.createElement(Ro,{height:"100%",width:"100%",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 56 27",$fill:"bg-icon"},o.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"})),o.createElement(Oe,{$position:"absolute",$inset:"all-spacing-0",$alignItems:"center",$justifyContent:"center"},o.createElement(Ge,{$color:"lemon",$font:["body-3-bold","body-3-bold","heading-7"]},"New")))},Ho=n(Mt)(Io||(Io=v(["\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"])),te("border-solid-l"),w("border-primary"),te("border-solid-l"),w("text-disabled"),w("bg-primary")),Qo=n(to)(zo||(zo=v(["\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"]))),Zo=n(Oe)(Bo||(Bo=v(["\n &:has(input:not(:disabled)) {\n cursor: pointer;\n }\n\n &:has(input:disabled) {\n pointer-events: none;\n cursor: none;\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 top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n position: absolute;\n border-bottom: ',";\n border-radius: ",";\n }\n\n &\n .yellow-shadow:has(\n + "," input:focus-visible\n ) {\n box-shadow: ",";\n }\n\n &\n .grey-shadow:has(\n ~ "," input:focus-visible\n ) {\n box-shadow: ",';\n }\n \n &:has(input:checked:not(:disabled))::after {\n content: "";\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n position: absolute;\n outline: ',";\n border-radius: ",';\n }\n\n &:has(input:checked:disabled)::after {\n content: "";\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n position: absolute;\n outline: ',";\n border-radius: ",";\n outline-color: ",";\n }\n\n &:has(input:disabled:not(:checked)) {\n ","\n }\n\n &:has(input:disabled:checked) {\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 @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 top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n position: absolute;\n border-bottom: ',";\n border-radius: ",";\n }\n\n &\n .yellow-shadow:has(\n + "," input:focus-visible\n ) {\n box-shadow: ",";\n }\n\n &\n .grey-shadow:has(\n ~ "," input:focus-visible\n ) {\n box-shadow: ",';\n }\n \n &:has(input:checked:not(:disabled))::after {\n content: "";\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n position: absolute;\n outline: ',";\n border-radius: ",';\n }\n\n &:has(input:checked:disabled)::after {\n content: "";\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n position: absolute;\n outline: ',";\n border-radius: ",";\n outline-color: ",";\n }\n\n &:has(input:disabled:not(:checked)) {\n ","\n }\n\n &:has(input:disabled:checked) {\n ",";\n }\n"])),w("bg-decorative1-subdued"),w("bg-primary"),to,to,te("border-solid-xl"),oe("border-radius-m2"),to,ke("drop-shadow-centered-lemon"),to,ke("drop-shadow-centered-grey"),te("border-solid-xl"),oe("border-radius-m2"),te("border-solid-xl"),oe("border-radius-m2"),(function(n){var r;return e(So||(So=v(["\n ","\n "],["\n ","\n "])),w(null!==(r=n.overlayBorderColor)&&void 0!==r?r:"text-disabled"))}),(function(n){return n.feedbackBgColor?e(Mo||(Mo=v(["\n background-color: ",";\n "],["\n background-color: ",";\n "])),n.feedbackBgColor):void 0}),(function(n){return e(No||(No=v(["\n background-color: ",";\n "],["\n background-color: ",";\n "])),w(n.feedbackBgColor))})),Vo=n(Le)(Ao||(Ao=v(["\n pointer-events: none;\n"],["\n pointer-events: none;\n"]))),Xo=function(n){var e,r,t,i=n.id,a=n.value,c=n.feedback,l=n.image,s=n.disabled,u=n.innerRef,b=n.displayValue,p=h(n,["id","value","feedback","image","disabled","innerRef","displayValue"]),v=!!c,m=d(null),f=null!=u?u:m,$="correct"===c&&(null===(e=f.current)||void 0===e?void 0:e.checked)||"incorrect"===c&&!(null===(r=f.current)||void 0===r?void 0:r.checked),w="incorrect"===c&&(null===(t=f.current)||void 0===t?void 0:t.checked),x=o.createElement(Oe,{$flexDirection:"column",$minWidth:"all-spacing-20",$gap:"space-between-s"},o.createElement(Le,null,l),b),y=s&&!v?"bg-neutral-stronger":"bg-primary",k=$?"bg-correct":"bg-incorrect",C=$?"border-success":"border-error",E=o.createElement(Zo,{$pa:"inner-padding-l",$borderRadius:"border-radius-m2",$borderColor:"border-primary",$background:y,$flexGrow:1,onClick:function(n){var e;n.target.id!==i&&(null===(e=f.current)||void 0===e||e.click())},overlayBorderColor:v?C:void 0,feedbackBgColor:v?k:void 0},o.createElement(Vo,{className:"grey-shadow",$position:"absolute",$left:"space-between-none",$top:"space-between-none",$borderRadius:"border-radius-m2",$width:"100%",$height:"100%"}),o.createElement(Vo,{className:"yellow-shadow",$position:"absolute",$borderRadius:"border-radius-m2",$left:"space-between-none",$top:"space-between-none",$width:"100%",$height:"100%"}),o.createElement(Qo,{htmlFor:i,labelGap:"space-between-s",labelAlignItems:"center",$color:s&&!v?"text-disabled":"text-primary",$font:"body-1",disabled:s},o.createElement(io,{size:"all-spacing-7",iconPadding:"inner-padding-ssx",checkedIcon:o.createElement(Le,{$width:"100%",$height:"100%",$background:s||v?"text-disabled":"text-primary"},o.createElement(Le,{$ba:"border-solid-m",$borderColor:"white",$width:"100%",$height:"100%"})),internalCheckbox:o.createElement(Ho,g({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",$checkedBackground:null,ref:f}))}),l?x:b),v&&($||w)&&o.createElement(Oe,{className:"feedbackIconWrapper",$flexGrow:1,$justifyContent:"flex-end",$alignItems:"flex-end",$height:"100%"},$&&o.createElement(Cr,{iconName:"tick",$colorFilter:"icon-success",alt:"correct"===c?"Correct":"Unselected correct choice"}),w&&o.createElement(Cr,{iconName:"cross",$colorFilter:"icon-error",alt:"Incorrect"})));return o.createElement(Oe,{$width:"100%",$position:"relative"},E)},_o=function(n){var e,r,t=n.feedback,i=n.readOnly,a=h(n,["feedback","readOnly"]),d=void 0;switch(t){case"correct":e="valid",r="tick",d="Correct";break;case"incorrect":e="invalid",r="cross",d="Incorrect"}return o.createElement(uo,g({},a,{validity:e,iconName:r,iconAlt:d,readOnly:i||!!t,isTrailingIcon:!0}))},Jo=n(Oe)(qo||(qo=v(["\n ","\n\n &:hover {\n cursor: ",";\n }\n\n &:focus-within {\n box-shadow: ",",\n ",";\n }\n\n ","\n\n ","\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(To||(To=v(["\n outline: ","\n ",";\n "],["\n outline: ","\n ",";\n "])),te("border-solid-xl"),w(n.$outlineColor))}),(function(n){return n.$disabled?"default":"pointer"}),ke("drop-shadow-centered-lemon"),ke("drop-shadow-centered-grey"),(function(n){return!n.$disabled&&e(Do||(Do=v(["\n &:hover {\n background-color: ",";\n text-decoration: underline;\n }\n "],["\n &:hover {\n background-color: ",";\n text-decoration: underline;\n }\n "])),w("bg-decorative1-subdued"))}),(function(n){return!n.$disabled&&!n.$checked&&e(Lo||(Lo=v(['\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 "])),oe("border-radius-m2"),te("border-solid-l"),w("grey60"))})),Ko=function(n){var e,r,t=n.value,i=n.feedback,d=n.image,c=n.disabled,l=n.label,s=h(n,["value","feedback","image","disabled","label"]),u=!!i,b=a(kt).currentValue===t,p="bg-primary",v=null;switch(!0){case c&&!u:p="bg-neutral-stronger";break;case"correct"===i&&b:e="border-success",p="bg-correct",v="tick",r="Correct";break;case"incorrect"===i&&b:e="border-error",p="bg-incorrect",v="cross",r="Incorrect";break;case"incorrect"===i&&!b:v="tick",r="Unselected correct choice";break;case b&&!c:e="border-primary"}return o.createElement(Jo,{$pa:"inner-padding-l",$borderRadius:"border-radius-m2",$justifyContent:"space-between",$position:"relative",$alignContent:"center",onClick:function(n){var e;null===(e=n.currentTarget.querySelector("input"))||void 0===e||e.click()},$disabled:c||u,$checked:b,$outlineColor:e,$background:p},o.createElement(St,g({value:t,disabled:c||u,$labelGap:"space-between-s",disableFocusRing:!0,radioInnerSize:"all-spacing-6",radioOuterSize:"all-spacing-7",checkedRadioBorderWidth:"border-solid-l",label:d?o.createElement(Oe,{$flexDirection:"column",$minWidth:"all-spacing-20",$gap:"space-between-s"},o.createElement(Le,null,d),l):l},s)),u&&v&&o.createElement(Oe,{$alignSelf:"flex-end"},o.createElement(Cr,{iconName:v,$colorFilter:"tick"===v?"icon-success":"icon-error",alt:r})))},ni=n(xt)(Oo||(Oo=v(["\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"])),ke("drop-shadow-lemon"),ke("drop-shadow-grey")),ei=function(n){var e=n.isOpen,r=n.disabled;return o.createElement(ni,{iconName:e&&!r?"lightbulb-yellow":"lightbulb",defaultIconBackground:e?"black":"bg-decorative5-main",hoverIconBackground:e?"black":"bg-decorative5-main",defaultTextColor:"text-primary",hoverTextColor:"text-primary",disabledIconBackground:"bg-btn-primary-disabled",disabledTextColor:"text-disabled",disabledIconColor:"white",onClick:n.onClick,isLoading:n.isLoading,disabled:n.disabled,iconBackgroundSize:"all-spacing-8",iconSize:"all-spacing-6"},e?"Close hint":"Need a hint?")},ri=function(n){var e=n.hint,r=p(c(!1),2),t=r[0],i=r[1];return o.createElement(vo,{tooltip:e,isOpen:t},o.createElement(ei,{isOpen:t,onClick:function(){i(!t)}}))},ti=function(n){var e,r=n.feedback,t=n.answerFeedback;switch(r){case"correct":e="Correct";break;case"incorrect":e="Incorrect";break;case"partially-correct":e="Almost correct"}return o.createElement(Le,null,o.createElement(Oe,{$gap:"space-between-xs"},o.createElement(bo,{iconName:"correct"===r?"tick":"cross",$pa:"inner-padding-none",$background:"correct"===r?"icon-success":"icon-error",$colorFilter:"text-inverted",$width:"all-spacing-6",$height:"all-spacing-6"}),o.createElement(Ge,{$font:"heading-6",$color:"correct"===r?"text-success":"text-error"},e)),o.createElement(Ge,{as:"p",$mt:"space-between-xs",$font:"correct"===r?"body-2-bold":"body-2"},t))},oi=n(Oe)(Go||(Go=v(["\n box-sizing: content-box;\n"],["\n box-sizing: content-box;\n"]))),ii=function(n){var e,r=n.hint,t=n.feedback,i=n.answerFeedback,a=n.children;switch(!0){case!!t:e=o.createElement(ti,{feedback:t,answerFeedback:i});break;case!!r:e=o.createElement(ri,{hint:r});break;default:e=null}return o.createElement(oi,{$flexDirection:["column","row"],$pa:"inner-padding-m",$minHeight:"all-spacing-9",$gap:"space-between-m"},e,o.createElement(Oe,{$flexGrow:"1",$height:"fit-content",$alignSelf:"flex-end",$justifyContent:["initial","flex-end"],$width:["100%","auto"]},a))},ai=n(Ge)(Fo||(Fo=v(["\n @media (min-width: ","px) {\n display: none;\n }\n"],["\n @media (min-width: ","px) {\n display: none;\n }\n"])),M("small")),di=function(n){var e=n.lessonSectionName,r=n.backLinkSlot,t=n.counterSlot,i=n.heading,a=n.mobileSummary;return o.createElement(Oe,{$gap:"space-between-m",$alignItems:"center"},o.createElement(Le,{$pl:["inner-padding-none","inner-padding-s"]},r),o.createElement(Oe,{$flexGrow:"none"},o.createElement(bo,g({},function(n){switch(n){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"}}}(e),{$width:"all-spacing-8",$height:"all-spacing-8"}))),o.createElement(Le,null,o.createElement(cr,{tag:"h1",$font:["heading-7","heading-5"]},i),o.createElement(ai,{$font:"body-3"},a)),o.createElement(Oe,{$flexGrow:1,$justifyContent:"flex-end"},o.createElement(Le,{$display:["none","block"]},t)))};var ci,li,si=function(n){var e=n.counter,r=n.total;return o.createElement(Ge,{$font:"heading-light-4",$color:"text-disabled"},o.createElement(Ge,{$font:"heading-4",$color:"text-primary"},e," "),"of ",r)},ui=n(Le)(ci||(ci=v(["\n @media (min-width: ","px) {\n padding-top: ",";\n }\n"],["\n @media (min-width: ","px) {\n padding-top: ",";\n }\n"])),M("small"),G("space-between-xl")),bi=n(Le)(li||(li=v(["\n position: sticky;\n bottom: 0;\n z-index: 10;\n"],["\n position: sticky;\n bottom: 0;\n z-index: 10;\n"]))),gi=function(n){var e=n.lessonSectionName,r=n.topNavSlot,t=n.bottomNavSlot,i=n.children,a=p(function(n){switch(n){case"overview":case"video":return["bg-decorative4-subdued","bg-primary","border-decorative4","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"exit-quiz":return["bg-decorative5-main","bg-decorative5-very-subdued","border-inverted","bg-decorative5-subdued"];case"review":return["bg-decorative1-main","bg-primary","border-decorative1-stronger","bg-primary"]}}(e),4),d=a[0],c=a[1],l=a[2],s=a[3];return o.createElement(ui,{$display:"flex",$width:"100%",$minHeight:"100%",$ph:["inner-padding-none","inner-padding-xl"],$background:d},o.createElement(Oe,{$flexDirection:"column",$flexGrow:1,$background:[s,c],$btr:[null,"border-radius-xl"],$bt:[null,"border-solid-xl"],$bh:[null,"border-solid-xl"],$borderColor:[null,l],$maxWidth:"all-spacing-24",$minHeight:"100%",$mh:"auto",$pt:["inner-padding-none","inner-padding-m"],$gap:["space-between-l","space-between-xl"]},r&&o.createElement(Le,{$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"]},r),o.createElement(Oe,{$flexGrow:1,$flexDirection:"column",$mh:["space-between-s","space-between-l"]},i),t&&o.createElement(bi,{$mh:["space-between-none","space-between-none","space-between-sssx"],$borderColor:l,$bt:"border-solid-xl",$background:["bg-primary",c]},t)))};var hi,pi,vi,mi,fi,$i=n(Le)(hi||(hi=v([""],[""]))),wi=n(bo)(pi||(pi=v(["\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"])),G("all-spacing-8"),G("all-spacing-8"),(function(n){return Re(n.$disabled?"icon-disabled":"icon-inverted")})),xi=n(Oe)(mi||(mi=v(["\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"])),ke("drop-shadow-centered-lemon"),ke("drop-shadow-centered-grey"),(function(n){return n.$disabled&&"cursor: default"}),(function(n){return!n.$disabled&&e(vi||(vi=v(["\n cursor: pointer;\n\n &:hover,\n &:active {\n "," {\n text-decoration: underline;\n }\n\n "," {\n background: ",";\n\n img {\n filter: ",";\n }\n }\n }\n\n &:active {\n box-shadow: ",",\n ",";\n }\n "],["\n cursor: pointer;\n\n &:hover,\n &:active {\n "," {\n text-decoration: underline;\n }\n\n "," {\n background: ",";\n\n img {\n filter: ",";\n }\n }\n }\n\n &:active {\n box-shadow: ",",\n ",";\n }\n "])),$i,wi,w("bg-btn-primary"),Re("icon-main"),ke("drop-shadow-lemon"),ke("drop-shadow-grey"))})),yi=n(Le)(fi||(fi=v(["\n flex: 1;\n"],["\n flex: 1;\n"]))),ki=function(n){var e=n.as,r=n.lessonSectionName,t=n.progress,i=n.disabled,a=n.href,d=n.onClick,c=h(n,["as","lessonSectionName","progress","disabled","href","onClick"]),l=p(function(n){switch(n){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"]}}(r),3),s=l[0],u=l[1],b=l[2];return o.createElement(xi,g({as:i?"div":null!=e?e:"a",$gap:"space-between-m",$alignItems:"center",$background:"not-started"===t?s:u,$ph:["inner-padding-m","inner-padding-xl"],$pv:"inner-padding-l",$borderRadius:"border-radius-l",$borderColor:b,$ba:"border-solid-l",$disabled:i,href:i?void 0:a,onClick:i?void 0:d},c),o.createElement(Oe,{$width:"all-spacing-13",$justifyContent:"center"},o.createElement(Cr,{iconName:Ci(r),$width:"all-spacing-10",$height:"all-spacing-10"})),o.createElement(yi,null,o.createElement($i,{as:"strong",$font:["heading-6","heading-5"],$color:i?"text-disabled":"text-primary"},function(n){switch(n){case"intro":return"Intro";case"starter-quiz":return"Starter quiz";case"video":return"Watch video";case"exit-quiz":return"Exit quiz"}}(r)),o.createElement(Le,{$font:["body-2","body-1"]},function(n){switch(n.progress){case"not-started":return function(n){switch(n.lessonSectionName){case"intro":return"Get ready";case"starter-quiz":return"".concat(n.numQuestions," Questions");case"exit-quiz":return"Practice ".concat(n.numQuestions," questions");case"video":return"".concat(n.videoLength," min")}}(n);case"in-progress":return"In progress...";case"complete":return o.createElement(Oe,{$gap:"space-between-sssx",$alignItems:"center"},o.createElement(Cr,{iconName:"tick",$width:"all-spacing-6",$height:"all-spacing-6"}),function(n){switch(n.lessonSectionName){case"intro":case"video":return"Completed";case"starter-quiz":case"exit-quiz":return o.createElement(o.Fragment,null,o.createElement(Le,{$display:["none","block"]},"Completed"),o.createElement(Le,{$display:["block","none"]},n.grade,"/",n.numQuestions," correct"))}}(n))}}(n))),function(n){if("complete"!==n.progress)return null;switch(n.lessonSectionName){case"exit-quiz":case"starter-quiz":return o.createElement(Le,{$display:["none","block"],$mr:"space-between-xxxl"},o.createElement(Ge,{$font:"heading-4"},n.grade),o.createElement(Ge,{$font:"heading-6"}," / ",n.numQuestions));default:return null}}(n),o.createElement(wi,{iconName:"chevron-right",$disabled:i}))};function Ci(n){switch(n){case"intro":return"intro";case"starter-quiz":case"exit-quiz":return"quiz";case"video":return"video"}}var Ei,ji=n(Oe)(Ei||(Ei=v(["\n outline: none;\n text-align: initial;\n"],["\n outline: none;\n text-align: initial;\n"]))),Ii=function(n){var e=n.completed,r=n.lessonSectionName,t=h(n,["completed","lessonSectionName"]),i=p(Ni(r),3),a=i[0],d=i[1],c=i[2],l=new Map;return l.set("intro","intro"),l.set("starter-quiz","quiz"),l.set("exit-quiz","quiz"),l.set("video","video"),o.createElement(ji,g({completed:e,$gap:"space-between-m",$alignItems:"center",$background:e?a:"white",$ph:["inner-padding-m","inner-padding-xl"],$pv:"inner-padding-l",$borderRadius:"border-radius-l",$borderColor:e?a:d,$ba:"border-solid-l"},t),o.createElement(bo,{iconName:l.get(r),$width:"all-spacing-10",$height:"all-spacing-10",$background:c}),o.createElement(Oe,{$flexGrow:1,$flexShrink:1,$flexDirection:"column"},o.createElement(Le,{$font:["heading-6","heading-5"],$color:"text-primary"},Mi(r)),o.createElement(Le,{$font:["body-2","body-1"]},zi(n))),Bi(n))},zi=function(n){return!1===n.completed?Si(n):o.createElement(Oe,{$gap:"space-between-sssx",$alignItems:"center"},o.createElement(Cr,{iconName:"tick",$width:"all-spacing-6",$height:"all-spacing-6"}),"Completed")},Si=function(n){switch(n.lessonSectionName){case"intro":return"Prepare";case"starter-quiz":return"Activate - ".concat(n.numQuestions," questions");case"exit-quiz":return"Check ".concat(n.numQuestions," questions");case"video":return"Learn"}},Mi=function(n){switch(n){case"intro":return"Intro";case"starter-quiz":return"Starter quiz";case"video":return"Watch video";case"exit-quiz":return"Exit quiz"}},Ni=function(n){switch(n){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"]}},Bi=function(n){if(!1===n.completed)return null;switch(n.lessonSectionName){case"exit-quiz":case"starter-quiz":return o.createElement(Le,null,o.createElement(Ge,{$font:"heading-4"},n.grade),o.createElement(Ge,{$font:"heading-6"}," / ",n.numQuestions));default:return null}},Ai=function(n){var e=n.showPromoTag,r=h(n,["showPromoTag"]);return o.createElement(Le,{$width:"fit-content",$height:"fit-content",$position:"relative"},o.createElement(Wo,g({},r)),e&&o.createElement(Le,{$position:"absolute",$top:["all-spacing-0","all-spacing-2"],$left:["all-spacing-0","all-spacing-2"]},o.createElement(Uo,null)))};export{dr as HeadingTagComponent,fo as OakBackLink,Le as OakBox,$o as OakBulletList,ao as OakCheckBox,ot as OakCloudinaryConfigProvider,it as OakCloudinaryImage,at as OakFieldError,Oe as OakFlex,Fe as OakForm,jr as OakGrid,Mr as OakGridArea,Po as OakHandDrawnCard,Wo as OakHandDrawnCardWithIcon,cr as OakHeading,ei as OakHintButton,Cr as OakIcon,or as OakImage,gr as OakLI,pr as OakLabel,ii as OakLessonBottomNav,gi as OakLessonLayout,ki as OakLessonNavItem,Ii as OakLessonReviewItem,di as OakLessonTopNav,ut as OakLoadingSpinner,Br as OakMaxWidth,ur as OakOL,lr as OakP,mt as OakPrimaryButton,Uo as OakPromoTag,Xo as OakQuizCheckBox,si as OakQuizCounter,ti as OakQuizFeedback,ri as OakQuizHint,Ko as OakQuizRadioButton,_o as OakQuizTextInput,St as OakRadioButton,Ct as OakRadioGroup,bo as OakRoundIcon,ft as OakSecondaryButton,Ge as OakSpan,Ai as OakSubjectIcon,yt as OakTertiaryButton,uo as OakTextInput,Nr as OakThemeProvider,vo as OakTooltip,ir as OakTypography,sr as OakUL,fr as isValidIconName,L as oakAllSpacingTokens,re as oakBorderRadiusTokens,ee as oakBorderWidthTokens,De as oakBoxCss,m as oakColorTokens,Co as oakDefaultTheme,ye as oakDropShadowTokens,Me as oakFontSizeTokens,Ne as oakFontTokens,ar as oakHeadingTags,mr as oakIconNames,q as oakInnerPaddingTokens,Ee as oakOpacityTokens,O as oakSpaceBetweenTokens,ze as oakTransitionTokens,$ as oakUiRoleTokens};
|
|
1
|
+
import n,{css as e,ThemeProvider as r,keyframes as t}from"styled-components";import o,{createContext as i,useContext as a,useRef as d,useState as c,forwardRef as l}from"react";import s from"next/image";import{getCldImageUrl as u,CldImage as b}from"next-cloudinary";import g from"next/link";var h=function(){return h=Object.assign||function(n){for(var e,r=1,t=arguments.length;r<t;r++)for(var o in e=arguments[r])Object.prototype.hasOwnProperty.call(e,o)&&(n[o]=e[o]);return n},h.apply(this,arguments)};function p(n,e){var r={};for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&e.indexOf(t)<0&&(r[t]=n[t]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(t=Object.getOwnPropertySymbols(n);o<t.length;o++)e.indexOf(t[o])<0&&Object.prototype.propertyIsEnumerable.call(n,t[o])&&(r[t[o]]=n[t[o]])}return r}function v(n,e){var r="function"==typeof Symbol&&n[Symbol.iterator];if(!r)return n;var t,o,i=r.call(n),a=[];try{for(;(void 0===e||e-- >0)&&!(t=i.next()).done;)a.push(t.value)}catch(n){o={error:n}}finally{try{t&&!t.done&&(r=i.return)&&r.call(i)}finally{if(o)throw o.error}}return a}function m(n,e){return Object.defineProperty?Object.defineProperty(n,"raw",{value:e}):n.raw=e,n}"function"==typeof SuppressedError&&SuppressedError;var f={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"},$={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%)"},w=["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 x(n){if(null!=n)return n in f?f[n]:w.includes(n)?function(e){var r=e.theme.uiColors[n];return f[r]}:void 0}function y(n){return!!n}var k,C,E,j,I,z,S={small:750,large:1280},M=Object.values(S).sort((function(n,e){return n>e?1:-1})),N=function(n){return S[n]},B=function(n,r,t){return void 0===t&&(t=function(n){return n}),function(o){var i=function(r){return void 0===r?void 0:e(k||(k=m(["\n ",": ",";\n "],["\n ",": ",";\n "])),n,t(r))},a=r(o);if(void 0!==a)return Array.isArray(a)?0===a.length?[]:function(n,e,r){if(r||2===arguments.length)for(var t,o=0,i=e.length;o<i;o++)!t&&o in e||(t||(t=Array.prototype.slice.call(e,0,o)),t[o]=e[o]);return n.concat(t||Array.prototype.slice.call(e))}([e(E||(E=m(["\n ","\n "],["\n ","\n "])),i(a[0]))],v(M.slice(0,a.length).map((function(n,r){var t=a[r+1];if(void 0!==t)return e(I||(I=m(["\n @media (min-width: ","px) {\n ","\n }\n "],["\n @media (min-width: ","px) {\n ","\n }\n "])),n,e(j||(j=m(["\n ","\n "],["\n ","\n "])),i(t)))})).filter(y)),!1):e(C||(C=m(["\n ","\n "],["\n ","\n "])),i(a))}},A=e(z||(z=m(["\n ","\n ","\n"],["\n ","\n ","\n"])),B("color",(function(n){return n.$color}),x),B("background",(function(n){return n.$background}),x)),T=16,D=3;function L(n){return Number((n/T).toFixed(D))}var q={"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},O={"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"},G={"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 F(n){if(null!=n)return n in q?"".concat(L(q[n]),"rem"):n in O?"".concat(L(q[O[n]]),"rem"):n in G?"".concat(L(q[G[n]]),"rem"):n}var R,P,W,Y,U,H,Q,Z,V,X,_,J,K,nn,en,rn,tn,on,an,dn,cn,ln,sn,un,bn,gn,hn,pn,vn,mn,fn,$n,wn,xn,yn,kn,Cn,En,jn,In,zn,Sn,Mn,Nn,Bn,An,Tn,Dn,Ln,qn=e(R||(R=m(["\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"])),B("position",(function(n){return n.$position})),B("top",(function(n){return n.$top}),F),B("right",(function(n){return n.$right}),F),B("bottom",(function(n){return n.$bottom}),F),B("left",(function(n){return n.$left}),F),B("inset",(function(n){return n.$inset}),F),B("overflow",(function(n){return n.$overflow})),B("overflow-x",(function(n){return n.$overflowX})),B("overflow-y",(function(n){return n.$overflowY})),B("object-fit",(function(n){return n.$objectFit})),B("pointer-events",(function(n){return n.$pointerEvents})),B("visibility",(function(n){return n.$visibility}))),On=e(P||(P=m(["\n ","\n ","\n ","\n ","\n ","\n ","\n"],["\n ","\n ","\n ","\n ","\n ","\n ","\n"])),B("width",(function(n){return n.$width}),F),B("min-width",(function(n){return n.$minWidth}),F),B("max-width",(function(n){return n.$maxWidth}),F),B("height",(function(n){return n.$height}),F),B("min-height",(function(n){return n.$minHeight}),F),B("max-height",(function(n){return n.$maxHeight}),F)),Gn=e(W||(W=m(["\n ","\n"],["\n ","\n"])),B("padding",(function(n){return n.$pa}),F)),Fn=e(Y||(Y=m(["\n ","\n ","\n"],["\n ","\n ","\n"])),B("padding-left",(function(n){return n.$ph}),F),B("padding-right",(function(n){return n.$ph}),F)),Rn=e(U||(U=m(["\n ","\n ","\n"],["\n ","\n ","\n"])),B("padding-top",(function(n){return n.$pv}),F),B("padding-bottom",(function(n){return n.$pv}),F)),Pn=e(H||(H=m(["\n ","\n"],["\n ","\n"])),B("padding-left",(function(n){return n.$pl}),F)),Wn=e(Q||(Q=m(["\n ","\n"],["\n ","\n"])),B("padding-right",(function(n){return n.$pr}),F)),Yn=e(Z||(Z=m(["\n ","\n"],["\n ","\n"])),B("padding-top",(function(n){return n.$pt}),F)),Un=e(V||(V=m(["\n ","\n"],["\n ","\n"])),B("padding-bottom",(function(n){return n.$pb}),F)),Hn=e(X||(X=m(["\n ","\n"],["\n ","\n"])),B("margin",(function(n){return n.$ma}),F)),Qn=e(_||(_=m(["\n ","\n ","\n"],["\n ","\n ","\n"])),B("margin-left",(function(n){return n.$mh}),F),B("margin-right",(function(n){return n.$mh}),F)),Zn=e(J||(J=m(["\n ","\n ","\n"],["\n ","\n ","\n"])),B("margin-top",(function(n){return n.$mv}),F),B("margin-bottom",(function(n){return n.$mv}),F)),Vn=e(K||(K=m(["\n ","\n"],["\n ","\n"])),B("margin-left",(function(n){return n.$ml}),F)),Xn=e(nn||(nn=m(["\n ","\n"],["\n ","\n"])),B("margin-right",(function(n){return n.$mr}),F)),_n=e(en||(en=m(["\n ","\n"],["\n ","\n"])),B("margin-top",(function(n){return n.$mt}),F)),Jn=e(rn||(rn=m(["\n ","\n"],["\n ","\n"])),B("margin-bottom",(function(n){return n.$mb}),F)),Kn=e(tn||(tn=m(["\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n"],["\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n"])),Hn,Qn,Zn,Vn,Xn,_n,Jn),ne=e(on||(on=m(["\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n"],["\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n"])),Gn,Fn,Rn,Pn,Wn,Yn,Un),ee=e(an||(an=m(["\n ","\n ","\n"],["\n ","\n ","\n"])),ne,Kn),re={"border-solid-none":0,"border-solid-s":1,"border-solid-m":2,"border-solid-l":3,"border-solid-xl":4},te={"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},oe=function(n){if(null!=n)return n in re?"".concat(L(re[n]),"rem solid"):void 0},ie=function(n){if(null!=n)return n in te?"".concat(L(te[n]),"rem"):void 0},ae=e(dn||(dn=m(["\n ","\n"],["\n ","\n"])),B("border",(function(n){return n.$ba}),oe)),de=e(cn||(cn=m(["\n ","\n"],["\n ","\n"])),B("border-top",(function(n){return n.$bt}),oe)),ce=e(ln||(ln=m(["\n ","\n"],["\n ","\n"])),B("border-right",(function(n){return n.$br}),oe)),le=e(sn||(sn=m(["\n ","\n"],["\n ","\n"])),B("border-bottom",(function(n){return n.$bb}),oe)),se=e(un||(un=m(["\n ","\n"],["\n ","\n"])),B("border-left",(function(n){return n.$bl}),oe)),ue=e(bn||(bn=m(["\n ","\n ","\n"],["\n ","\n ","\n"])),B("border-left",(function(n){return n.$bh}),oe),B("border-right",(function(n){return n.$bh}),oe)),be=e(gn||(gn=m(["\n ","\n ","\n"],["\n ","\n ","\n"])),B("border-top",(function(n){return n.$bv}),oe),B("border-bottom",(function(n){return n.$bv}),oe)),ge=e(hn||(hn=m(["\n ","\n"],["\n ","\n"])),B("border-color",(function(n){return n.$borderColor}),x)),he=e(pn||(pn=m(["\n ","\n"],["\n ","\n"])),B("border-radius",(function(n){return n.$borderRadius}),ie)),pe=e(vn||(vn=m(["\n ","\n"],["\n ","\n"])),B("border-top-left-radius",(function(n){return n.$btlr}),ie)),ve=e(mn||(mn=m(["\n ","\n"],["\n ","\n"])),B("border-top-right-radius",(function(n){return n.$btrr}),ie)),me=e(fn||(fn=m(["\n ","\n"],["\n ","\n"])),B("border-bottom-left-radius",(function(n){return n.$bblr}),ie)),fe=e($n||($n=m(["\n ","\n"],["\n ","\n"])),B("border-bottom-right-radius",(function(n){return n.$bbrr}),ie)),$e=e(wn||(wn=m(["\n ","\n ","\n"],["\n ","\n ","\n"])),B("border-top-left-radius",(function(n){return n.$btr}),ie),B("border-top-right-radius",(function(n){return n.$btr}),ie)),we=e(xn||(xn=m(["\n ","\n ","\n"],["\n ","\n ","\n"])),B("border-bottom-left-radius",(function(n){return n.$bbr}),ie),B("border-bottom-right-radius",(function(n){return n.$bbr}),ie)),xe=e(yn||(yn=m(["\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"])),ae,de,ce,le,se,ue,be,ge,he,pe,ve,me,fe,$e,we),ye=e(kn||(kn=m(["\n ","\n"],["\n ","\n"])),B("display",(function(n){return n.$display}))),ke={"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%)"},Ce=function(n){return null===n?"none":n&&n in ke?ke[n]:void 0},Ee=e(Cn||(Cn=m(["\n ","\n"],["\n ","\n"])),B("box-shadow",(function(n){return n.$dropShadow}),Ce)),je={transparent:0,"semi-transparent":.25,"semi-opaque":.5,opaque:1},Ie=e(En||(En=m(["\n ","\n"],["\n ","\n"])),B("opacity",(function(n){return n.$opacity}),(function(n){if(n)return n in je?je[n]:void 0}))),ze=e(jn||(jn=m(["\n ","\n ","\n"],["\n ","\n ","\n"])),B("transform",(function(n){return n.$transform})),B("transform-origin",(function(n){return n.$transformOrigin}))),Se={"standard-ease":"all 0.3s ease","standard-transform":"rotate(-2deg) translateY(-16px) translateX(8px)"},Me=e(In||(In=m(["\n ","\n"],["\n ","\n"])),B("transition",(function(n){return n.$transition}),(function(n){if(n)return n in Se?Se[n]:void 0}))),Ne={"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},Be={"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"]},Ae=e(zn||(zn=m(["\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"])),B("font-weight",(function(n){return n.$font}),(function(n){var e;if(n)return null===(e=Be[n])||void 0===e?void 0:e[2]})),B("font-size",(function(n){return n.$font}),(function(n){var e;if(n){var r=null===(e=Be[n])||void 0===e?void 0:e[0];if(r)return"".concat(L(Ne[r]),"rem")}})),B("line-height",(function(n){return n.$font}),(function(n){var e;if(n){var r=null===(e=Be[n])||void 0===e?void 0:e[1];if(r)return"".concat(L(r),"rem")}})),B("letter-spacing",(function(n){return n.$font}),(function(n){var e;if(n)return null===(e=Be[n])||void 0===e?void 0:e[3]})),B("text-align",(function(n){return n.$textAlign})),B("text-decoration",(function(n){return n.$textDecoration})),B("white-space",(function(n){return n.$whiteSpace})),B("word-wrap",(function(n){return n.$wordWrap})),B("text-overflow",(function(n){return n.$textOverflow}))),Te={behind:-1,neutral:0,"in-front":1,"mobile-filters":2,"fixed-header":100,"modal-close-button":150,"modal-dialog":300},De=e(Sn||(Sn=m(["\n ","\n"],["\n ","\n"])),B("z-index",(function(n){return n.$zIndex}),(function(n){if(null!=n)return Te[n]}))),Le=e(Nn||(Nn=m(["\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"])),qn,On,ee,A,xe,ye,Ee,Ie,ze,Me,Ae,De,(function(n){return n.onClick&&e(Mn||(Mn=m(["\n :hover {\n cursor: pointer;\n }\n "],["\n :hover {\n cursor: pointer;\n }\n "])))})),qe=n.div(Bn||(Bn=m(["\n ","\n"],["\n ","\n"])),Le),Oe=e(An||(An=m(["\n display: flex;\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n"],["\n display: flex;\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n"])),B("flex-direction",(function(n){return n.$flexDirection})),B("flex-wrap",(function(n){return n.$flexWrap})),B("align-items",(function(n){return n.$alignItems})),B("align-content",(function(n){return n.$alignContent})),B("justify-content",(function(n){return n.$justifyContent})),B("align-self",(function(n){return n.$alignSelf})),B("order",(function(n){return n.$order})),B("flex-grow",(function(n){return n.$flexGrow})),B("flex-shrink",(function(n){return n.$flexShrink})),B("flex-basis",(function(n){return n.$flexBasis}),F),B("gap",(function(n){return n.$gap}),F),B("column-gap",(function(n){return n.$columnGap}),F),B("row-gap",(function(n){return n.$rowGap}),F)),Ge=n(qe)(Tn||(Tn=m(["\n ","\n"],["\n ","\n"])),Oe),Fe=n.span(Dn||(Dn=m(["\n ","\n ","\n ","\n ","\n ","\n ","\n"],["\n ","\n ","\n ","\n ","\n ","\n ","\n"])),A,Ie,Kn,ne,xe,Ae),Re=n.form(Ln||(Ln=m(["\n ","\n"],["\n ","\n"])),Le);function Pe(n){if(null!=n)return n in $?$[n]:w.includes(n)?function(e){var r=e.theme.uiColors[n];if(r&&r in $)return $[r]}:void 0}var We,Ye,Ue,He,Qe,Ze,Ve,Xe,_e,Je,Ke,nr,er,rr=e(We||(We=m(["\n ","\n"],["\n ","\n"])),B("filter",(function(n){return n.$colorFilter}),Pe)),tr=n(s)(Ue||(Ue=m(["\n ","\n ","\n object-fit: contain;\n"],["\n ","\n ","\n object-fit: contain;\n"])),rr,(function(n){return n.onClick&&e(Ye||(Ye=m(["\n :hover {\n cursor: pointer;\n }\n "],["\n :hover {\n cursor: pointer;\n }\n "])))})),or=n(s)(Qe||(Qe=m(["\n ","\n ","\n width: 100%;\n height: auto;\n"],["\n ","\n ","\n width: 100%;\n height: auto;\n"])),rr,(function(n){return n.onClick&&e(He||(He=m(["\n :hover {\n cursor: pointer;\n }\n "],["\n :hover {\n cursor: pointer;\n }\n "])))})),ir=function(n){var e=p(n,[]),r=e.as,t=e.src,i=e.alt,a=e.width,d=e.height,c=e.sizes,l=e.$width,u=void 0===l?"100%":l,b=e.$position,g=void 0===b?"relative":b,v=e.$colorFilter,m=e.placeholder,f=void 0===m?"oak":m,$=e.unoptimized,w=e.imageProps,x=p(e,["as","src","alt","width","height","sizes","$width","$position","$colorFilter","placeholder","unoptimized","imageProps"]),y="oak"===f?"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNjEiIGhlaWdodD0iMTUxIiBmaWxsPSJub25lIj48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxnIGNsaXAtcGF0aD0idXJsKCNiKSI+PGcgY2xpcC1wYXRoPSJ1cmwoI2MpIj48cGF0aCBmaWxsPSIjRTdGNkY1IiBkPSJNLTIwLTloMzAydjE3MC4wMTFILTIweiIvPjxwYXRoIGZpbGw9IiMyMjIiIGQ9Ik0xMjcuNzc5IDYzLjE4MWEyNy4xNDYgMjcuMTQ2IDAgMCAwLTMuOCAxLjYgMTYuNjk1IDE2LjY5NSAwIDAgMC03LjEgOC40YzAgLjEtLjEuMi0uMS4zLS43IDIuNC0uNiAyIDEuMyAyLjMgMS45LjMgMSAuNSAxIDEuMy0uMSA4LjggNC4xIDE1LjEgMTEuNCAxOS42YTEuNDk4IDEuNDk4IDAgMCAwIDEuNy4yYzUuNy0yLjYgOS4zLTcgMTAuMy0xMy4yYTEuMDAxIDEuMDAxIDAgMCAxIDEtMWwzLS4yYy44IDAgMS4zLjIgMS4yIDEuMmExNy45MDggMTcuOTA4IDAgMCAxLTMuMiA5LjIgMjMuNyAyMy43IDAgMCAxLTEwLjkgOS4xIDUuNDA2IDUuNDA2IDAgMCAxLTQuNS0uMiAyNi4yOSAyNi4yOSAwIDAgMS04LjUtNi42IDI1Ljg4OSAyNS44ODkgMCAwIDEtNi40LTE0LjRjMC0uNi0uMi0uNy0uOC0uOC0yLjUtLjQtMi41LS4xLTIuMy0yLjlhMTkuMjkgMTkuMjkgMCAwIDEgMTAuOC0xNi42IDM4Ljk1MyAzOC45NTMgMCAwIDEgNS43LTIuMWMuNDU3LS4zLjc4LS43NjYuOS0xLjNhMTQuMDk1IDE0LjA5NSAwIDAgMSAzLjUtNi4zbC4zLS4zYzEuOS0yIDIuNi0yIDQuMy4ybC40LjVjMS4xIDEuMSAxIDEuNS0uMSAyLjZhMTEuODgzIDExLjg4MyAwIDAgMC0zLjIgNC40YzIuNjQ1LjE2OCA1LjIxNS45NTYgNy41IDIuMyA1LjcgMy41IDkuMiA4LjMgOS45IDE1IC4wMTYuOTAxLS4wMTcgMS44MDMtLjEgMi43IDAgLjgtLjYgMS0xLjIgMS4yYTE2LjEgMTYuMSAwIDAgMS0xMS0uNyAxNy45IDE3LjkgMCAwIDEtMTAuOS0xMy42IDkuNzQyIDkuNzQyIDAgMCAxLS4xLTEuOVptMTguMSAxMi4yYy40LTUuNS02LjktMTIuNi0xMy0xMi4xLjUgNi41IDcuNiAxMi44IDEzIDEyLjFaIiBvcGFjaXR5PSIuMSIvPjwvZz48L2c+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGgyNjF2MTUxSDB6Ii8+PC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9ImIiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0tMjAtOWgzMDJ2MTcwLjAxMUgtMjB6Ii8+PC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9ImMiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0tMjAtOWgzMDJ2MTcwLjAxMUgtMjB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+":f;return a&&d?o.createElement(qe,h({$maxWidth:"all-spacing-0",$position:g},x),o.createElement(or,h({as:null!=r?r:s,src:t,alt:i,width:a,height:d,sizes:c,unoptimized:$,$colorFilter:v,placeholder:y},w))):o.createElement(qe,h({$position:g,$width:u},x),o.createElement(tr,h({as:null!=r?r:s,src:t,alt:i,sizes:c,fill:!0,$colorFilter:v,placeholder:y,unoptimized:$},w)))},ar=n(qe)(Ze||(Ze=m(["\n ","\n"],["\n ","\n"])),Ae),dr=["div","h1","h2","h3","h4","h5","h6"],cr=function(n){var e=n.tag,r=n.ariaLabel,t=n.ariaHidden,i=p(n,["tag","ariaLabel","ariaHidden"]),a=e;return o.createElement(a,h({},i,{"aria-label":r,"aria-hidden":t}))},lr=n(cr)(Ve||(Ve=m(["\n ","\n ","\n ","\n ","\n"],["\n ","\n ","\n ","\n ","\n"])),Ae,Kn,A,Ie),sr=n.p(Xe||(Xe=m(["\n ","\n ","\n ","\n\n a {\n color: ",";\n }\n"],["\n ","\n ","\n ","\n\n a {\n color: ",";\n }\n"])),Ae,A,Kn,(function(n){return n.theme&&n.theme.uiColors&&n.theme.uiColors["text-link-active"]})),ur=n.ul(Je||(Je=m(["\n ","\n margin: 0;\n ","\n"],["\n ","\n margin: 0;\n ","\n"])),(function(n){return n.$reset&&e(_e||(_e=m(["\n list-style: none;\n padding: 0;\n "],["\n list-style: none;\n padding: 0;\n "])))}),Le),br=n.ol(Ke||(Ke=m(['\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(n){return n.theme&&n.theme.uiColors&&n.theme.uiColors["text-link-active"]}),Kn,A,Ae),gr=e(nr||(nr=m(["\n ","\n"],["\n ","\n"])),B("list-style",(function(n){return n.$listStyle}))),hr=n.li(er||(er=m(["\n ","\n ","\n ","\n ","\n"],["\n ","\n ","\n ","\n ","\n"])),Le,Ae,gr,ye);hr.defaultProps={$display:"revert"};var pr,vr=n.label(pr||(pr=m(["\n ","\n ","\n"],["\n ","\n ","\n"])),Ae,A),mr={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":"v1699895398/icons/fv0z57zerrioft52dd9n.svg","worksheet-3":"v1699895429/icons/bzhojpjxp9rukdvh7daz.svg","chevron-right":"v1699895475/icons/rhzft6wnpdp3nvsmlyei.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":"v1699953763/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":"v1699953962/icons/xpp10hijwzhyeqt6ylqf.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","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"},fr=Object.keys(mr);function $r(n){return fr.includes(n)}var wr,xr,yr,kr,Cr,Er=function(n){var e=n.iconName,r=n.alt,t=n.$width,i=void 0===t?"all-spacing-7":t,a=n.$height,d=void 0===a?"all-spacing-7":a;n.imageProps;var c=p(n,["iconName","alt","$width","$height","imageProps"]);return o.createElement(ir,h({src:"https://".concat(process.env.NEXT_PUBLIC_OAK_ASSETS_HOST,"/").concat(process.env.NEXT_PUBLIC_OAK_ASSETS_PATH,"/").concat(mr[e]),alt:null!=r?r:e,$width:i,$height:d,placeholder:"empty",unoptimized:!0},c))},jr=e(wr||(wr=m(["\n ","\n ","\n ","\n ","\n ","\n"],["\n ","\n ","\n ","\n ","\n ","\n"])),B("row-gap",(function(n){return n.$rg}),F),B("column-gap",(function(n){return n.$cg}),F),B("grid-auto-rows",(function(n){return n.$gridAutoRows})),B("grid-template-areas",(function(n){return n.$gridTemplateAreas})),B("grid-template-columns",(function(n){return n.$gridTemplateColumns}))),Ir=n(qe)(xr||(xr=m(["\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"])),jr),zr=function(n,e){return n?"".concat(n,"/").concat(e):"".concat(e)},Sr=function(n){if(null==n?void 0:n.includes("/")){var e=v(n.split("/"),2),r=e[0],t=e[1];return"".concat(r," / span ").concat(t)}return"span ".concat(n)},Mr=e(yr||(yr=m(["\n flex-direction: column;\n ",";\n ",";\n ",";\n ",";\n ","\n ","\n ","\n"],["\n flex-direction: column;\n ",";\n ",";\n ",";\n ",";\n ","\n ","\n ","\n"])),B("grid-column",(function(n){return Array.isArray(n.$colSpan)?n.$colSpan.map((function(e,r){return zr(Array.isArray(n.$colStart)?n.$colStart[r]:n.$colStart,e)})):zr(Array.isArray(n.$colStart)?n.$colStart[0]:n.$colStart,n.$colSpan)}),(function(n){return Sr(n)})),B("grid-row",(function(n){return Array.isArray(n.$rowSpan)?n.$rowSpan.map((function(e,r){return zr(Array.isArray(n.$rowStart)?n.$rowStart[r]:n.$rowStart,e)})):zr(Array.isArray(n.$rowStart)?n.$rowStart[0]:n.$rowStart,n.$rowSpan)}),(function(n){return Sr(n)})),B("order",(function(n){return n.$order}),(function(n){return n&&"".concat(n)})),B("grid-row",(function(n){return n.$rowSpan?"span ".concat(n.$rowSpan):"span 1"})),B("grid-column-start",(function(n){return n.$colStart})),B("grid-column-end",(function(n){return n.$colEnd})),B("grid-row-start",(function(n){return n.$rowStart}))),Nr=n(Ge)(kr||(kr=m(["\n ","\n"],["\n ","\n"])),Mr),Br=function(n){var e=n.theme,t=n.children;return o.createElement(r,{theme:e},t)},Ar=n(Ge)(Cr||(Cr=m([""],[""])));function Tr(n,e){return n.toString().replace(function(n){var e=new URL(u({src:"canary.jpg"},n));return e.origin+"/image/upload/"}(e),"")}Ar.defaultProps={$maxWidth:["all-spacing-21","all-spacing-24"],$ph:["inner-padding-none","inner-padding-s"],$flexDirection:"column",$flexGrow:1,$width:"100%",$mh:"auto"};var Dr,Lr,qr,Or,Gr,Fr,Rr,Pr,Wr,Yr,Ur,Hr,Qr,Zr,Vr,Xr,_r,Jr,Kr,nt,et,rt,tt,ot=i(void 0),it=ot.Provider,at=function(n){var e=n.cloudinaryId,r=n.unoptimized,t=void 0===r?e.endsWith(".svg"):r,i=p(n,["cloudinaryId","unoptimized"]),d=a(ot),c=Tr(e,d);return o.createElement(ir,h({as:b,src:c,imageProps:{config:d},unoptimized:t},i))},dt=function(n){var e=n.children;return e?o.createElement(Ge,{$alignItems:"center",$flexDirection:"row"},o.createElement(Ge,{$alignSelf:"flex-start",$mr:"space-between-s"},o.createElement(Er,{iconName:"content-guidance",$colorFilter:"red"})),o.createElement(Fe,{$color:"red"},e)):null},ct=e(Dr||(Dr=m(["\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"]))),lt=n.span(Lr||(Lr=m(["\n ","\n"],["\n ","\n"])),ct),st=t(qr||(qr=m(["\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"]))),ut=n.span(Rr||(Rr=m(["\n ",'\n --inner-width: calc(var(--width) / 10 * 8);\n --thickness: calc(var(--width) / 12);\n\n position: absolute;\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 position: absolute;\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?B("--width",(function(n){return n.$width}),F):e(Or||(Or=m(["\n --width: 1.25rem;\n "],["\n --width: 1.25rem;\n "])))}),(function(n){return n.loaderColor?e(Gr||(Gr=m(["\n border-color: "," ","\n "," transparent;\n "],["\n border-color: "," ","\n "," transparent;\n "])),n.loaderColor,n.loaderColor,n.loaderColor):e(Fr||(Fr=m(["\n border-color: currentcolor currentcolor currentcolor transparent;\n "],["\n border-color: currentcolor currentcolor currentcolor transparent;\n "])))}),st,A),bt=function(n){return o.createElement(ut,h({},n),o.createElement(lt,null,"Loading"))},gt=e(Pr||(Pr=m(["\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"])),Ae,A,ee,ye,xe,Ee),ht=n((function(n){var e=n.onClick,r=n.onHovered,t=n.element,i=void 0===t?"button":t,a=p(n,["onClick","onHovered","element"]),c=d(Date.now());return o.createElement(i,h({},a,{onClick:function(n){e&&e(n)},onMouseEnter:function(){c.current=Date.now()},onMouseLeave:function(n){var e=Date.now()-c.current;r&&r(n,e)}}))}))(Wr||(Wr=m(["\n ","\n"],["\n ","\n"])),gt),pt=n(ht)(Ur||(Ur=m(["\n ","\n ","\n display: inline-block;\n ","\n"],["\n ","\n ","\n display: inline-block;\n ","\n"])),qn,On,(function(n){return e(Yr||(Yr=m(["\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 "])),x(n.$hoverTextColor),x(n.$hoverBackground),x(n.$hoverBorderColor),x(n.$defaultBackground),x(n.$defaultBorderColor),x(n.$defaultTextColor),x(n.$disabledBackground),x(n.$disabledBorderColor),x(n.$disabledTextColor))})),vt=n(qe)(Hr||(Hr=m(["\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"])),Ce("drop-shadow-centered-grey"),Ce("drop-shadow-centered-lemon"),(function(n){return Ce(n.$hoverShadow)}),Ce("drop-shadow-grey"),Ce("drop-shadow-lemon")),mt=function(n){var e=n.element,r=void 0===e?"button":e,t=n.children,i=n.iconName,a=n.isTrailingIcon,d=n.isLoading,c=n.disabled,l=n.width,s=n.maxWidth,u=n.defaultBackground,b=n.defaultBorderColor,g=n.defaultTextColor,v=n.disabledTextColor,m=n.hoverTextColor,f=n.hoverBackground,$=n.hoverBorderColor,w=n.disabledBackground,x=n.disabledBorderColor,y=n.className,k=n.hoverShadow,C=void 0===k?"drop-shadow-lemon":k,E=p(n,["element","children","iconName","isTrailingIcon","isLoading","disabled","width","maxWidth","defaultBackground","defaultBorderColor","defaultTextColor","disabledTextColor","hoverTextColor","hoverBackground","hoverBorderColor","disabledBackground","disabledBorderColor","className","hoverShadow"]),j=o.createElement(o.Fragment,null,i&&o.createElement(Er,{iconName:i,$width:"all-spacing-6",$height:"all-spacing-6",$colorFilter:n.disabled?v:g})),I=o.createElement(qe,{$width:"all-spacing-6",$height:"all-spacing-6"},o.createElement(bt,{$width:"all-spacing-6"})),z=o.createElement(o.Fragment,null,d&&!c?I:j);return o.createElement(vt,{className:y,$position:"relative",$width:l,$maxWidth:s,$hoverShadow:C},o.createElement(qe,{className:"grey-shadow",$position:"absolute",$borderRadius:"border-radius-s",$width:"100%",$height:"100%"}),o.createElement(qe,{className:"yellow-shadow",$position:"absolute",$borderRadius:"border-radius-s",$width:"100%",$height:"100%"}),o.createElement(pt,h({element:r,className:"internal-button",$ba:"border-solid-m",$background:u,$borderColor:b,$color:g,$pv:"inner-padding-xs",$ph:"inner-padding-s",$borderRadius:"border-radius-s",$position:"relative",disabled:c||d,$width:"100%",$height:"100%",$hoverTextColor:m,$hoverBackground:f,$hoverBorderColor:$,$defaultTextColor:g,$defaultBackground:u,$defaultBorderColor:b,$disabledTextColor:v,$disabledBackground:w,$disabledBorderColor:x},E),o.createElement(Ge,{$flexDirection:"row",$alignItems:"center",$gap:"space-between-ssx",$justifyContent:"center"},!a&&z,o.createElement(Fe,{$font:"body-1-bold"},t),a&&z)))},ft=function(n){var e=n.element,r=p(n,["element"]);return o.createElement(mt,h({element:null!=e?e:"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"},r))},$t=function(n){var e=n.element,r=p(n,["element"]);return o.createElement(mt,h({element:null!=e?e:"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},r))},wt=function(n){var e=n.element,r=p(n,["element"]);return o.createElement(mt,h({element:null!=e?e:"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"},r))},xt=n(ht)(Zr||(Zr=m(["\n ","\n ","\n ","\n"],["\n ","\n ","\n ","\n"])),qn,On,(function(n){return e(Qr||(Qr=m(["\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 "])),x(n.$hoverTextColor),x(n.$defaultTextColor),x(n.$disabledTextColor))})),yt=n(qe)(Xr||(Xr=m(["\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"])),Ce("drop-shadow-centered-lemon"),Ce("drop-shadow-centered-grey"),Ce("drop-shadow-lemon"),Ce("drop-shadow-lemon"),Ce("drop-shadow-grey"),(function(n){return e(Vr||(Vr=m(["\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 "])),x(n.$disabledIconBackground),x(n.$hoverIconBackground),x(n.$defaultIconBackground))})),kt=function(n){var e=n.element,r=void 0===e?"button":e,t=n.children,i=n.iconName,a=n.isTrailingIcon,d=n.isLoading,c=n.disabled,l=n.width,s=n.maxWidth,u=n.iconBackgroundSize,b=n.iconSize,g=n.disabledIconBackground,v=n.disabledTextColor,m=n.defaultIconColor,f=n.hoverIconBackground,$=n.defaultIconBackground,w=n.disabledIconColor,x=n.defaultTextColor,y=n.hoverTextColor,k=n.className,C=p(n,["element","children","iconName","isTrailingIcon","isLoading","disabled","width","maxWidth","iconBackgroundSize","iconSize","disabledIconBackground","disabledTextColor","defaultIconColor","hoverIconBackground","defaultIconBackground","disabledIconColor","defaultTextColor","hoverTextColor","className"]),E=o.createElement(o.Fragment,null,i&&o.createElement(Er,{iconName:i,$width:b,$height:b,$colorFilter:n.disabled?w:m||null})),j=o.createElement(qe,{$width:b,$height:b},o.createElement(bt,{$width:b,loaderColor:"white"})),I=o.createElement(Ge,{className:"icon-container",$background:n.defaultIconBackground,$color:n.defaultTextColor,$borderRadius:"border-radius-circle",$position:"relative",$width:u,$height:u,$alignItems:"center",$justifyContent:"center",$minWidth:u},o.createElement(qe,{className:"shadow",$position:"absolute",$borderRadius:"border-radius-circle",$width:"100%",$height:"100%"}),d&&!c?j:E);return o.createElement(yt,{className:k,$position:"relative",$width:l,$maxWidth:s,$disabledIconBackground:g,$hoverIconBackground:f,$defaultIconBackground:$},o.createElement(xt,h({element:null!=r?r:"button"},C,{$hoverTextColor:y,$defaultTextColor:x,$disabledTextColor:v,$color:x,$position:"relative",disabled:c||d}),o.createElement(Ge,{$flexDirection:"row",$alignItems:"center",$gap:t?"space-between-xs":"space-between-none",$justifyContent:"center"},!a&&I,o.createElement(Fe,{$font:"body-1-bold"},t),a&&I)))},Ct=function(n){var e=n.element,r=n.isTrailingIcon,t=n.iconName,i=n.children,a=p(n,["element","isTrailingIcon","iconName","children"]);return o.createElement(kt,h({element:null!=e?e:"button"},a,{isTrailingIcon:r,iconName:t,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"}),i)},Et=i({currentValue:"default",name:"default"}),jt=function(n){var e=n.name,r=n.children,t=n.label,i=n.onChange,a=n.$font,d=void 0===a?"body-1-bold":a,l=n.$gap,s=void 0===l?"space-between-s":l,u=n.disabled,b=n.value,g=n.defaultValue,m=void 0===g?"":g,f=p(n,["name","children","label","onChange","$font","$gap","disabled","value","defaultValue"]),$=v(c(m),2),w=$[0],x=$[1];return o.createElement(Ge,h({role:"radiogroup",$gap:s},f),t&&o.createElement(vr,{$font:d},t),o.createElement(Et.Provider,{value:{currentValue:null!=b?b:w,name:e,disabled:u,onValueUpdated:function(n){void 0===b&&x(n.target.value),i&&i(n)}}},r))},It=n(vr)(Jr||(Jr=m(["\n ","\n\n display: flex;\n ","\n ","\n"],["\n ","\n\n display: flex;\n ","\n ","\n"])),(function(n){return!n.disabled&&e(_r||(_r=m(["\n cursor: pointer;\n "],["\n cursor: pointer;\n "])))}),B("gap",(function(n){return n.$labelGap}),F),B("align-items",(function(n){return n.$labelAlignItems}))),zt=n.input.attrs({type:"radio"})(nt||(nt=m(["\n position: absolute;\n opacity: 0;\n ","\n"],["\n position: absolute;\n opacity: 0;\n ","\n"])),(function(n){return!n.disabled&&e(Kr||(Kr=m(["\n cursor: pointer;\n "],["\n cursor: pointer;\n "])))})),St=n(Ge)(rt||(rt=m(["\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(et||(et=m(["\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 }"])),zt,F("all-spacing-7"),F("all-spacing-7"),oe("border-solid-m"),x("grey60"),"inset 0 0 0 0.13rem ".concat(x("lemon")))}),zt,(function(n){return F(n.$radioInnerSize)}),(function(n){return F(n.$radioInnerSize)}),x("black"),oe("border-solid-m"),x("white")),Mt=n(St)(tt||(tt=m(["\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"])),zt,(function(n){return F(n.$radioInnerSize)}),(function(n){return F(n.$radioInnerSize)}),x("bg-btn-primary-disabled"),oe("border-solid-m"),x("white")),Nt=l((function(n,e){var r=a(Et),t=r.currentValue,i=r.name,d=r.onValueUpdated,c=n.id,l=n.label,s=n.value,u=n.tabIndex,b=n.disabled,g=n.$labelGap,v=void 0===g?"space-between-ssx":g,m=n.$labelAlignItems,f=void 0===m?"center":m,$=n.$font,w=void 0===$?"body-1":$,x=n["data-testid"],y=n.disableFocusRing,k=void 0!==y&&y,C=n.radioInnerSize,E=void 0===C?"all-spacing-4":C,j=n.radioOuterSize,I=void 0===j?"all-spacing-6":j,z=n.radioBorderWidth,S=void 0===z?"border-solid-m":z,M=n.checkedRadioBorderWidth,N=void 0===M?"border-solid-m":M,B=p(n,["id","label","value","tabIndex","disabled","$labelGap","$labelAlignItems","$font","data-testid","disableFocusRing","radioInnerSize","radioOuterSize","radioBorderWidth","checkedRadioBorderWidth"]),A=s===t,T=b||r.disabled,D=A?N:S;return o.createElement(qe,h({},B),o.createElement(It,{htmlFor:c,$labelAlignItems:f,$labelGap:v,$font:w,"data-testid":x,disabled:T},o.createElement(zt,{name:i,id:c,value:s,onChange:d,checked:s===t,tabIndex:u,disabled:T,ref:e}),T?o.createElement(Mt,{$height:I,$width:I,$ba:D,$borderColor:"bg-btn-primary-disabled",$flexGrow:0,$flexShrink:0,$alignItems:"center",$justifyContent:"center",$background:"white",$disableFocusRing:!!k,$radioInnerSize:E}):o.createElement(St,{$height:I,$width:I,$ba:D,$borderColor:"black",$flexGrow:0,$flexShrink:0,$alignItems:"center",$justifyContent:"center",$background:"white",$disableFocusRing:!!k,$radioInnerSize:E}),l))})),Bt=n(l((function(n,e){var r=n.onHovered,t=p(n,["onHovered"]),i=d(Date.now());return o.createElement("input",h({ref:e,type:"checkbox",onMouseEnter:function(){i.current=Date.now()},onMouseLeave:function(){var e=Date.now()-i.current;r&&r(n.value,n.id,e)}},t,{name:n.id}))})))(Lt||(Lt=m(["\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"])),xe,A,ee,On,(function(n){return e(Dt||(Dt=m(["\n background: ",";\n "],["\n background: ",";\n "])),x(n.$checkedBackground))}));Bt.defaultProps={$borderRadius:"border-radius-xs",$ba:"border-solid-m",$borderColor:"text-primary",$checkedBackground:"text-primary"};var At=n(Bt)(Gt||(Gt=m(['\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(qt||(qt=m(["\n ","\n "],["\n ","\n "])),ie(n.$hoverBorderRadius))}),(function(n){return e(Ot||(Ot=m(["\n ","\n "],["\n ","\n "])),x(n.$checkedBackground))}));At.defaultProps={$hoverBorderRadius:"border-radius-xs"};var Tt=e(Ft||(Ft=m(["\n &:focus-visible {\n box-shadow: ",";\n }\n"],["\n &:focus-visible {\n box-shadow: ",";\n }\n"])),Ce("drop-shadow-centered-lemon"));n(Bt)(Rt||(Rt=m(["\n ","\n"],["\n ","\n"])),Tt);var Dt,Lt,qt,Ot,Gt,Ft,Rt,Pt,Wt,Yt,Ut,Ht,Qt,Zt,Vt,Xt,_t,Jt,Kt,no,eo,ro,to=n(At)(Pt||(Pt=m(["\n ","\n"],["\n ","\n"])),Tt),oo=n(vr)(Wt||(Wt=m(["\n display: flex;\n align-items: center;\n ","\n ","\n"],["\n display: flex;\n align-items: center;\n ","\n ","\n"])),B("gap",(function(n){return n.labelGap}),F),B("align-items",(function(n){return n.labelAlignItems}))),io=n(oo)(Ht||(Ht=m(["\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(Yt||(Yt=m(["\n pointer-events: none;\n "],["\n pointer-events: none;\n "]))):e(Ut||(Ut=m(["\n cursor: pointer;\n "],["\n cursor: pointer;\n "])))}),(function(n){return n.disabled?"none":"underline"})),ao=n(qe)(Qt||(Qt=m(["\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"]))),co=function(n){var e=n.size,r=void 0===e?"all-spacing-6":e,t=n.iconPadding,i=void 0===t?"inner-padding-none":t,a=n.internalCheckbox,d=n.checkedIcon,c=void 0===d?o.createElement(Er,{iconName:"tick",$width:"100%",$height:"100%",$colorFilter:"white"}):d;return o.createElement(qe,{$position:"relative",$width:r,$height:r},a,o.createElement(ao,{$position:"absolute",$top:"all-spacing-0",$left:"all-spacing-0",$pa:i,$width:r,$height:r},c))},lo=function(n){var e=n.id,r=n.value,t=n.displayValue,i=void 0===t?r:t,a=n.disabled,c=void 0!==a&&a,l=n.defaultChecked,s=void 0!==l&&l,u=n.onChange,b=n.onFocus,g=n.onBlur,h=n.onHovered,p=n.iconPadding,v=void 0===p?"inner-padding-none":p,m=n.hoverBorderRadius,f=void 0===m?"border-radius-xs":m,$=n.checkboxSize,w=void 0===$?"all-spacing-6":$,x=n.checkboxBorder,y=void 0===x?"border-solid-m":x,k=n.checkboxBorderRadius,C=void 0===k?"border-radius-xs":k,E=n.defaultColor,j=void 0===E?"text-primary":E,I=n.disabledColor,z=void 0===I?"text-disabled":I,S=n.labelGap,M=void 0===S?"space-between-s":S,N=n.labelAlignItems,B=void 0===N?"center":N,A=n.checkedBackgroundFill,T=void 0===A||A,D=n.checkedIcon,L=d(Date.now()),q=c?z:j;return o.createElement(oo,{htmlFor:e,labelGap:M,labelAlignItems:B,$color:q,disabled:c,onMouseEnter:function(){L.current=Date.now()},onMouseLeave:function(){var n=Date.now()-L.current;h&&h(r,e,n)},"data-testid":n["data-testid"]},o.createElement(co,{size:w,internalCheckbox:o.createElement(to,{id:e,value:r,$width:w,$height:w,$ba:y,$borderRadius:C,$borderColor:q,$checkedBackground:T?q:null,$hoverBorderRadius:f,onChange:u,onFocus:b,onBlur:g,defaultChecked:s,disabled:c}),checkedIcon:D,iconPadding:v}),i)},so=n.input(Zt||(Zt=m(["\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"])),N("small"),(function(n){var e=n.theme;return e&&e.uiColors&&x(e.uiColors["text-subdued"])}),ee,On),uo=function(n){n.onInitialFocus,n.onFocus;var e=p(n,["onInitialFocus","onFocus"]),r=d(!1);return o.createElement(so,h({},e,{onFocus:function(e){!r.current&&n.onInitialFocus&&(n.onInitialFocus(e),r.current=!0),n.onFocus&&n.onFocus(e)}}))},bo=n(Ge)(Jt||(Jt=m(["\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(n){return n.$focusRingDropShadows.map((function(n){return Ce(n)})).join(",")}),(function(n){return x(n.$background)}),(function(n){return!n.$readOnly&&e(Vt||(Vt=m(["\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 "])),x(n.$hoverBackground))}),(function(n){return n.$readOnly&&e(Xt||(Xt=m(["\n border-color: ",";\n color: ",";\n "],["\n border-color: ",";\n color: ",";\n "])),x(n.$readOnlyBorderColor),x(n.$readOnlyColor))}),(function(n){return n.$disabled&&e(_t||(_t=m(["\n background: ",";\n color: ",";\n &:hover {\n cursor: not-allowed;\n }\n "],["\n background: ",";\n color: ",";\n &:hover {\n cursor: not-allowed;\n }\n "])),x(n.$disabledBackgroundColor),x(n.$disabledColor))})),go=function(n){var e,r,t,i=n.type,a=void 0===i?"text":i,d=n.borderColor,c=void 0===d?"border-primary":d,l=n.readOnlyBorderColor,s=void 0===l?"border-neutral":l,u=n.focusRingDropShadows,b=void 0===u?["drop-shadow-centered-lemon","drop-shadow-centered-grey"]:u,g=n.background,v=void 0===g?"bg-primary":g,m=n.hoverBackground,f=void 0===m?"bg-neutral":m,$=n.disabledBackgroundColor,w=void 0===$?"bg-neutral":$,x=n.color,y=void 0===x?"text-primary":x,k=n.disabledColor,C=void 0===k?"text-disabled":k,E=n.readOnlyColor,j=void 0===E?"text-subdued":E,I=n.validity,z=n.iconColor,S=void 0===z?"icon-inverted":z,M=n.validBorderColor,N=void 0===M?"border-success":M,B=n.invalidBorderColor,A=void 0===B?"border-error":B,T=n.validIconColor,D=void 0===T?"icon-success":T,L=n.invalidIconColor,q=void 0===L?"border-error":L,O=n.iconName,G=n.iconAlt,F=n.isTrailingIcon,R=void 0!==F&&F,P=n.width,W=n.maxWidth,Y=p(n,["type","borderColor","readOnlyBorderColor","focusRingDropShadows","background","hoverBackground","disabledBackgroundColor","color","disabledColor","readOnlyColor","validity","iconColor","validBorderColor","invalidBorderColor","validIconColor","invalidIconColor","iconName","iconAlt","isTrailingIcon","width","maxWidth"]);switch(I){case"valid":e=N,r=D,t=N;break;case"invalid":e=A,r=q,t=A;break;default:e=c,r=S,t=s}return o.createElement(bo,{$width:"fit-content",$height:"fit-content",$borderStyle:"solid",$borderRadius:"border-radius-s",$ba:"border-solid-m",$borderColor:e,$focusRingDropShadows:b,$background:v,$hoverBackground:f,$disabledBackgroundColor:w,$readOnlyBorderColor:t,$disabledColor:C,$readOnlyColor:j,$color:y,$alignItems:"center",$position:"relative",$gap:"space-between-s",$ph:"inner-padding-l",$disabled:!!Y.disabled,$readOnly:!!Y.readOnly,onClick:function(n){var e;null===(e=n.currentTarget.querySelector("input"))||void 0===e||e.focus()}},!R&&O&&o.createElement(Er,{iconName:O,$colorFilter:r,$pointerEvents:"none",alt:G}),o.createElement(uo,h({type:a},Y,{$width:P,$maxWidth:W,$pv:"inner-padding-l",$height:"all-spacing-12"})),R&&O&&o.createElement(Er,{iconName:O,$colorFilter:r,$pointerEvents:"none",alt:G}))},ho=function(n){var e=n.$background,r=void 0===e?"bg-decorative5-main":e,t=n.$borderRadius,i=void 0===t?"border-radius-circle":t,a=n.$width,d=void 0===a?"all-spacing-9":a,c=n.$height,l=void 0===c?"all-spacing-9":c,s=n.$pa,u=void 0===s?"inner-padding-ssx":s,b=n.className,g=p(n,["$background","$borderRadius","$width","$height","$pa","className"]),v=g.iconName?o.createElement(Er,h({},g,{$height:"100%",$width:"100%"})):o.createElement(ir,h({},g,{$height:"100%",$width:"100%"}));return o.createElement(qe,{className:b,$background:r,$borderRadius:i,$width:d,$height:l,$pa:u},v)},po=n(Ge)(Kt||(Kt=m(["\n width: max-content;\n pointer-events: none;\n"],["\n width: max-content;\n pointer-events: none;\n"]))),vo=n.svg(no||(no=m(["\n position: absolute;\n bottom: -16px;\n left: 0;\n ","\n"],["\n position: absolute;\n bottom: -16px;\n left: 0;\n ","\n"])),B("fill",(function(n){return n.$fill}),x)),mo=function(n){var e=n.isOpen,r=n.children,t=n.tooltip,i=n.$background,a=void 0===i?"black":i,d=n.$color,c=void 0===d?"text-inverted":d,l=n.$borderRadius,s=p(n,["isOpen","children","tooltip","$background","$color","$borderRadius"]);return o.createElement(Ge,{$position:"relative",$width:"fit-content",$height:"fit-content"},e&&o.createElement(Ge,{role:"tooltip",$position:"absolute",$top:"all-spacing-0",$left:"all-spacing-0",$transform:"translateY(calc(-100% - 16px))",$zIndex:"modal-dialog",$flexDirection:"column"},o.createElement(po,h({},s,{$position:"relative",$background:a,$color:c,$btr:l,$bbrr:l,$maxWidth:["all-spacing-20","all-spacing-22"]}),t,o.createElement(vo,{width:"16",height:"16",$fill:a},o.createElement("path",{d:"M0 0H16L8 8L0 16V0Z"})))),r)},fo=function(n){var e=p(n,[]);return o.createElement(mo,h({$background:"bg-decorative5-main",$color:"text-primary",$pv:"inner-padding-m",$ph:"inner-padding-xl",$font:"heading-light-7",$borderRadius:"border-radius-m2"},e))},$o=n.a(eo||(eo=m(["\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"])),Ce("drop-shadow-lemon"),Ce("drop-shadow-grey"),x("bg-btn-primary"),Pe("text-inverted"),Ce("drop-shadow-centered-lemon"),Ce("drop-shadow-centered-grey"),x("bg-btn-primary-disabled"),Pe("text-inverted")),wo=function(n){var e=n.as,r=n.label,t=void 0===r?"Back":r,i=p(n,["as","label"]);return o.createElement($o,h({as:null!=e?e:"a","aria-label":t},i),o.createElement(Er,{alt:"",iconName:"chevron-left",$width:"all-spacing-8",$height:"all-spacing-8"}))},xo=function(n){var e=n.listItems,r=p(n,["listItems"]);return o.createElement(Fe,h({},r),e.map((function(n,e){return o.createElement(Fe,{key:e},0!==e&&o.createElement(Fe,null," • "),o.createElement(Fe,null,n))})))},yo=n(Ge)(ro||(ro=m([""],[""])));yo.defaultProps={$pa:"inner-padding-xl",$flexDirection:"column",$flexGrow:1,$position:"relative"};var ko,Co=n(qe)(ko||(ko=m(["\n & > * {\n width: 100%;\n height: 100%;\n }\n"],["\n & > * {\n width: 100%;\n height: 100%;\n }\n"]))),Eo=function(n){var e=n.backgroundElement,r=n.children,t=p(n,["backgroundElement","children"]);return o.createElement(yo,h({},t),o.createElement(Co,{$position:"absolute",$inset:"space-between-none","aria-hidden":!0},e),o.createElement(qe,{$position:"relative"},r))},jo={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"}};var Io,zo,So,Mo,No,Bo,Ao,To,Do,Lo,qo,Oo,Go,Fo,Ro,Po,Wo=n.svg(Io||(Io=m(["\n ","\n ","\n ","\n"],["\n ","\n ","\n ","\n"])),B("fill",(function(n){return n.$fill}),x),B("stroke",(function(n){return n.$stroke}),x),B("stroke-width",(function(n){return n.$strokeWidth}),(function(n){if(n)return n in re?"".concat(L(re[n]),"rem"):void 0}))),Yo=function(n){var e=n.$pa,r=void 0===e?"inner-padding-xl":e,t=n.fill,i=void 0===t?"bg-decorative1-main":t,a=n.stroke,d=n.strokeWidth,c=n.$width,l=void 0===c?"fit-content":c,s=p(n,["$pa","fill","stroke","strokeWidth","$width"]);return o.createElement(Eo,h({$pa:r,$width:l,backgroundElement:o.createElement(Wo,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 457 120",preserveAspectRatio:"none",$fill:i,$stroke:a,$strokeWidth:d},o.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))},Uo=function(n){var e=n.iconName,r=n.iconColor,t=void 0===r?"text-primary":r,i=n.iconWidth,a=void 0===i?["all-spacing-11","all-spacing-16"]:i,d=n.iconHeight,c=void 0===d?["all-spacing-11","all-spacing-16"]:d,l=n.alt,s=n.$width,u=void 0===s?["all-spacing-13","all-spacing-17"]:s,b=n.$height,g=void 0===b?["all-spacing-13","all-spacing-17"]:b,v=n.$alignItems,m=void 0===v?"center":v,f=n.$justifyContent,$=void 0===f?"center":f,w=p(n,["iconName","iconColor","iconWidth","iconHeight","alt","$width","$height","$alignItems","$justifyContent"]);return o.createElement(Yo,h({$width:u,$height:g,$alignItems:m,$justifyContent:$},w),o.createElement(Er,{iconName:e,alt:l,$height:c,$width:a,$colorFilter:t}))},Ho=n(Ge)(zo||(zo=m(["\n aspect-ratio: 2 / 1;\n"],["\n aspect-ratio: 2 / 1;\n"]))),Qo=function(){return o.createElement(Ho,{$alignItems:"center",$justifyContent:"center",$position:"relative",$width:["all-spacing-8","all-spacing-9","all-spacing-10"]},o.createElement(Wo,{height:"100%",width:"100%",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 56 27",$fill:"bg-icon"},o.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"})),o.createElement(Ge,{$position:"absolute",$inset:"all-spacing-0",$alignItems:"center",$justifyContent:"center"},o.createElement(Fe,{$color:"lemon",$font:["body-3-bold","body-3-bold","heading-7"]},"New")))},Zo=n(Bt)(So||(So=m(["\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"])),oe("border-solid-l"),x("border-primary"),oe("border-solid-l"),x("text-disabled"),x("bg-primary")),Vo=n(io)(Mo||(Mo=m(["\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"]))),Xo=n(Ge)(To||(To=m(["\n &:has(input:not(:disabled)) {\n cursor: pointer;\n }\n\n &:has(input:disabled) {\n pointer-events: none;\n cursor: none;\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 top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n position: absolute;\n border-bottom: ',";\n border-radius: ",";\n }\n\n &\n .yellow-shadow:has(\n + "," input:focus-visible\n ) {\n box-shadow: ",";\n }\n\n &\n .grey-shadow:has(\n ~ "," input:focus-visible\n ) {\n box-shadow: ",';\n }\n \n &:has(input:checked:not(:disabled))::after {\n content: "";\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n position: absolute;\n outline: ',";\n border-radius: ",';\n }\n\n &:has(input:checked:disabled)::after {\n content: "";\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n position: absolute;\n outline: ',";\n border-radius: ",";\n outline-color: ",";\n }\n\n &:has(input:disabled:not(:checked)) {\n ","\n }\n\n &:has(input:disabled:checked) {\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 @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 top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n position: absolute;\n border-bottom: ',";\n border-radius: ",";\n }\n\n &\n .yellow-shadow:has(\n + "," input:focus-visible\n ) {\n box-shadow: ",";\n }\n\n &\n .grey-shadow:has(\n ~ "," input:focus-visible\n ) {\n box-shadow: ",';\n }\n \n &:has(input:checked:not(:disabled))::after {\n content: "";\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n position: absolute;\n outline: ',";\n border-radius: ",';\n }\n\n &:has(input:checked:disabled)::after {\n content: "";\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n position: absolute;\n outline: ',";\n border-radius: ",";\n outline-color: ",";\n }\n\n &:has(input:disabled:not(:checked)) {\n ","\n }\n\n &:has(input:disabled:checked) {\n ",";\n }\n"])),x("bg-decorative1-subdued"),x("bg-primary"),io,io,oe("border-solid-xl"),ie("border-radius-m2"),io,Ce("drop-shadow-centered-lemon"),io,Ce("drop-shadow-centered-grey"),oe("border-solid-xl"),ie("border-radius-m2"),oe("border-solid-xl"),ie("border-radius-m2"),(function(n){var r;return e(No||(No=m(["\n ","\n "],["\n ","\n "])),x(null!==(r=n.overlayBorderColor)&&void 0!==r?r:"text-disabled"))}),(function(n){return n.feedbackBgColor?e(Bo||(Bo=m(["\n background-color: ",";\n "],["\n background-color: ",";\n "])),n.feedbackBgColor):void 0}),(function(n){return e(Ao||(Ao=m(["\n background-color: ",";\n "],["\n background-color: ",";\n "])),x(n.feedbackBgColor))})),_o=n(qe)(Do||(Do=m(["\n pointer-events: none;\n"],["\n pointer-events: none;\n"]))),Jo=function(n){var e,r,t,i=n.id,a=n.value,c=n.feedback,l=n.image,s=n.disabled,u=n.innerRef,b=n.displayValue,g=p(n,["id","value","feedback","image","disabled","innerRef","displayValue"]),v=!!c,m=d(null),f=null!=u?u:m,$="correct"===c&&(null===(e=f.current)||void 0===e?void 0:e.checked)||"incorrect"===c&&!(null===(r=f.current)||void 0===r?void 0:r.checked),w="incorrect"===c&&(null===(t=f.current)||void 0===t?void 0:t.checked),x=o.createElement(Ge,{$flexDirection:"column",$minWidth:"all-spacing-20",$gap:"space-between-s"},o.createElement(qe,null,l),b),y=s&&!v?"bg-neutral-stronger":"bg-primary",k=$?"bg-correct":"bg-incorrect",C=$?"border-success":"border-error",E=o.createElement(Xo,{$pa:"inner-padding-l",$borderRadius:"border-radius-m2",$borderColor:"border-primary",$background:y,$flexGrow:1,onClick:function(n){var e;n.target.id!==i&&(null===(e=f.current)||void 0===e||e.click())},overlayBorderColor:v?C:void 0,feedbackBgColor:v?k:void 0},o.createElement(_o,{className:"grey-shadow",$position:"absolute",$left:"space-between-none",$top:"space-between-none",$borderRadius:"border-radius-m2",$width:"100%",$height:"100%"}),o.createElement(_o,{className:"yellow-shadow",$position:"absolute",$borderRadius:"border-radius-m2",$left:"space-between-none",$top:"space-between-none",$width:"100%",$height:"100%"}),o.createElement(Vo,{htmlFor:i,labelGap:"space-between-s",labelAlignItems:"center",$color:s&&!v?"text-disabled":"text-primary",$font:"body-1",disabled:s},o.createElement(co,{size:"all-spacing-7",iconPadding:"inner-padding-ssx",checkedIcon:o.createElement(qe,{$width:"100%",$height:"100%",$background:s||v?"text-disabled":"text-primary"},o.createElement(qe,{$ba:"border-solid-m",$borderColor:"white",$width:"100%",$height:"100%"})),internalCheckbox:o.createElement(Zo,h({id:i,value:a,disabled:s||v},g,{$width:"all-spacing-7",$height:"all-spacing-7",$ba:"border-solid-m",$borderColor:"border-neutral",$borderRadius:"border-radius-s",$checkedBackground:null,ref:f}))}),l?x:b),v&&($||w)&&o.createElement(Ge,{className:"feedbackIconWrapper",$flexGrow:1,$justifyContent:"flex-end",$alignItems:"flex-end",$height:"100%"},$&&o.createElement(Er,{iconName:"tick",$colorFilter:"icon-success",alt:"correct"===c?"Correct":"Unselected correct choice"}),w&&o.createElement(Er,{iconName:"cross",$colorFilter:"icon-error",alt:"Incorrect"})));return o.createElement(Ge,{$width:"100%",$position:"relative"},E)},Ko=function(n){var e,r,t=n.feedback,i=n.readOnly,a=p(n,["feedback","readOnly"]),d=void 0;switch(t){case"correct":e="valid",r="tick",d="Correct";break;case"incorrect":e="invalid",r="cross",d="Incorrect"}return o.createElement(go,h({},a,{validity:e,iconName:r,iconAlt:d,readOnly:i||!!t,isTrailingIcon:!0}))},ni=n(Ge)(Go||(Go=m(["\n ","\n\n &:hover {\n cursor: ",";\n }\n\n &:focus-within {\n box-shadow: ",",\n ",";\n }\n\n ","\n\n ","\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(Lo||(Lo=m(["\n outline: ","\n ",";\n "],["\n outline: ","\n ",";\n "])),oe("border-solid-xl"),x(n.$outlineColor))}),(function(n){return n.$disabled?"default":"pointer"}),Ce("drop-shadow-centered-lemon"),Ce("drop-shadow-centered-grey"),(function(n){return!n.$disabled&&e(qo||(qo=m(["\n &:hover {\n background-color: ",";\n text-decoration: underline;\n }\n "],["\n &:hover {\n background-color: ",";\n text-decoration: underline;\n }\n "])),x("bg-decorative1-subdued"))}),(function(n){return!n.$disabled&&!n.$checked&&e(Oo||(Oo=m(['\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 "])),ie("border-radius-m2"),oe("border-solid-l"),x("grey60"))})),ei=function(n){var e,r,t=n.value,i=n.feedback,d=n.image,c=n.disabled,l=n.label,s=p(n,["value","feedback","image","disabled","label"]),u=!!i,b=a(Et).currentValue===t,g="bg-primary",v=null;switch(!0){case c&&!u:g="bg-neutral-stronger";break;case"correct"===i&&b:e="border-success",g="bg-correct",v="tick",r="Correct";break;case"incorrect"===i&&b:e="border-error",g="bg-incorrect",v="cross",r="Incorrect";break;case"incorrect"===i&&!b:v="tick",r="Unselected correct choice";break;case b&&!c:e="border-primary"}return o.createElement(ni,{$pa:"inner-padding-l",$borderRadius:"border-radius-m2",$justifyContent:"space-between",$position:"relative",$alignContent:"center",onClick:function(n){var e;null===(e=n.currentTarget.querySelector("input"))||void 0===e||e.click()},$disabled:c||u,$checked:b,$outlineColor:e,$background:g},o.createElement(Nt,h({value:t,disabled:c||u,$labelGap:"space-between-s",disableFocusRing:!0,radioInnerSize:"all-spacing-6",radioOuterSize:"all-spacing-7",checkedRadioBorderWidth:"border-solid-l",label:d?o.createElement(Ge,{$flexDirection:"column",$minWidth:"all-spacing-20",$gap:"space-between-s"},o.createElement(qe,null,d),l):l},s)),u&&v&&o.createElement(Ge,{$alignSelf:"flex-end"},o.createElement(Er,{iconName:v,$colorFilter:"tick"===v?"icon-success":"icon-error",alt:r})))},ri=n(kt)(Fo||(Fo=m(["\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"])),Ce("drop-shadow-lemon"),Ce("drop-shadow-grey")),ti=function(n){var e=n.isOpen,r=n.disabled;return o.createElement(ri,{iconName:e&&!r?"lightbulb-yellow":"lightbulb",defaultIconBackground:e?"black":"bg-decorative5-main",hoverIconBackground:e?"black":"bg-decorative5-main",defaultTextColor:"text-primary",hoverTextColor:"text-primary",disabledIconBackground:"bg-btn-primary-disabled",disabledTextColor:"text-disabled",disabledIconColor:"white",onClick:n.onClick,isLoading:n.isLoading,disabled:n.disabled,iconBackgroundSize:"all-spacing-8",iconSize:"all-spacing-6"},e?"Close hint":"Need a hint?")},oi=function(n){var e=n.hint,r=v(c(!1),2),t=r[0],i=r[1];return o.createElement(fo,{tooltip:e,isOpen:t},o.createElement(ti,{isOpen:t,onClick:function(){i(!t)}}))},ii=function(n){var e,r=n.feedback,t=n.answerFeedback;switch(r){case"correct":e="Correct";break;case"incorrect":e="Incorrect";break;case"partially-correct":e="Almost correct"}return o.createElement(qe,null,o.createElement(Ge,{$gap:"space-between-xs"},o.createElement(ho,{iconName:"correct"===r?"tick":"cross",$pa:"inner-padding-none",$background:"correct"===r?"icon-success":"icon-error",$colorFilter:"text-inverted",$width:"all-spacing-6",$height:"all-spacing-6"}),o.createElement(Fe,{$font:"heading-6",$color:"correct"===r?"text-success":"text-error"},e)),o.createElement(Fe,{as:"p",$mt:"space-between-xs",$font:"correct"===r?"body-2-bold":"body-2"},t))},ai=n(Ge)(Ro||(Ro=m(["\n box-sizing: content-box;\n"],["\n box-sizing: content-box;\n"]))),di=function(n){var e,r=n.hint,t=n.feedback,i=n.answerFeedback,a=n.children;switch(!0){case!!t:e=o.createElement(ii,{feedback:t,answerFeedback:i});break;case!!r:e=o.createElement(oi,{hint:r});break;default:e=null}return o.createElement(ai,{$flexDirection:["column","row"],$pa:"inner-padding-m",$minHeight:"all-spacing-9",$gap:"space-between-m"},e,o.createElement(Ge,{$flexGrow:"1",$height:"fit-content",$alignSelf:"flex-end",$justifyContent:["initial","flex-end"],$width:["100%","auto"]},a))},ci=n(Fe)(Po||(Po=m(["\n @media (min-width: ","px) {\n display: none;\n }\n"],["\n @media (min-width: ","px) {\n display: none;\n }\n"])),N("small")),li=function(n){var e=n.lessonSectionName,r=n.backLinkSlot,t=n.counterSlot,i=n.heading,a=n.mobileSummary;return o.createElement(Ge,{$gap:"space-between-m",$alignItems:"center"},o.createElement(qe,{$pl:["inner-padding-none","inner-padding-s"]},r),o.createElement(Ge,{$flexGrow:"none"},o.createElement(ho,h({},function(n){switch(n){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"}}}(e),{$width:"all-spacing-8",$height:"all-spacing-8"}))),o.createElement(qe,null,o.createElement(lr,{tag:"h1",$font:["heading-7","heading-5"]},i),o.createElement(ci,{$font:"body-3"},a)),o.createElement(Ge,{$flexGrow:1,$justifyContent:"flex-end"},o.createElement(qe,{$display:["none","block"]},t)))};var si,ui,bi=function(n){var e=n.counter,r=n.total;return o.createElement(Fe,{$font:"heading-light-4",$color:"text-disabled"},o.createElement(Fe,{$font:"heading-4",$color:"text-primary"},e," "),"of ",r)},gi=n(qe)(si||(si=m(["\n @media (min-width: ","px) {\n padding-top: ",";\n }\n"],["\n @media (min-width: ","px) {\n padding-top: ",";\n }\n"])),N("small"),F("space-between-xl")),hi=n(qe)(ui||(ui=m(["\n position: sticky;\n bottom: 0;\n z-index: 10;\n"],["\n position: sticky;\n bottom: 0;\n z-index: 10;\n"]))),pi=function(n){var e=n.lessonSectionName,r=n.topNavSlot,t=n.bottomNavSlot,i=n.children,a=v(function(n){switch(n){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"]}}(e),4),d=a[0],c=a[1],l=a[2],s=a[3];return o.createElement(gi,{$display:"flex",$width:"100%",$minHeight:"100%",$ph:["inner-padding-none","inner-padding-xl"],$background:d},o.createElement(Ge,{$flexDirection:"column",$flexGrow:1,$background:[s,c],$btr:[null,"border-radius-xl"],$bt:[null,"border-solid-xl"],$bh:[null,"border-solid-xl"],$borderColor:[null,l],$maxWidth:"all-spacing-24",$minHeight:"100%",$mh:"auto",$pt:["inner-padding-none","inner-padding-m"],$gap:["space-between-l","space-between-xl"]},r&&o.createElement(qe,{$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"]},r),o.createElement(Ge,{$flexGrow:1,$flexDirection:"column"},i),t&&o.createElement(hi,{$mh:["space-between-none","space-between-none","space-between-sssx"],$borderColor:l,$bt:"border-solid-xl",$background:["bg-primary",c]},t)))};var vi,mi,fi,$i,wi,xi=n(qe)(vi||(vi=m([""],[""]))),yi=n(ho)(mi||(mi=m(["\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"])),F("all-spacing-8"),F("all-spacing-8"),(function(n){return Pe(n.$disabled?"icon-disabled":"icon-inverted")})),ki=n(Ge)($i||($i=m(["\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"])),Ce("drop-shadow-centered-lemon"),Ce("drop-shadow-centered-grey"),(function(n){return n.$disabled&&"cursor: default"}),(function(n){return!n.$disabled&&e(fi||(fi=m(["\n cursor: pointer;\n\n &:hover,\n &:active {\n "," {\n text-decoration: underline;\n }\n\n "," {\n background: ",";\n\n img {\n filter: ",";\n }\n }\n }\n\n &:active {\n box-shadow: ",",\n ",";\n }\n "],["\n cursor: pointer;\n\n &:hover,\n &:active {\n "," {\n text-decoration: underline;\n }\n\n "," {\n background: ",";\n\n img {\n filter: ",";\n }\n }\n }\n\n &:active {\n box-shadow: ",",\n ",";\n }\n "])),xi,yi,x("bg-btn-primary"),Pe("icon-main"),Ce("drop-shadow-lemon"),Ce("drop-shadow-grey"))})),Ci=n(qe)(wi||(wi=m(["\n flex: 1;\n"],["\n flex: 1;\n"]))),Ei=function(n){var e=n.as,r=n.lessonSectionName,t=n.progress,i=n.disabled,a=n.href,d=n.onClick,c=p(n,["as","lessonSectionName","progress","disabled","href","onClick"]),l=v(function(n){switch(n){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"]}}(r),3),s=l[0],u=l[1],b=l[2];return o.createElement(ki,h({as:i?"div":null!=e?e:"a",$gap:"space-between-m",$alignItems:"center",$background:"not-started"===t?s:u,$ph:["inner-padding-m","inner-padding-xl"],$pv:"inner-padding-l",$borderRadius:"border-radius-l",$borderColor:b,$ba:"border-solid-l",$disabled:i,href:i?void 0:a,onClick:i?void 0:d},c),o.createElement(Ge,{$width:"all-spacing-13",$justifyContent:"center"},o.createElement(Er,{iconName:ji(r),$width:"all-spacing-10",$height:"all-spacing-10"})),o.createElement(Ci,null,o.createElement(xi,{as:"strong",$font:["heading-6","heading-5"],$color:i?"text-disabled":"text-primary"},function(n){switch(n){case"intro":return"Intro";case"starter-quiz":return"Starter quiz";case"video":return"Watch video";case"exit-quiz":return"Exit quiz"}}(r)),o.createElement(qe,{$font:["body-2","body-1"]},function(n){switch(n.progress){case"not-started":return function(n){switch(n.lessonSectionName){case"intro":return"Get ready";case"starter-quiz":return"".concat(n.numQuestions," Questions");case"exit-quiz":return"Practice ".concat(n.numQuestions," questions");case"video":return"".concat(n.videoLength," min")}}(n);case"in-progress":return"In progress...";case"complete":return o.createElement(Ge,{$gap:"space-between-sssx",$alignItems:"center"},o.createElement(Er,{iconName:"tick",$width:"all-spacing-6",$height:"all-spacing-6"}),function(n){switch(n.lessonSectionName){case"intro":case"video":return"Completed";case"starter-quiz":case"exit-quiz":return o.createElement(o.Fragment,null,o.createElement(qe,{$display:["none","block"]},"Completed"),o.createElement(qe,{$display:["block","none"]},n.grade,"/",n.numQuestions," correct"))}}(n))}}(n))),function(n){if("complete"!==n.progress)return null;switch(n.lessonSectionName){case"exit-quiz":case"starter-quiz":return o.createElement(qe,{$display:["none","block"],$mr:"space-between-m"},o.createElement(Fe,{$font:"heading-4"},n.grade),o.createElement(Fe,{$font:"heading-6"}," / ",n.numQuestions));default:return null}}(n),o.createElement(yi,{iconName:"chevron-right",$disabled:i}))};function ji(n){switch(n){case"intro":return"intro";case"starter-quiz":case"exit-quiz":return"quiz";case"video":return"video"}}var Ii,zi,Si=n(Ge)(Ii||(Ii=m(["\n outline: none;\n text-align: initial;\n"],["\n outline: none;\n text-align: initial;\n"]))),Mi=function(n){var e=n.completed,r=n.lessonSectionName,t=p(n,["completed","lessonSectionName"]),i=v(Ti(r),3),a=i[0],d=i[1],c=i[2],l=new Map;return l.set("intro","intro"),l.set("starter-quiz","quiz"),l.set("exit-quiz","quiz"),l.set("video","video"),o.createElement(Si,h({completed:e,$gap:"space-between-m",$alignItems:"center",$background:e?a:"white",$ph:["inner-padding-m","inner-padding-xl"],$pv:"inner-padding-l",$borderRadius:"border-radius-l",$borderColor:e?a:d,$ba:"border-solid-l"},t),o.createElement(ho,{iconName:l.get(r),$width:"all-spacing-10",$height:"all-spacing-10",$background:c}),o.createElement(Ge,{$flexGrow:1,$flexShrink:1,$flexDirection:"column"},o.createElement(qe,{$font:["heading-6","heading-5"],$color:"text-primary"},Ai(r)),o.createElement(qe,{$font:["body-2","body-1"]},Ni(n))),Di(n))},Ni=function(n){return!1===n.completed?Bi(n):o.createElement(Ge,{$gap:"space-between-sssx",$alignItems:"center"},o.createElement(Er,{iconName:"tick",$width:"all-spacing-6",$height:"all-spacing-6"}),"Completed")},Bi=function(n){switch(n.lessonSectionName){case"intro":return"Prepare";case"starter-quiz":return"Activate - ".concat(n.numQuestions," questions");case"exit-quiz":return"Check - ".concat(n.numQuestions," questions");case"video":return"Learn"}},Ai=function(n){switch(n){case"intro":return"Intro";case"starter-quiz":return"Starter quiz";case"video":return"Watch video";case"exit-quiz":return"Exit quiz"}},Ti=function(n){switch(n){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"]}},Di=function(n){if(!1===n.completed)return null;switch(n.lessonSectionName){case"exit-quiz":case"starter-quiz":return o.createElement(qe,null,o.createElement(Fe,{$font:"heading-4"},n.grade),o.createElement(Fe,{$font:"heading-6"}," / ",n.numQuestions));default:return null}},Li=function(n){var e=n.showPromoTag,r=p(n,["showPromoTag"]);return o.createElement(qe,{$width:"fit-content",$height:"fit-content",$position:"relative"},o.createElement(Uo,h({},r)),e&&o.createElement(qe,{$position:"absolute",$top:["all-spacing-0","all-spacing-2"],$left:["all-spacing-0","all-spacing-2"]},o.createElement(Qo,null)))},qi=n(ft)(zi||(zi=m(["\n pointer-events: none;\n"],["\n pointer-events: none;\n"]))),Oi=function(n){var e=n.href,r=n.isCurrent,t=void 0!==r&&r,i=n.shallow,a=void 0===i||i,d=n.children;return t?o.createElement(qi,{element:"span","aria-current":"page"},d):o.createElement($t,{element:g,href:e,shallow:a,isTrailingIcon:!0},d)},Gi=function(n){var e=n.ariaLabel,r=n.navItems;return o.createElement("nav",{"aria-label":e},o.createElement(Ge,{as:"ul",$flexDirection:["row"],$gap:"space-between-m",$mh:"space-between-none",$mv:"space-between-none",$ph:"inner-padding-none"},r.map((function(n,e){var r=n.href,t=n.isCurrent,i=n.children;return o.createElement(hr,{$listStyle:"none",key:e},o.createElement(Oi,{href:r,isCurrent:t},i))}))))};export{cr as HeadingTagComponent,wo as OakBackLink,qe as OakBox,xo as OakBulletList,lo as OakCheckBox,it as OakCloudinaryConfigProvider,at as OakCloudinaryImage,dt as OakFieldError,Ge as OakFlex,Re as OakForm,Ir as OakGrid,Nr as OakGridArea,Yo as OakHandDrawnCard,Uo as OakHandDrawnCardWithIcon,lr as OakHeading,ti as OakHintButton,Er as OakIcon,ir as OakImage,hr as OakLI,vr as OakLabel,di as OakLessonBottomNav,pi as OakLessonLayout,Ei as OakLessonNavItem,Mi as OakLessonReviewItem,li as OakLessonTopNav,bt as OakLoadingSpinner,Ar as OakMaxWidth,br as OakOL,sr as OakP,ft as OakPrimaryButton,$t as OakPrimaryInvertedButton,Gi as OakPrimaryNav,Oi as OakPrimaryNavItem,Qo as OakPromoTag,Jo as OakQuizCheckBox,bi as OakQuizCounter,ii as OakQuizFeedback,oi as OakQuizHint,ei as OakQuizRadioButton,Ko as OakQuizTextInput,Nt as OakRadioButton,jt as OakRadioGroup,ho as OakRoundIcon,wt as OakSecondaryButton,Fe as OakSpan,Li as OakSubjectIcon,Ct as OakTertiaryButton,go as OakTextInput,Br as OakThemeProvider,fo as OakTooltip,ar as OakTypography,ur as OakUL,$r as isValidIconName,q as oakAllSpacingTokens,te as oakBorderRadiusTokens,re as oakBorderWidthTokens,Le as oakBoxCss,f as oakColorTokens,jo as oakDefaultTheme,ke as oakDropShadowTokens,Ne as oakFontSizeTokens,Be as oakFontTokens,dr as oakHeadingTags,fr as oakIconNames,O as oakInnerPaddingTokens,je as oakOpacityTokens,G as oakSpaceBetweenTokens,Se as oakTransitionTokens,w as oakUiRoleTokens};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|