@uoguelph/web-components 1.9.1-rc.10 → 1.9.1-rc.11

package/dist/uofg-web-components/{index-C4pxMwQ8.js → index-COoEfbwQ.js}

@@ -2335,7 +2335,7 @@ function Qo(t, e, n, r, a, i) {
   }), i && (o = i(o)), t.element = /** @type {any} */
   o, o;
 }
-const ja = '/*! tailwindcss v4.0.11 | MIT License | https://tailwindcss.com */@layer theme{:root,:host{--font-sans:"DM Sans",ui-sans-serif,system-ui,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-black:#000;--color-white:#fff;--spacing:.4rem;--text-base:1.6rem;--text-base--line-height:1.4;--text-lg:1.8rem;--text-lg--line-height:1.4;--text-xl:2rem;--text-xl--line-height:1.4;--font-weight-bold:700;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-font-feature-settings:var(--font-sans--font-feature-settings);--default-font-variation-settings:var(--font-sans--font-variation-settings);--default-mono-font-family:var(--font-mono);--default-mono-font-feature-settings:var(--font-mono--font-feature-settings);--default-mono-font-variation-settings:var(--font-mono--font-variation-settings);--color-black-contrast:#fff;--color-red:#e51937;--color-red-contrast:#fff;--color-yellow:#ffc429;--color-yellow-contrast:#000;--color-blue:#187bb4;--color-blue-focus:#135f8b;--color-blue-contrast:#fff;--color-green:#318738;--color-green-contrast:#fff;--color-grey-muted:#ddd;--color-grey-muted-contrast:#000}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1;color:color-mix(in oklab,currentColor 50%,transparent)}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--tw-max-content-width:137rem;font-size:62.5%}body{margin:0;padding:0;font-size:1.6rem}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}svg.fa-icon{fill:currentColor;height:1em;display:block}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.\\!static{position:static!important}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.top-0{top:calc(var(--spacing)*0)}.top-1\\/2{top:50%}.top-full{top:100%}.right-0{right:calc(var(--spacing)*0)}.right-8{right:calc(var(--spacing)*8)}.bottom-8{bottom:calc(var(--spacing)*8)}.left-0{left:calc(var(--spacing)*0)}.left-1\\/2{left:50%}.z-1{z-index:1}.z-10{z-index:10}.z-50{z-index:50}.z-\\[2\\]{z-index:2}.z-\\[1000\\]{z-index:1000}.row-span-2{grid-row:span 2/span 2}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mt-6{margin-top:calc(var(--spacing)*6)}.mr-auto{margin-right:auto}.mb-6{margin-bottom:calc(var(--spacing)*6)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1}.h-10{height:calc(var(--spacing)*10)}.h-12\\.5{height:calc(var(--spacing)*12.5)}.h-\\[4\\.8rem\\]{height:4.8rem}.h-\\[5rem\\]{height:5rem}.h-\\[7\\.5rem\\]{height:7.5rem}.h-fit{height:fit-content}.h-full{height:100%}.h-screen{height:100vh}.max-h-\\[calc\\(100vh-5rem\\)\\]{max-height:calc(100vh - 5rem)}.max-h-full{max-height:100%}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-\\[7\\.5rem\\]{width:7.5rem}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.max-w-full{max-width:100%}.min-w-\\[20rem\\]{min-width:20rem}.min-w-full{min-width:100%}.-translate-x-1\\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-1\\/2{--tw-translate-y: 50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\\[-50\\%\\]{--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\\[-50px\\]{--tw-translate-y:-50px;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\\[calc\\(-50\\%_-_50px\\)\\]{--tw-translate-y: calc(-50% - 50px) ;translate:var(--tw-translate-x)var(--tw-translate-y)}.grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.content-center{align-content:center}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0{gap:calc(var(--spacing)*0)}.gap-2{gap:calc(var(--spacing)*2)}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-visible{overflow-y:visible}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-8{border-bottom-style:var(--tw-border-style);border-bottom-width:8px}.border-solid{--tw-border-style:solid;border-style:solid}.border-black\\/30{border-color:color-mix(in oklab,var(--color-black)30%,transparent)}.border-current{border-color:currentColor}.border-grey-muted{border-color:var(--color-grey-muted)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.bg-black{background-color:var(--color-black)}.bg-blue{background-color:var(--color-blue)}.bg-green{background-color:var(--color-green)}.bg-grey-muted{background-color:var(--color-grey-muted)}.bg-red{background-color:var(--color-red)}.bg-white{background-color:var(--color-white)}.bg-yellow{background-color:var(--color-yellow)}.p-0\\.5{padding:calc(var(--spacing)*.5)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-\\[calc\\(\\(100\\%-1320px\\)\\/2\\)\\]{padding-inline:calc(50% - 660px)}.px-\\[max\\(calc\\(\\(100\\%-1320px\\)\\/2\\)\\,2rem\\)\\]{padding-inline:max(50% - 660px,2rem)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-12{padding-block:calc(var(--spacing)*12)}.pt-6{padding-top:calc(var(--spacing)*6)}.pt-8{padding-top:calc(var(--spacing)*8)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.text-center{text-align:center}.font-sans{font-family:var(--font-sans)}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.whitespace-normal{white-space:normal}.text-black{color:var(--color-black)}.text-black-contrast{color:var(--color-black-contrast)}.text-blue{color:var(--color-blue)}.text-blue-contrast{color:var(--color-blue-contrast)}.text-green-contrast{color:var(--color-green-contrast)}.text-grey-muted-contrast{color:var(--color-grey-muted-contrast)}.text-red-contrast{color:var(--color-red-contrast)}.text-yellow{color:var(--color-yellow)}.text-yellow-contrast{color:var(--color-yellow-contrast)}.not-italic{font-style:normal}.underline{text-decoration-line:underline}.decoration-transparent{text-decoration-color:#0000}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[opacity\\,visibility\\]{transition-property:opacity,visibility;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.group-aria-expanded\\:rotate-180:is(:where(.group)[aria-expanded=true] *){rotate:180deg}:is(.first\\:\\*\\:mt-4:first-child>*){margin-top:calc(var(--spacing)*4)}:is(.last\\:\\*\\:mb-4:last-child>*){margin-bottom:calc(var(--spacing)*4)}@media (hover:hover){.hover\\:border-transparent:hover{border-color:#0000}.hover\\:border-yellow:hover{border-color:var(--color-yellow)}.hover\\:bg-\\[\\#0a66c2\\]:hover{background-color:#0a66c2}.hover\\:bg-\\[\\#0866ff\\]:hover{background-color:#0866ff}.hover\\:bg-\\[\\#d62976\\]:hover{background-color:#d62976}.hover\\:bg-\\[\\#ff0000\\]:hover{background-color:red}.hover\\:bg-grey-muted:hover{background-color:var(--color-grey-muted)}.hover\\:bg-red:hover{background-color:var(--color-red)}.hover\\:bg-white:hover{background-color:var(--color-white)}.hover\\:bg-yellow:hover{background-color:var(--color-yellow)}.hover\\:text-black:hover{color:var(--color-black)}.hover\\:text-blue-focus:hover{color:var(--color-blue-focus)}.hover\\:text-grey-muted-contrast:hover{color:var(--color-grey-muted-contrast)}.hover\\:text-red-contrast:hover{color:var(--color-red-contrast)}.hover\\:text-white:hover{color:var(--color-white)}.hover\\:text-yellow:hover{color:var(--color-yellow)}.hover\\:text-yellow-contrast:hover{color:var(--color-yellow-contrast)}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:decoration-black-contrast:hover{-webkit-text-decoration-color:var(--color-black-contrast);text-decoration-color:var(--color-black-contrast)}.hover\\:decoration-current:hover{text-decoration-color:currentColor}.hover\\:opacity-75:hover{opacity:.75}}.focus\\:border-transparent:focus{border-color:#0000}.focus\\:bg-\\[\\#0a66c2\\]:focus{background-color:#0a66c2}.focus\\:bg-\\[\\#0866ff\\]:focus{background-color:#0866ff}.focus\\:bg-\\[\\#d62976\\]:focus{background-color:#d62976}.focus\\:bg-\\[\\#ff0000\\]:focus{background-color:red}.focus\\:bg-grey-muted:focus{background-color:var(--color-grey-muted)}.focus\\:bg-red:focus{background-color:var(--color-red)}.focus\\:bg-white:focus{background-color:var(--color-white)}.focus\\:bg-yellow:focus{background-color:var(--color-yellow)}.focus\\:text-black:focus{color:var(--color-black)}.focus\\:text-blue-focus:focus{color:var(--color-blue-focus)}.focus\\:text-red-contrast:focus{color:var(--color-red-contrast)}.focus\\:text-white:focus{color:var(--color-white)}.focus\\:text-yellow-contrast:focus{color:var(--color-yellow-contrast)}.focus\\:underline:focus{text-decoration-line:underline}.focus\\:decoration-black-contrast:focus{-webkit-text-decoration-color:var(--color-black-contrast);text-decoration-color:var(--color-black-contrast)}.focus\\:decoration-current:focus{text-decoration-color:currentColor}.focus\\:opacity-75:focus{opacity:.75}.aria-expanded\\:bg-grey-muted[aria-expanded=true]{background-color:var(--color-grey-muted)}.aria-expanded\\:bg-white[aria-expanded=true]{background-color:var(--color-white)}.aria-expanded\\:bg-yellow[aria-expanded=true]{background-color:var(--color-yellow)}.aria-expanded\\:text-black[aria-expanded=true]{color:var(--color-black)}.aria-expanded\\:text-grey-muted-contrast[aria-expanded=true]{color:var(--color-grey-muted-contrast)}.aria-expanded\\:text-yellow-contrast[aria-expanded=true]{color:var(--color-yellow-contrast)}@media (prefers-reduced-motion:reduce){.motion-reduce\\:transition-none{transition-property:none}}@media (width>=1320px){.min-\\[1320px\\]\\:absolute{position:absolute}.min-\\[1320px\\]\\:left-\\[max\\(calc\\(\\(100\\%-1320px\\)\\/2\\)\\,7\\.5rem\\)\\]{left:max(50% - 660px,7.5rem)}}@media (width>=40rem){.sm\\:w-fit{width:fit-content}.sm\\:p-8{padding:calc(var(--spacing)*8)}}@media (width>=48rem){.md\\:col-\\[2\\]{grid-column:2}.md\\:row-\\[1\\]{grid-row:1}.md\\:mt-0{margin-top:calc(var(--spacing)*0)}.md\\:mb-0{margin-bottom:calc(var(--spacing)*0)}.md\\:grid{display:grid}.md\\:h-\\[3\\.5em\\]{height:3.5em}.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:gap-6{gap:calc(var(--spacing)*6)}}@media (width>=64rem){.lg\\:static{position:static}.lg\\:col-\\[4\\]{grid-column:4}.lg\\:row-\\[1\\]{grid-row:1}.lg\\:h-10{height:calc(var(--spacing)*10)}.lg\\:h-25{height:calc(var(--spacing)*25)}.lg\\:w-\\[30rem\\]{width:30rem}.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\\:whitespace-nowrap{white-space:nowrap}}.\\[\\&_svg\\]\\:aria-expanded\\:rotate-180 svg[aria-expanded=true]{rotate:180deg}.\\[\\&\\>\\*\\]\\:aspect-square>*{aspect-ratio:1}.\\[\\&\\>li\\]\\:contents>li{display:contents}.\\[\\&\\>slot\\[name\\=\\"message\\"\\]\\:\\:slotted\\(\\*\\)\\]\\:text-base>slot[name=message]::slotted(*){font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.\\[\\&\\>slot\\[name\\=\\"message\\"\\]\\:\\:slotted\\(a\\)\\]\\:px-1>slot[name=message]::slotted(a){padding-inline:calc(var(--spacing)*1)}.\\[\\&\\>slot\\[name\\=\\"message\\"\\]\\:\\:slotted\\(a\\:hover\\)\\]\\:bg-blue>slot[name=message]::slotted(a:hover){background-color:var(--color-blue)}.\\[\\&\\>slot\\[name\\=\\"message\\"\\]\\:\\:slotted\\(a\\:hover\\)\\]\\:text-blue-contrast>slot[name=message]::slotted(a:hover){color:var(--color-blue-contrast)}.\\[\\&\\>slot\\[name\\=\\"message\\"\\]\\:\\:slotted\\(a\\:hover\\)\\]\\:decoration-transparent>slot[name=message]::slotted(a:hover){text-decoration-color:#0000}.\\[\\&\\>slot\\[name\\=\\"message\\"\\]\\:\\:slotted\\(a\\:hover\\)\\]\\:transition-colors>slot[name=message]::slotted(a:hover){transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.\\[\\&\\>slot\\[name\\=\\"subtitle\\"\\]\\:\\:slotted\\(\\*\\)\\]\\:mb-4>slot[name=subtitle]::slotted(*){margin-bottom:calc(var(--spacing)*4)}.\\[\\&\\>slot\\[name\\=\\"subtitle\\"\\]\\:\\:slotted\\(\\*\\)\\]\\:text-xl>slot[name=subtitle]::slotted(*){font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.\\[\\&\\>slot\\[name\\=\\"subtitle\\"\\]\\:\\:slotted\\(\\*\\)\\]\\:font-bold>slot[name=subtitle]::slotted(*){--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.\\[\\&\\>svg\\]\\:mr-4>svg{margin-right:calc(var(--spacing)*4)}.\\[\\&\\>svg\\]\\:block>svg{display:block}.\\[\\&\\>svg\\]\\:h-\\[1\\.5em\\]>svg{height:1.5em}.\\[\\&\\>svg\\]\\:h-full>svg{height:100%}.\\[\\&\\>svg\\]\\:w-auto>svg{width:auto}.\\[\\&\\>svg\\]\\:w-full>svg{width:100%}.\\[\\&\\>svg\\]\\:fill-current>svg{fill:currentColor}.\\[\\&\\>svg\\]\\:transition-transform>svg{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}';
+const ja = '/*! tailwindcss v4.0.11 | MIT License | https://tailwindcss.com */@layer theme{:root,:host{--font-sans:"DM Sans",ui-sans-serif,system-ui,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-black:#000;--color-white:#fff;--spacing:.4rem;--text-base:1.6rem;--text-base--line-height:1.4;--text-lg:1.8rem;--text-lg--line-height:1.4;--text-xl:2rem;--text-xl--line-height:1.4;--font-weight-bold:700;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-font-feature-settings:var(--font-sans--font-feature-settings);--default-font-variation-settings:var(--font-sans--font-variation-settings);--default-mono-font-family:var(--font-mono);--default-mono-font-feature-settings:var(--font-mono--font-feature-settings);--default-mono-font-variation-settings:var(--font-mono--font-variation-settings);--color-black-contrast:#fff;--color-red:#e51937;--color-red-contrast:#fff;--color-yellow:#ffc429;--color-yellow-contrast:#000;--color-blue:#187bb4;--color-blue-focus:#135f8b;--color-blue-contrast:#fff;--color-green:#318738;--color-green-contrast:#fff;--color-grey-muted:#ddd;--color-grey-muted-contrast:#000}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1;color:color-mix(in oklab,currentColor 50%,transparent)}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--tw-max-content-width:137rem;font-size:62.5%}body{margin:0;padding:0;font-size:1.6rem}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}svg.fa-icon{fill:currentColor;height:1em;display:block}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.\\!static{position:static!important}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.top-0{top:calc(var(--spacing)*0)}.top-1\\/2{top:50%}.top-full{top:100%}.right-0{right:calc(var(--spacing)*0)}.right-8{right:calc(var(--spacing)*8)}.bottom-8{bottom:calc(var(--spacing)*8)}.left-0{left:calc(var(--spacing)*0)}.left-1\\/2{left:50%}.z-1{z-index:1}.z-10{z-index:10}.z-50{z-index:50}.z-\\[2\\]{z-index:2}.z-\\[1000\\]{z-index:1000}.row-span-2{grid-row:span 2/span 2}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mt-6{margin-top:calc(var(--spacing)*6)}.mr-auto{margin-right:auto}.mb-6{margin-bottom:calc(var(--spacing)*6)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1}.h-10{height:calc(var(--spacing)*10)}.h-12\\.5{height:calc(var(--spacing)*12.5)}.h-\\[4\\.8rem\\]{height:4.8rem}.h-\\[5rem\\]{height:5rem}.h-\\[7\\.5rem\\]{height:7.5rem}.h-fit{height:fit-content}.h-full{height:100%}.h-screen{height:100vh}.max-h-\\[calc\\(100vh-5rem\\)\\]{max-height:calc(100vh - 5rem)}.max-h-full{max-height:100%}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-\\[7\\.5rem\\]{width:7.5rem}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.max-w-full{max-width:100%}.min-w-\\[20rem\\]{min-width:20rem}.min-w-full{min-width:100%}.-translate-x-1\\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-1\\/2{--tw-translate-y: 50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\\[-50\\%\\]{--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\\[-50px\\]{--tw-translate-y:-50px;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\\[calc\\(-50\\%_-_50px\\)\\]{--tw-translate-y: calc(-50% - 50px) ;translate:var(--tw-translate-x)var(--tw-translate-y)}.grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.content-center{align-content:center}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0{gap:calc(var(--spacing)*0)}.gap-2{gap:calc(var(--spacing)*2)}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-visible{overflow-y:visible}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-8{border-bottom-style:var(--tw-border-style);border-bottom-width:8px}.border-solid{--tw-border-style:solid;border-style:solid}.border-black\\/30{border-color:color-mix(in oklab,var(--color-black)30%,transparent)}.border-current{border-color:currentColor}.border-grey-muted{border-color:var(--color-grey-muted)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.bg-black{background-color:var(--color-black)}.bg-blue{background-color:var(--color-blue)}.bg-green{background-color:var(--color-green)}.bg-grey-muted{background-color:var(--color-grey-muted)}.bg-red{background-color:var(--color-red)}.bg-white{background-color:var(--color-white)}.bg-yellow{background-color:var(--color-yellow)}.p-0\\.5{padding:calc(var(--spacing)*.5)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-\\[calc\\(\\(100\\%-1320px\\)\\/2\\)\\]{padding-inline:calc(50% - 660px)}.px-\\[max\\(calc\\(\\(100\\%-1320px\\)\\/2\\)\\,2rem\\)\\]{padding-inline:max(50% - 660px,2rem)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-12{padding-block:calc(var(--spacing)*12)}.pt-6{padding-top:calc(var(--spacing)*6)}.pt-8{padding-top:calc(var(--spacing)*8)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.text-center{text-align:center}.font-sans{font-family:var(--font-sans)}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.whitespace-normal{white-space:normal}.text-black{color:var(--color-black)}.text-black-contrast{color:var(--color-black-contrast)}.text-blue{color:var(--color-blue)}.text-blue-contrast{color:var(--color-blue-contrast)}.text-green-contrast{color:var(--color-green-contrast)}.text-grey-muted-contrast{color:var(--color-grey-muted-contrast)}.text-red-contrast{color:var(--color-red-contrast)}.text-yellow{color:var(--color-yellow)}.text-yellow-contrast{color:var(--color-yellow-contrast)}.not-italic{font-style:normal}.underline{text-decoration-line:underline}.decoration-transparent{text-decoration-color:#0000}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[opacity\\,visibility\\]{transition-property:opacity,visibility;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.group-aria-expanded\\:rotate-180:is(:where(.group)[aria-expanded=true] *){rotate:180deg}:is(.first\\:\\*\\:mt-4:first-child>*){margin-top:calc(var(--spacing)*4)}:is(.last\\:\\*\\:mb-4:last-child>*){margin-bottom:calc(var(--spacing)*4)}@media (hover:hover){.hover\\:border-transparent:hover{border-color:#0000}.hover\\:border-yellow:hover{border-color:var(--color-yellow)}.hover\\:bg-\\[\\#0a66c2\\]:hover{background-color:#0a66c2}.hover\\:bg-\\[\\#0866ff\\]:hover{background-color:#0866ff}.hover\\:bg-\\[\\#d62976\\]:hover{background-color:#d62976}.hover\\:bg-\\[\\#ff0000\\]:hover{background-color:red}.hover\\:bg-grey-muted:hover{background-color:var(--color-grey-muted)}.hover\\:bg-red:hover{background-color:var(--color-red)}.hover\\:bg-white:hover{background-color:var(--color-white)}.hover\\:bg-yellow:hover{background-color:var(--color-yellow)}.hover\\:text-black:hover{color:var(--color-black)}.hover\\:text-blue-focus:hover{color:var(--color-blue-focus)}.hover\\:text-grey-muted-contrast:hover{color:var(--color-grey-muted-contrast)}.hover\\:text-red-contrast:hover{color:var(--color-red-contrast)}.hover\\:text-white:hover{color:var(--color-white)}.hover\\:text-yellow:hover{color:var(--color-yellow)}.hover\\:text-yellow-contrast:hover{color:var(--color-yellow-contrast)}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:decoration-black-contrast:hover{-webkit-text-decoration-color:var(--color-black-contrast);text-decoration-color:var(--color-black-contrast)}.hover\\:decoration-current:hover{text-decoration-color:currentColor}.hover\\:opacity-75:hover{opacity:.75}}.focus\\:border-transparent:focus{border-color:#0000}.focus\\:bg-\\[\\#0a66c2\\]:focus{background-color:#0a66c2}.focus\\:bg-\\[\\#0866ff\\]:focus{background-color:#0866ff}.focus\\:bg-\\[\\#d62976\\]:focus{background-color:#d62976}.focus\\:bg-\\[\\#ff0000\\]:focus{background-color:red}.focus\\:bg-grey-muted:focus{background-color:var(--color-grey-muted)}.focus\\:bg-red:focus{background-color:var(--color-red)}.focus\\:bg-white:focus{background-color:var(--color-white)}.focus\\:bg-yellow:focus{background-color:var(--color-yellow)}.focus\\:text-black:focus{color:var(--color-black)}.focus\\:text-blue-focus:focus{color:var(--color-blue-focus)}.focus\\:text-red-contrast:focus{color:var(--color-red-contrast)}.focus\\:text-white:focus{color:var(--color-white)}.focus\\:text-yellow-contrast:focus{color:var(--color-yellow-contrast)}.focus\\:underline:focus{text-decoration-line:underline}.focus\\:decoration-black-contrast:focus{-webkit-text-decoration-color:var(--color-black-contrast);text-decoration-color:var(--color-black-contrast)}.focus\\:decoration-current:focus{text-decoration-color:currentColor}.focus\\:opacity-75:focus{opacity:.75}.aria-expanded\\:bg-grey-muted[aria-expanded=true]{background-color:var(--color-grey-muted)}.aria-expanded\\:bg-white[aria-expanded=true]{background-color:var(--color-white)}.aria-expanded\\:bg-yellow[aria-expanded=true]{background-color:var(--color-yellow)}.aria-expanded\\:text-black[aria-expanded=true]{color:var(--color-black)}.aria-expanded\\:text-grey-muted-contrast[aria-expanded=true]{color:var(--color-grey-muted-contrast)}.aria-expanded\\:text-yellow-contrast[aria-expanded=true]{color:var(--color-yellow-contrast)}@media (prefers-reduced-motion:reduce){.motion-reduce\\:transition-none{transition-property:none}}@media (width>=1320px){.min-\\[1320px\\]\\:absolute{position:absolute}.min-\\[1320px\\]\\:left-\\[max\\(calc\\(\\(100\\%-1320px\\)\\/2\\)\\,7\\.5rem\\)\\]{left:max(50% - 660px,7.5rem)}}@media (width>=40rem){.sm\\:w-fit{width:fit-content}.sm\\:p-8{padding:calc(var(--spacing)*8)}}@media (width>=48rem){.md\\:col-\\[2\\]{grid-column:2}.md\\:row-\\[1\\]{grid-row:1}.md\\:mt-0{margin-top:calc(var(--spacing)*0)}.md\\:mb-0{margin-bottom:calc(var(--spacing)*0)}.md\\:grid{display:grid}.md\\:h-\\[3\\.5em\\]{height:3.5em}.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:gap-6{gap:calc(var(--spacing)*6)}}@media (width>=64rem){.lg\\:static{position:static}.lg\\:col-\\[4\\]{grid-column:4}.lg\\:row-\\[1\\]{grid-row:1}.lg\\:h-10{height:calc(var(--spacing)*10)}.lg\\:h-25{height:calc(var(--spacing)*25)}.lg\\:w-\\[30rem\\]{width:30rem}.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\\:whitespace-nowrap{white-space:nowrap}}.\\[\\&_svg\\]\\:aria-expanded\\:rotate-180 svg[aria-expanded=true]{rotate:180deg}.\\[\\&\\>\\*\\]\\:aspect-square>*{aspect-ratio:1}.\\[\\&\\>li\\]\\:contents>li{display:contents}.\\[\\&\\>slot\\[name\\=\\"message\\"\\]\\:\\:slotted\\(\\*\\)\\]\\:text-base>slot[name=message]::slotted(*){font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.\\[\\&\\>slot\\[name\\=\\"message\\"\\]\\:\\:slotted\\(a\\)\\]\\:px-1>slot[name=message]::slotted(a){padding-inline:calc(var(--spacing)*1)}.\\[\\&\\>slot\\[name\\=\\"message\\"\\]\\:\\:slotted\\(a\\:hover\\)\\]\\:bg-blue>slot[name=message]::slotted(a:hover){background-color:var(--color-blue)}.\\[\\&\\>slot\\[name\\=\\"message\\"\\]\\:\\:slotted\\(a\\:hover\\)\\]\\:text-blue-contrast>slot[name=message]::slotted(a:hover){color:var(--color-blue-contrast)}.\\[\\&\\>slot\\[name\\=\\"message\\"\\]\\:\\:slotted\\(a\\:hover\\)\\]\\:decoration-transparent>slot[name=message]::slotted(a:hover){text-decoration-color:#0000}.\\[\\&\\>slot\\[name\\=\\"message\\"\\]\\:\\:slotted\\(a\\:hover\\)\\]\\:transition-colors>slot[name=message]::slotted(a:hover){transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.\\[\\&\\>slot\\[name\\=\\"subtitle\\"\\]\\:\\:slotted\\(\\*\\)\\]\\:mb-4>slot[name=subtitle]::slotted(*){margin-bottom:calc(var(--spacing)*4)}.\\[\\&\\>slot\\[name\\=\\"subtitle\\"\\]\\:\\:slotted\\(\\*\\)\\]\\:text-xl>slot[name=subtitle]::slotted(*){font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.\\[\\&\\>slot\\[name\\=\\"subtitle\\"\\]\\:\\:slotted\\(\\*\\)\\]\\:font-bold>slot[name=subtitle]::slotted(*){--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.\\[\\&\\>svg\\]\\:mr-4>svg{margin-right:calc(var(--spacing)*4)}.\\[\\&\\>svg\\]\\:block>svg{display:block}.\\[\\&\\>svg\\]\\:h-\\[1\\.5em\\]>svg{height:1.5em}.\\[\\&\\>svg\\]\\:h-full>svg{height:100%}.\\[\\&\\>svg\\]\\:w-auto>svg{width:auto}.\\[\\&\\>svg\\]\\:w-full>svg{width:100%}.\\[\\&\\>svg\\]\\:max-w-\\[25rem\\]>svg{max-width:25rem}.\\[\\&\\>svg\\]\\:fill-current>svg{fill:currentColor}.\\[\\&\\>svg\\]\\:transition-transform>svg{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}';
 let ke = null;
 typeof CSSStyleSheet == "function" && (ke = new CSSStyleSheet(), ke.replaceSync(ja));
 function $c(t) {

package/dist/uofg-web-components/{index-client-CXlOM-p3.js → index-client-B8yHTd41.js}

@@ -1,4 +1,4 @@
-import { av as t, aB as a, aC as o, B as c, z as u } from "./index-C4pxMwQ8.js";
+import { av as t, aB as a, aC as o, B as c, z as u } from "./index-COoEfbwQ.js";
 function f(e) {
   t === null && a(), o && t.l !== null ? l(t).m.push(e) : c(() => {
     const n = u(e);

package/dist/uofg-web-components/{legacy-Dg274yvM.js → legacy-BSFAeYfk.js}

@@ -1,4 +1,4 @@
-import { ar as d, a3 as g, as as v, a9 as b, at as h, E as m, au as y, av as k, aw as E, B as c, z as x, ax as A, ay as l, m as u, az as T, o as z, aA as F } from "./index-C4pxMwQ8.js";
+import { ar as d, a3 as g, as as v, a9 as b, at as h, E as m, au as y, av as k, aw as E, B as c, z as x, ax as A, ay as l, m as u, az as T, o as z, aA as F } from "./index-COoEfbwQ.js";
 function R(t, s, ...a) {
   var r = t, n = b, e;
   d(() => {

package/dist/uofg-web-components/{slot-Dd5V4rTQ.js → slot-PkqRrLOL.js}

@@ -1,4 +1,4 @@
-import { E as r, G as l } from "./index-C4pxMwQ8.js";
+import { E as r, G as l } from "./index-COoEfbwQ.js";
 function d(i, t, e, s, o) {
   var a;
   r && l();

package/dist/uofg-web-components/uofg-alert.esm.js

@@ -1,6 +1,6 @@
-import { c as q, p as A, a as B, b as p, t as D, F as G, f as H, s as c, d as s, e as I, g as o, h as a, i as J, j as K, k as L, r as l } from "./index-C4pxMwQ8.js";
-import { s as N, a as d } from "./slot-Dd5V4rTQ.js";
-import { o as O } from "./index-client-CXlOM-p3.js";
+import { c as q, p as A, a as B, b as p, t as D, F as G, f as H, s as c, d as s, e as I, g as o, h as a, i as J, j as K, k as L, r as l } from "./index-COoEfbwQ.js";
+import { s as N, a as d } from "./slot-PkqRrLOL.js";
+import { o as O } from "./index-client-B8yHTd41.js";
 import { c as P } from "./index-O5kp37c8.js";
 var Q = D("<div><div><!> <!></div> <div><!> <span><!></span></div> <div><!></div></div>");
 function V(m, t) {

package/dist/uofg-web-components/uofg-back-to-top.esm.js

@@ -1,5 +1,5 @@
-import { l as b, c as u, t as f, F as m, e as v, m as o, i as h, j as _, p as g, n as x, g as w, o as k, h as y, q as T, u as j, v as F, d as c, r as i, w as U, b as q } from "./index-C4pxMwQ8.js";
-import { b as z } from "./window-BUGShOMz.js";
+import { l as b, c as u, t as f, F as m, e as v, m as o, i as h, j as _, p as g, n as x, g as w, o as k, h as y, q as T, u as j, v as F, d as c, r as i, w as U, b as q } from "./index-COoEfbwQ.js";
+import { b as z } from "./window-Do2AuJP2.js";
 import { c as B } from "./index-O5kp37c8.js";
 const C = () => {
   window.scroll({ top: 0, left: 0, behavior: "smooth" });

package/dist/uofg-web-components/uofg-footer.esm.js

@@ -1,7 +1,7 @@
-import { c as z, p as I, a as T, t as $, H as D, e as y, g as V, h as N, i as u, j as S, k as U, r as n, d as g, C as X, m as h, I as L, J as E, K as ue, L as fe, M as he, N as de, O as pe, P as ve, Q as ge, R as B, T as xe, U as we, V as A, F as me, W as te, X as be, Y as _e, Z as W, s as M, _ as J, $ as Z, a0 as K, w as O, a1 as R, v as ke, u as Q, q as ye, b as Me } from "./index-C4pxMwQ8.js";
-import { o as $e } from "./index-client-CXlOM-p3.js";
+import { c as z, p as I, a as T, t as $, H as D, e as y, g as V, h as N, i as u, j as S, k as U, r as n, d as g, C as X, m as h, I as L, J as E, K as ue, L as fe, M as he, N as de, O as pe, P as ve, Q as ge, R as B, T as xe, U as we, V as A, F as me, W as te, X as be, Y as _e, Z as W, s as M, _ as J, $ as Z, a0 as K, w as O, a1 as R, v as ke, u as Q, q as ye, b as Me } from "./index-COoEfbwQ.js";
+import { o as $e } from "./index-client-B8yHTd41.js";
 import { c as Y } from "./index-O5kp37c8.js";
-import { i as j, s as Ce } from "./legacy-Dg274yvM.js";
+import { i as j, s as Ce } from "./legacy-BSFAeYfk.js";
 var Le = $("<li><a> </a></li>"), Ve = $("<ul></ul>");
 function se(d, e) {
   I(e, !0);
@@ -58,7 +58,7 @@ function ae(d) {
   u(d, e);
 }
 z(ae, {}, [], [], !0);
-var ze = $('<a href="https://www.uoguelph.ca/improve-life" aria-label="Improve Life" class="row-span-2 flex h-[4.8rem] w-full overflow-hidden transition-opacity hover:opacity-75 focus:opacity-75 md:h-[3.5em] [&amp;>svg]:block [&amp;>svg]:h-full [&amp;>svg]:w-full"><!></a>');
+var ze = $('<a href="https://www.uoguelph.ca/improve-life" aria-label="Improve Life" class="row-span-2 flex h-[4.8rem] w-full overflow-hidden transition-opacity hover:opacity-75 focus:opacity-75 md:h-[3.5em] [&amp;>svg]:block [&amp;>svg]:h-full [&amp;>svg]:w-full [&amp;>svg]:max-w-[25rem]"><!></a>');
 function re(d) {
   var e = ze(), i = g(e);
   ae(i), n(e), u(d, e);

package/dist/uofg-web-components/uofg-header.esm.js

@@ -5,11 +5,11 @@ var jt = (e) => {
 var he = (e, t, a) => t in e ? fe(e, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[t] = a;
 var At = (e, t, a) => he(e, typeof t != "symbol" ? t + "" : t, a), kt = (e, t, a) => t.has(e) || jt("Cannot " + a);
 var D = (e, t, a) => (kt(e, t, "read from private field"), a ? a.call(e) : t.get(e)), ft = (e, t, a) => t.has(e) ? jt("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, a), Mt = (e, t, a, s) => (kt(e, t, "write to private field"), s ? s.call(e, a) : t.set(e, a), a), Ht = (e, t, a) => (kt(e, t, "access private method"), a);
-import { x as Zt, z as Pt, a2 as Et, a3 as de, a4 as pe, a5 as ge, a6 as be, a7 as xe, a8 as me, A as _e, a9 as Q, aa as Tt, ab as Ft, ac as we, ad as ye, c as F, p as O, a as H, ae as Wt, t as S, s as W, d as $, $ as N, e as Z, af as $e, i as m, j as G, k as E, ag as ut, ah as Bt, ai as vt, r as b, aj as Ut, _ as dt, Z as ct, h as T, g as B, C as Y, l as ke, ak as _t, I as A, al as Me, am as Se, H as U, V as R, m as r, X as at, F as q, an as wt, K as yt, J as nt, ao as zt, W as qt, B as Ot, v as ot, q as J, u as ht, b as Le } from "./index-C4pxMwQ8.js";
-import { a as Ce } from "./window-BUGShOMz.js";
-import { s as Lt, i as $t } from "./legacy-Dg274yvM.js";
+import { x as Zt, z as Pt, a2 as Et, a3 as de, a4 as pe, a5 as ge, a6 as be, a7 as xe, a8 as me, A as _e, a9 as Q, aa as Tt, ab as Ft, ac as we, ad as ye, c as F, p as O, a as H, ae as Wt, t as S, s as W, d as $, $ as N, e as Z, af as $e, i as m, j as G, k as E, ag as ut, ah as Bt, ai as vt, r as b, aj as Ut, _ as dt, Z as ct, h as T, g as B, C as Y, l as ke, ak as _t, I as A, al as Me, am as Se, H as U, V as R, m as r, X as at, F as q, an as wt, K as yt, J as nt, ao as zt, W as qt, B as Ot, v as lt, q as J, u as ht, b as Le } from "./index-COoEfbwQ.js";
+import { a as Ce } from "./window-Do2AuJP2.js";
+import { s as Lt, i as $t } from "./legacy-BSFAeYfk.js";
 import { c as Nt } from "./index-O5kp37c8.js";
-import { o as Gt } from "./index-client-CXlOM-p3.js";
+import { o as Gt } from "./index-client-B8yHTd41.js";
 function Ve(e, t, a) {
   Zt(() => {
     var s = Pt(() => t(e, a == null ? void 0 : a()) || {});
@@ -68,19 +68,19 @@ function Rt(e) {
   for (const s of a) {
     const [_, p] = s.split(":");
     if (!_ || p === void 0) break;
-    const o = Ne(_.trim());
-    t[o] = p.trim();
+    const l = Ne(_.trim());
+    t[l] = p.trim();
   }
   return t;
 }
 const je = (e) => e;
 function rt(e, t, a, s) {
-  var _ = (e & be) !== 0, p = "both", o, w = t.inert, M = t.style.overflow, u, n;
-  function l() {
+  var _ = (e & be) !== 0, p = "both", l, w = t.inert, M = t.style.overflow, u, n;
+  function o() {
     var v = we, i = Et;
     Tt(null), Ft(null);
     try {
-      return o ?? (o = a()(t, (s == null ? void 0 : s()) ?? /** @type {P} */
+      return l ?? (l = a()(t, (s == null ? void 0 : s()) ?? /** @type {P} */
       {}, {
         direction: p
       }));
@@ -91,12 +91,12 @@ function rt(e, t, a, s) {
   var f = {
     is_global: _,
     in() {
-      t.inert = w, gt(t, "introstart"), u = Ct(t, l(), n, 1, () => {
-        gt(t, "introend"), u == null || u.abort(), u = o = void 0, t.style.overflow = M;
+      t.inert = w, gt(t, "introstart"), u = Ct(t, o(), n, 1, () => {
+        gt(t, "introend"), u == null || u.abort(), u = l = void 0, t.style.overflow = M;
       });
     },
     out(v) {
-      t.inert = !0, gt(t, "outrostart"), n = Ct(t, l(), u, 0, () => {
+      t.inert = !0, gt(t, "outrostart"), n = Ct(t, o(), u, 0, () => {
         gt(t, "outroend"), v == null || v();
       });
     },
@@ -126,19 +126,19 @@ function rt(e, t, a, s) {
 function Ct(e, t, a, s, _) {
   var p = s === 1;
   if (me(t)) {
-    var o, w = !1;
+    var l, w = !1;
     return _e(() => {
       if (!w) {
         var v = t({ direction: p ? "in" : "out" });
-        o = Ct(e, v, a, s, _);
+        l = Ct(e, v, a, s, _);
       }
     }), {
       abort: () => {
-        w = !0, o == null || o.abort();
+        w = !0, l == null || l.abort();
       },
-      deactivate: () => o.deactivate(),
-      reset: () => o.reset(),
-      t: () => o.t()
+      deactivate: () => l.deactivate(),
+      reset: () => l.reset(),
+      t: () => l.t()
     };
   }
   if (a == null || a.deactivate(), !(t != null && t.duration))
@@ -148,7 +148,7 @@ function Ct(e, t, a, s, _) {
       reset: Q,
       t: () => s
     };
-  const { delay: M = 0, css: u, tick: n, easing: l = je } = t;
+  const { delay: M = 0, css: u, tick: n, easing: o = je } = t;
   var f = [];
   if (p && a === void 0 && (n && n(0, 1), u)) {
     var g = Rt(u(0, 1));
@@ -166,7 +166,7 @@ function Ct(e, t, a, s, _) {
       var V = !1;
       if (u)
         for (var C = Math.ceil(y / 16.666666666666668), k = 0; k <= C; k += 1) {
-          var d = v + i * l(k / C), L = Rt(u(d, 1 - d));
+          var d = v + i * o(k / C), L = Rt(u(d, 1 - d));
           h.push(L), V || (V = L.overflow === "hidden");
         }
       V && (e.style.overflow = "hidden"), x = () => {
@@ -175,7 +175,7 @@ function Ct(e, t, a, s, _) {
           /** @type {globalThis.Animation} */
           c.currentTime
         );
-        return v + i * l(P / y);
+        return v + i * o(P / y);
       }, n && Pe(() => {
         if (c.playState !== "running") return !1;
         var P = x();
@@ -260,13 +260,13 @@ var He = S('<div tabindex="-1"><!> <!></div>');
 function tt(e, t) {
   O(t, !0);
   const [a, s] = ut(), _ = () => vt(u, "$open", a);
-  let p = H(t, "class", 7), o = H(t, "autoCollapse", 7, !0), w = H(t, "button", 7), M = H(t, "children", 7);
+  let p = H(t, "class", 7), l = H(t, "autoCollapse", 7, !0), w = H(t, "button", 7), M = H(t, "children", 7);
   const u = Bt(!1);
   Wt("menu", u);
   const n = () => {
-    o() && Ut(u, !1);
+    l() && Ut(u, !1);
   };
-  var l = He(), f = $(l);
+  var o = He(), f = $(o);
   Lt(f, () => w() ?? Q);
   var g = W(f, 2);
   {
@@ -278,9 +278,9 @@ function tt(e, t) {
       _() && v(x);
     });
   }
-  b(l), Ve(l, (v) => St == null ? void 0 : St(v)), Z(() => {
-    T(l, 1, B(p())), Y(l, "data-expanded", _());
-  }), $e("focusoutside", l, n), m(e, l);
+  b(o), Ve(o, (v) => St == null ? void 0 : St(v)), Z(() => {
+    T(o, 1, B(p())), Y(o, "data-expanded", _());
+  }), $e("focusoutside", o, n), m(e, o);
   var c = G({
     get class() {
       return p();
@@ -289,10 +289,10 @@ function tt(e, t) {
       p(v), E();
     },
     get autoCollapse() {
-      return o();
+      return l();
     },
     set autoCollapse(v = !0) {
-      o(v), E();
+      l(v), E();
     },
     get button() {
       return w();
@@ -329,20 +329,20 @@ var Te = S('<span class="sr-only"> </span>'), Fe = S('<button aria-haspopup="tru
 function et(e, t) {
   O(t, !0);
   const [a, s] = ut(), _ = () => vt(M, "$open", a);
-  let p = H(t, "class", 7), o = H(t, "label", 7), w = H(t, "children", 7);
+  let p = H(t, "class", 7), l = H(t, "label", 7), w = H(t, "children", 7);
   const M = _t("menu");
   var u = Fe();
   u.__click = [Ee, _, M];
   var n = $(u);
   Lt(n, () => w() ?? Q);
-  var l = W(n, 2);
+  var o = W(n, 2);
   {
     var f = (x) => {
       var c = Te(), v = $(c, !0);
-      b(c), Z(() => A(v, o())), m(x, c);
+      b(c), Z(() => A(v, l())), m(x, c);
     };
-    N(l, (x) => {
-      o() && x(f);
+    N(o, (x) => {
+      l() && x(f);
     });
   }
   b(u), Z(() => {
@@ -356,10 +356,10 @@ function et(e, t) {
       p(x), E();
     },
     get label() {
-      return o();
+      return l();
     },
     set label(x) {
-      o(x), E();
+      l(x), E();
     },
     get children() {
       return w();
@@ -467,12 +467,12 @@ function Re(e) {
   return t * t * t + 1;
 }
 function st(e, { delay: t = 0, duration: a = 400, easing: s = Re, axis: _ = "y" } = {}) {
-  const p = getComputedStyle(e), o = +p.opacity, w = _ === "y" ? "height" : "width", M = parseFloat(p[w]), u = _ === "y" ? ["top", "bottom"] : ["left", "right"], n = u.map(
+  const p = getComputedStyle(e), l = +p.opacity, w = _ === "y" ? "height" : "width", M = parseFloat(p[w]), u = _ === "y" ? ["top", "bottom"] : ["left", "right"], n = u.map(
     (i) => (
       /** @type {'Left' | 'Right' | 'Top' | 'Bottom'} */
       `${i[0].toUpperCase()}${i.slice(1)}`
     )
-  ), l = parseFloat(p[`padding${n[0]}`]), f = parseFloat(p[`padding${n[1]}`]), g = parseFloat(p[`margin${n[0]}`]), x = parseFloat(p[`margin${n[1]}`]), c = parseFloat(
+  ), o = parseFloat(p[`padding${n[0]}`]), f = parseFloat(p[`padding${n[1]}`]), g = parseFloat(p[`margin${n[0]}`]), x = parseFloat(p[`margin${n[1]}`]), c = parseFloat(
     p[`border${n[0]}Width`]
   ), v = parseFloat(
     p[`border${n[1]}Width`]
@@ -481,10 +481,10 @@ function st(e, { delay: t = 0, duration: a = 400, easing: s = Re, axis: _ = "y"
     delay: t,
     duration: a,
     easing: s,
-    css: (i) => `overflow: hidden;opacity: ${Math.min(i * 20, 1) * o};${w}: ${i * M}px;padding-${u[0]}: ${i * l}px;padding-${u[1]}: ${i * f}px;margin-${u[0]}: ${i * g}px;margin-${u[1]}: ${i * x}px;border-${u[0]}-width: ${i * c}px;border-${u[1]}-width: ${i * v}px;min-${w}: 0`
+    css: (i) => `overflow: hidden;opacity: ${Math.min(i * 20, 1) * l};${w}: ${i * M}px;padding-${u[0]}: ${i * o}px;padding-${u[1]}: ${i * f}px;margin-${u[0]}: ${i * g}px;margin-${u[1]}: ${i * x}px;border-${u[0]}-width: ${i * c}px;border-${u[1]}-width: ${i * v}px;min-${w}: 0`
   };
 }
-function lt(e) {
+function ot(e) {
   return e < 0.5 ? 4 * e * e * e : 0.5 * Math.pow(2 * e - 2, 3) + 1;
 }
 var We = S("<span> </span> <!>", 1), Be = S("<a> </a>"), Ue = S("<li><!></li>"), ze = S("<ul></ul>"), qe = S("<a> </a>"), Oe = S("<li><!></li>"), Ge = S('<nav aria-label="Secondary"><ul></ul></nav>');
@@ -509,23 +509,23 @@ function Yt(e, t) {
   })();
   $t();
   var s = Ge(), _ = $(s);
-  U(_, 5, () => [...Qt, Xt], (p) => p.text, (p, o) => {
+  U(_, 5, () => [...Qt, Xt], (p) => p.text, (p, l) => {
     var w = Oe(), M = $(w);
     {
-      var u = (l) => {
+      var u = (o) => {
         const f = R(() => a.menu());
-        tt(l, {
+        tt(o, {
           get class() {
             return r(f);
           },
           button: (x) => {
-            const c = R(() => a.menuButton({ hasIcon: !!r(o).icon }));
+            const c = R(() => a.menuButton({ hasIcon: !!r(l).icon }));
             et(x, {
               get class() {
                 return r(c);
               },
               get label() {
-                return r(o).text;
+                return r(l).text;
               },
               children: (v, i) => {
                 var y = dt(), h = ct(y);
@@ -533,17 +533,17 @@ function Yt(e, t) {
                   var V = (k) => {
                     q(k, {
                       get icon() {
-                        return r(o).icon;
+                        return r(l).icon;
                       }
                     });
                   }, C = (k) => {
                     var d = We(), L = ct(d), P = $(L, !0);
                     b(L);
                     var j = W(L, 2);
-                    q(j, { icon: wt }), Z(() => A(P, r(o).text)), m(k, d);
+                    q(j, { icon: wt }), Z(() => A(P, r(l).text)), m(k, d);
                   };
                   N(h, (k) => {
-                    r(o).icon ? k(V) : k(C, !1);
+                    r(l).icon ? k(V) : k(C, !1);
                   });
                 }
                 m(v, y);
@@ -553,7 +553,7 @@ function Yt(e, t) {
           },
           children: (x, c) => {
             var v = ze();
-            U(v, 5, () => r(o).items, (i) => i.text, (i, y) => {
+            U(v, 5, () => r(l).items, (i) => i.text, (i, y) => {
               var h = Ue(), V = $(h);
               {
                 var C = (k) => {
@@ -577,36 +577,36 @@ function Yt(e, t) {
                 });
               }
               b(h), m(i, h);
-            }), b(v), Z((i) => T(v, 1, i), [() => B(a.menuContent())], R), rt(3, v, () => st, () => ({ duration: 200, easing: lt })), m(x, v);
+            }), b(v), Z((i) => T(v, 1, i), [() => B(a.menuContent())], R), rt(3, v, () => st, () => ({ duration: 200, easing: ot })), m(x, v);
           },
           $$slots: { button: !0, default: !0 }
         });
-      }, n = (l) => {
+      }, n = (o) => {
         var f = qe();
         let g;
         var x = $(f, !0);
         b(f), Z(
           (c) => {
             g = at(f, g, {
-              ...r(o).attributes,
+              ...r(l).attributes,
               class: c,
-              href: r(o).href
-            }), A(x, r(o).text);
+              href: r(l).href
+            }), A(x, r(l).text);
           },
           [
-            () => a.link({ highlight: r(o).highlight })
+            () => a.link({ highlight: r(l).highlight })
           ],
           R
-        ), m(l, f);
+        ), m(o, f);
       };
-      N(M, (l) => {
-        "items" in r(o) ? l(u) : l(n, !1);
+      N(M, (o) => {
+        "items" in r(l) ? o(u) : o(n, !1);
       });
     }
     b(w), m(p, w);
   }), b(_), b(s), Z(
-    (p, o) => {
-      T(s, 1, p), T(_, 1, o);
+    (p, l) => {
+      T(s, 1, p), T(_, 1, l);
     },
     [
       () => B(a.base()),
@@ -657,26 +657,32 @@ F(ae, {}, [], [], !0);
 var Je = S('<div aria-hidden="true"><!></div>'), Qe = S('<div><!> <a href="https://www.uoguelph.ca" aria-label="University of Guelph Home Page"><!></a></div>');
 function re(e, t) {
   O(t, !1);
-  const [a, s] = ut(), _ = () => vt(p, "$headerState", a), p = _t("header-state"), o = Nt({
+  const [a, s] = ut(), _ = () => vt(p, "$headerState", a), p = _t("header-state"), l = Nt({
     slots: {
       base: "flex w-fit",
       decoration: "left-0 h-full w-[7.5rem] min-[1320px]:absolute [&>svg]:block [&>svg]:h-full [&>svg]:w-auto",
       logo: "flex h-full w-fit items-center transition-opacity hover:opacity-75 focus:opacity-75 min-[1320px]:absolute min-[1320px]:left-[max(calc((100%-1320px)/2),7.5rem)] [&>svg]:block [&>svg]:h-full [&>svg]:w-auto"
+    },
+    variants: {
+      mode: {
+        desktop: { logo: "py-2" },
+        mobile: { logo: "" }
+      }
     }
-  }), { base: w, decoration: M, logo: u } = o();
+  }), { base: w, decoration: M, logo: u } = l();
   $t();
-  var n = Qe(), l = $(n);
+  var n = Qe(), o = $(n);
   {
     var f = (i) => {
       var y = Je(), h = $(y);
       te(h), b(y), Z((V) => T(y, 1, V), [() => B(M())], R), m(i, y);
     };
-    N(l, (i) => {
+    N(o, (i) => {
       var y;
       ((y = _()) == null ? void 0 : y.mode) === "desktop" && i(f);
     });
   }
-  var g = W(l, 2), x = $(g);
+  var g = W(o, 2), x = $(g);
   {
     var c = (i) => {
       ae(i);
@@ -694,7 +700,7 @@ function re(e, t) {
     },
     [
       () => B(w()),
-      () => B(u())
+      () => B(u({ mode: _().mode }))
     ],
     R
   ), m(e, n), G(), s();
@@ -707,7 +713,7 @@ function se(e) {
 }
 F(se, {}, [], [], !0);
 var Ye = S('<a><span class="sr-only"> </span> <!></a>'), ta = S("<a> </a>"), ea = S("<li><!></li>"), aa = S("<ul></ul>");
-function le(e, t) {
+function oe(e, t) {
   O(t, !1);
   const a = Nt({
     slots: {
@@ -726,53 +732,53 @@ function le(e, t) {
   $t();
   var s = aa();
   U(s, 5, () => [...It, Jt], nt, (_, p) => {
-    var o = ea(), w = $(o);
+    var l = ea(), w = $(l);
     {
       var M = (n) => {
-        var l = Ye(), f = $(l), g = $(f, !0);
+        var o = Ye(), f = $(o), g = $(f, !0);
         b(f);
         var x = W(f, 2);
         q(x, {
           get icon() {
             return r(p).icon;
           }
-        }), b(l), Z(
+        }), b(o), Z(
           (c) => {
-            T(l, 1, c), Y(l, "href", r(p).href), A(g, r(p).text);
+            T(o, 1, c), Y(o, "href", r(p).href), A(g, r(p).text);
           },
           [
             () => B(a.link({ hasIcon: !0 }))
           ],
           R
-        ), m(n, l);
+        ), m(n, o);
       }, u = (n) => {
-        var l = ta(), f = $(l, !0);
-        b(l), Z(
+        var o = ta(), f = $(o, !0);
+        b(o), Z(
           (g) => {
-            T(l, 1, g), Y(l, "href", r(p).href), A(f, r(p).text);
+            T(o, 1, g), Y(o, "href", r(p).href), A(f, r(p).text);
           },
           [
             () => B(a.link({ hasIcon: !1 }))
           ],
           R
-        ), m(n, l);
+        ), m(n, o);
       };
       N(w, (n) => {
         r(p).icon ? n(M) : n(u, !1);
       });
     }
-    b(o), m(_, o);
+    b(l), m(_, l);
   }), b(s), Z((_) => T(s, 1, _), [() => B(a.base())], R), m(e, s), G();
 }
-F(le, {}, [], [], !0);
-var ra = S('<li class="contents first:*:mt-4 last:*:mb-4"><a> </a></li>'), sa = S('<ul class="absolute top-full right-0 z-50 flex w-full flex-col bg-white px-4 text-black shadow-md lg:w-[30rem]"></ul>'), la = S('<a class="flex aspect-square h-full items-center justify-center gap-2 px-4 transition-colors hover:bg-white hover:text-black focus:bg-white focus:text-black aria-expanded:bg-white aria-expanded:text-black"><!></a>'), oa = S("<li><!></li>"), na = S('<span><span class="mr-auto"> </span> <!></span>'), ia = S("<li><a> </a></li>"), ca = S('<ul class="flex w-full flex-col bg-white text-black [&amp;>li]:contents"></ul>'), ua = S("<a> </a>"), va = S("<li><!></li>"), fa = S('<ul class="absolute top-full right-0 z-50 flex max-h-[calc(100vh-5rem)] w-full flex-col overflow-y-auto bg-white px-4 py-3 text-black shadow-md lg:w-[30rem] [&amp;>li]:contents"></ul>'), ha = S('<ul class="flex h-full [&amp;>li]:contents"><!> <li><!></li></ul>');
-function oe(e) {
+F(oe, {}, [], [], !0);
+var ra = S('<li class="contents first:*:mt-4 last:*:mb-4"><a> </a></li>'), sa = S('<ul class="absolute top-full right-0 z-50 flex w-full flex-col bg-white px-4 text-black shadow-md lg:w-[30rem]"></ul>'), oa = S('<a class="flex aspect-square h-full items-center justify-center gap-2 px-4 transition-colors hover:bg-white hover:text-black focus:bg-white focus:text-black aria-expanded:bg-white aria-expanded:text-black"><!></a>'), la = S("<li><!></li>"), na = S('<span><span class="mr-auto"> </span> <!></span>'), ia = S("<li><a> </a></li>"), ca = S('<ul class="flex w-full flex-col bg-white text-black [&amp;>li]:contents"></ul>'), ua = S("<a> </a>"), va = S("<li><!></li>"), fa = S('<ul class="absolute top-full right-0 z-50 flex max-h-[calc(100vh-5rem)] w-full flex-col overflow-y-auto bg-white px-4 py-3 text-black shadow-md lg:w-[30rem] [&amp;>li]:contents"></ul>'), ha = S('<ul class="flex h-full [&amp;>li]:contents"><!> <li><!></li></ul>');
+function le(e) {
   const t = [...It, ...Qt], a = [Xt, Jt];
   var s = ha(), _ = $(s);
   U(_, 1, () => a, (w) => w.text, (w, M) => {
-    var u = oa(), n = $(u);
+    var u = la(), n = $(u);
     {
-      var l = (g) => {
+      var o = (g) => {
         tt(g, {
           class: "h-full w-fit",
           button: (c) => {
@@ -804,12 +810,12 @@ function oe(e) {
                   ...r(h).attributes
                 }), A(d, r(h).text);
               }), m(y, V);
-            }), b(i), rt(3, i, () => st, () => ({ duration: 200, easing: lt })), m(c, i);
+            }), b(i), rt(3, i, () => st, () => ({ duration: 200, easing: ot })), m(c, i);
           },
           $$slots: { button: !0, default: !0 }
         });
       }, f = (g) => {
-        var x = la(), c = $(x);
+        var x = oa(), c = $(x);
         q(c, {
           get icon() {
             return r(M).icon;
@@ -819,13 +825,13 @@ function oe(e) {
         }), m(g, x);
       };
       N(n, (g) => {
-        "items" in r(M) ? g(l) : g(f, !1);
+        "items" in r(M) ? g(o) : g(f, !1);
       });
     }
     b(u), m(w, u);
   });
-  var p = W(_, 2), o = $(p);
-  tt(o, {
+  var p = W(_, 2), l = $(p);
+  tt(l, {
     class: "h-full w-fit",
     button: (M) => {
       et(M, {
@@ -839,7 +845,7 @@ function oe(e) {
     },
     children: (M, u) => {
       var n = fa();
-      U(n, 5, () => t, nt, (l, f) => {
+      U(n, 5, () => t, nt, (o, f) => {
         var g = va(), x = $(g);
         {
           var c = (i) => {
@@ -881,7 +887,7 @@ function oe(e) {
                       ...r(d).attributes
                     }), A(z, r(d).text);
                   }), m(k, L);
-                }), b(C), rt(3, C, () => st, () => ({ duration: 200, easing: lt })), m(h, C);
+                }), b(C), rt(3, C, () => st, () => ({ duration: 200, easing: ot })), m(h, C);
               },
               $$slots: { button: !0, default: !0 }
             });
@@ -903,34 +909,34 @@ function oe(e) {
             "items" in r(f) ? i(c) : i(v, !1);
           });
         }
-        b(g), m(l, g);
-      }), b(n), rt(3, n, () => st, () => ({ duration: 200, easing: lt })), m(M, n);
+        b(g), m(o, g);
+      }), b(n), rt(3, n, () => st, () => ({ duration: 200, easing: ot })), m(M, n);
     },
     $$slots: { button: !0, default: !0 }
   }), b(p), b(s), m(e, s);
 }
-F(oe, {}, [], [], !0);
+F(le, {}, [], [], !0);
 var da = S('<a href="https://www.guelphhumber.ca" class="ml-auto h-full w-auto p-4 transition-opacity hover:opacity-75 focus:opacity-75"><span class="sr-only">University of Guelph-Humber Homepage</span> <!></a>'), pa = S('<nav aria-label="Primary"><!> <!></nav>');
 function ne(e, t) {
   O(t, !1);
   const [a, s] = ut(), _ = () => vt(p, "$headerState", a), p = _t("header-state");
   $t();
-  var o = pa(), w = $(o);
+  var l = pa(), w = $(l);
   re(w, {});
   var M = W(w, 2);
   {
-    var u = (l) => {
+    var u = (o) => {
       var f = da(), g = W($(f), 2);
-      se(g), b(f), m(l, f);
-    }, n = (l, f) => {
+      se(g), b(f), m(o, f);
+    }, n = (o, f) => {
       {
         var g = (c) => {
-          le(c, {});
+          oe(c, {});
         }, x = (c) => {
-          oe(c);
+          le(c);
         };
         N(
-          l,
+          o,
           (c) => {
             var v;
             ((v = _()) == null ? void 0 : v.mode) === "desktop" ? c(g) : c(x, !1);
@@ -939,21 +945,21 @@ function ne(e, t) {
         );
       }
     };
-    N(M, (l) => {
+    N(M, (o) => {
       var f;
-      ((f = _()) == null ? void 0 : f.variant) === "dual-brand" ? l(u) : l(n, !1);
+      ((f = _()) == null ? void 0 : f.variant) === "dual-brand" ? o(u) : o(n, !1);
     });
   }
-  b(o), Z(
-    (l) => T(o, 1, l),
+  b(l), Z(
+    (o) => T(l, 1, o),
     [
       () => {
-        var l;
-        return B(qt("relative flex w-full justify-between bg-black px-[calc((100%-1320px)/2)] text-lg text-black-contrast lg:h-25", ((l = _()) == null ? void 0 : l.variant) === "dual-brand" ? "h-[7.5rem]" : "h-12.5"));
+        var o;
+        return B(qt("relative flex w-full justify-between bg-black px-[calc((100%-1320px)/2)] text-lg text-black-contrast lg:h-25", ((o = _()) == null ? void 0 : o.variant) === "dual-brand" ? "h-[7.5rem]" : "h-12.5"));
       }
     ],
     R
-  ), m(e, o), G(), s();
+  ), m(e, l), G(), s();
 }
 F(ne, {}, [], [], !0);
 var ga = S('<span class="flex items-center gap-2 [&amp;>svg]:transition-transform"><span> </span> <!></span>'), ba = S("<li><a> </a></li>"), xa = S('<ul class="bg-grey-muted absolute top-full right-0 z-50 flex min-w-[20rem] flex-col [&amp;>li]:contents"></ul>'), ma = S("<li><!></li>"), _a = S("<li><a> </a></li>");
@@ -961,10 +967,10 @@ function ie(e, t) {
   O(t, !0);
   let a = H(t, "items", 7);
   var s = dt(), _ = ct(s);
-  return U(_, 17, a, (p) => p.text, (p, o) => {
+  return U(_, 17, a, (p) => p.text, (p, l) => {
     var w = dt(), M = ct(w);
     {
-      var u = (l) => {
+      var u = (o) => {
         var f = ma(), g = $(f);
         tt(g, {
           class: "relative h-full",
@@ -975,14 +981,14 @@ function ie(e, t) {
                 var y = ga(), h = $(y), V = $(h, !0);
                 b(h);
                 var C = W(h, 2);
-                q(C, { icon: wt }), b(y), Z(() => A(V, r(o).text)), m(v, y);
+                q(C, { icon: wt }), b(y), Z(() => A(V, r(l).text)), m(v, y);
               },
               $$slots: { default: !0 }
             });
           },
           children: (c, v) => {
             var i = xa();
-            U(i, 21, () => r(o).items, nt, (y, h) => {
+            U(i, 21, () => r(l).items, nt, (y, h) => {
               var V = ba(), C = $(V);
               let k;
               var d = $(C, !0);
@@ -994,25 +1000,25 @@ function ie(e, t) {
                   href: r(h).href
                 }), A(d, r(h).text);
               }), m(y, V);
-            }), b(i), rt(3, i, () => st, () => ({ duration: 200, easing: lt })), m(c, i);
+            }), b(i), rt(3, i, () => st, () => ({ duration: 200, easing: ot })), m(c, i);
           },
           $$slots: { button: !0, default: !0 }
-        }), b(f), m(l, f);
-      }, n = (l) => {
+        }), b(f), m(o, f);
+      }, n = (o) => {
         var f = _a(), g = $(f);
         let x;
         var c = $(g, !0);
         b(g), b(f), Z(() => {
           var v;
           x = at(g, x, {
-            ...r(o).attributes,
-            class: `flex h-full items-center justify-center gap-2 px-2 transition-colors hover:bg-yellow hover:text-yellow-contrast focus:bg-yellow focus:text-yellow-contrast ${((v = r(o).attributes) == null ? void 0 : v.class) ?? ""}`,
-            href: r(o).href
-          }), A(c, r(o).text);
-        }), m(l, f);
+            ...r(l).attributes,
+            class: `flex h-full items-center justify-center gap-2 px-2 transition-colors hover:bg-yellow hover:text-yellow-contrast focus:bg-yellow focus:text-yellow-contrast ${((v = r(l).attributes) == null ? void 0 : v.class) ?? ""}`,
+            href: r(l).href
+          }), A(c, r(l).text);
+        }), m(o, f);
       };
-      N(M, (l) => {
-        "items" in r(o) ? l(u) : l(n, !1);
+      N(M, (o) => {
+        "items" in r(l) ? o(u) : o(n, !1);
       });
     }
     m(p, w);
@@ -1033,8 +1039,8 @@ function ce(e, t) {
   var s = La(), _ = $(s);
   return tt(_, {
     class: "h-full",
-    button: (o) => {
-      et(o, {
+    button: (l) => {
+      et(l, {
         class: "flex aspect-square h-full items-center justify-center gap-2 px-4 transition-colors hover:bg-yellow hover:text-yellow-contrast focus:bg-yellow focus:text-yellow-contrast aria-expanded:bg-yellow aria-expanded:text-yellow-contrast",
         label: "Sub Navigation Menu",
         children: (w, M) => {
@@ -1043,10 +1049,10 @@ function ce(e, t) {
         $$slots: { default: !0 }
       });
     },
-    children: (o, w) => {
+    children: (l, w) => {
       var M = Sa();
       U(M, 21, a, (u) => u.text, (u, n) => {
-        var l = Ma(), f = $(l);
+        var o = Ma(), f = $(o);
         {
           var g = (c) => {
             tt(c, {
@@ -1081,7 +1087,7 @@ function ce(e, t) {
                       href: r(C).href
                     }), A(P, r(C).text);
                   }), m(V, k);
-                }), b(h), rt(3, h, () => st, () => ({ duration: 200, easing: lt })), m(i, h);
+                }), b(h), rt(3, h, () => st, () => ({ duration: 200, easing: ot })), m(i, h);
               },
               $$slots: { button: !0, default: !0 }
             });
@@ -1102,8 +1108,8 @@ function ce(e, t) {
             "items" in r(n) ? c(g) : c(x, !1);
           });
         }
-        b(l), m(u, l);
-      }), b(M), rt(3, M, () => st, () => ({ duration: 200, easing: lt })), m(o, M);
+        b(o), m(u, o);
+      }), b(M), rt(3, M, () => st, () => ({ duration: 200, easing: ot })), m(l, M);
     },
     $$slots: { button: !0, default: !0 }
   }), b(s), m(e, s), G({
@@ -1120,10 +1126,10 @@ var Ca = S('<a class="mr-auto flex h-full items-center justify-center px-3 font-
 function ue(e, t) {
   O(t, !0);
   const [a, s] = ut(), _ = () => vt(p, "$headerState", a), p = _t("header-state");
-  let o = H(t, "items", 7), w = H(t, "title", 7), M = H(t, "url", 7), u = ot(void 0), n = ot(void 0), l = ot(void 0), f, g = ot(void 0);
+  let l = H(t, "items", 7), w = H(t, "title", 7), M = H(t, "url", 7), u = lt(void 0), n = lt(void 0), o = lt(void 0), f, g = lt(void 0);
   Ot(() => {
     var d;
-    clearTimeout(f), ((d = _()) == null ? void 0 : d.mode) === "desktop" && r(u) - r(n) < r(l) && (f = setTimeout(
+    clearTimeout(f), ((d = _()) == null ? void 0 : d.mode) === "desktop" && r(u) - r(n) < r(o) && (f = setTimeout(
       () => {
         J(g, ht(isNaN(r(g)) ? r(u) : Math.max(r(u), r(g))));
       },
@@ -1131,7 +1137,7 @@ function ue(e, t) {
     ));
   }), Gt(() => {
     var d;
-    ((d = _()) == null ? void 0 : d.mode) === "desktop" && r(u) - r(n) < r(l) && J(g, ht(isNaN(r(g)) ? r(u) : Math.max(r(u), r(g))));
+    ((d = _()) == null ? void 0 : d.mode) === "desktop" && r(u) - r(n) < r(o) && J(g, ht(isNaN(r(g)) ? r(u) : Math.max(r(u), r(g))));
   });
   var x = Za(), c = $(x), v = $(c);
   {
@@ -1167,13 +1173,13 @@ function ue(e, t) {
         var j = (I) => {
           ie(I, {
             get items() {
-              return o();
+              return l();
             }
           });
         }, z = (I) => {
           ce(I, {
             get items() {
-              return o();
+              return l();
             }
           });
         };
@@ -1185,7 +1191,7 @@ function ue(e, t) {
     };
     N(V, (d) => {
       var L;
-      ((L = o()) == null ? void 0 : L.length) > 0 && d(C);
+      ((L = l()) == null ? void 0 : L.length) > 0 && d(C);
     });
   }
   b(h), b(c), b(x), Z((d) => T(x, 1, d), [
@@ -1193,13 +1199,13 @@ function ue(e, t) {
       var d;
       return B(qt("align-items bg-grey-muted text-grey-muted-contrast relative block justify-end px-[calc((100%-1320px)/2)] text-lg lg:whitespace-nowrap", ((d = _()) == null ? void 0 : d.variant) === "dual-brand" ? "h-10" : "h-[5rem] lg:h-10"));
     }
-  ]), bt(h, "clientWidth", (d) => J(l, d)), bt(c, "clientWidth", (d) => J(u, d)), m(e, x);
+  ]), bt(h, "clientWidth", (d) => J(o, d)), bt(c, "clientWidth", (d) => J(u, d)), m(e, x);
   var k = G({
     get items() {
-      return o();
+      return l();
     },
     set items(d) {
-      o(d), E();
+      l(d), E();
     },
     get title() {
       return w();
@@ -1221,10 +1227,10 @@ var Pa = S('<header class="relative z-10 w-full font-sans text-black"><!> <!> <!
 function Na(e, t) {
   O(t, !0);
   const [a, s] = ut(), _ = () => vt(n, "$headerState", a);
-  let p = H(t, "pageTitle", 7), o = H(t, "pageURL", 7), w = H(t, "variant", 7), M = ot(0);
+  let p = H(t, "pageTitle", 7), l = H(t, "pageURL", 7), w = H(t, "variant", 7), M = lt(0);
   const u = 1024, n = Bt({ mode: "mobile", variant: w() });
   Wt("header-state", n);
-  let l = ot(ht([]));
+  let o = lt(ht([]));
   Gt(() => {
     const h = () => {
       const C = (k) => {
@@ -1237,7 +1243,7 @@ function Na(e, t) {
           attributes: d
         };
       };
-      J(l, ht(Array.from(t.$$host.children).filter((k) => k.tagName === "A" || k.tagName === "UL").map((k) => {
+      J(o, ht(Array.from(t.$$host.children).filter((k) => k.tagName === "A" || k.tagName === "UL").map((k) => {
         switch (k.tagName) {
           case "A":
             return C(k);
@@ -1279,16 +1285,16 @@ function Na(e, t) {
           return p();
         },
         get url() {
-          return o();
+          return l();
         },
         get items() {
-          return r(l);
+          return r(o);
         }
       });
     };
     N(v, (h) => {
       var V;
-      (((V = r(l)) == null ? void 0 : V.length) > 0 || p()) && h(i);
+      (((V = r(o)) == null ? void 0 : V.length) > 0 || p()) && h(i);
     });
   }
   b(f), Ce("innerWidth", (h) => J(M, ht(h))), m(e, f);
@@ -1300,10 +1306,10 @@ function Na(e, t) {
       p(h), E();
     },
     get pageURL() {
-      return o();
+      return l();
     },
     set pageURL(h) {
-      o(h), E();
+      l(h), E();
     },
     get variant() {
       return w();

package/dist/uofg-web-components/uofg-modal.esm.js

@@ -1,5 +1,5 @@
-import { x as z, y as j, z as R, A as U, S as K, l as L, c as M, p as N, a as o, B as _, t as V, C as y, d as k, F as Y, D as G, s as H, e as I, g as x, h as w, i as J, j as P, k as l, r as E, b as Q } from "./index-C4pxMwQ8.js";
-import { a as W } from "./slot-Dd5V4rTQ.js";
+import { x as z, y as j, z as R, A as U, S as K, l as L, c as M, p as N, a as o, B as _, t as V, C as y, d as k, F as Y, D as G, s as H, e as I, g as x, h as w, i as J, j as P, k as l, r as E, b as Q } from "./index-COoEfbwQ.js";
+import { a as W } from "./slot-PkqRrLOL.js";
 function B(n, t) {
   return n === t || (n == null ? void 0 : n[K]) === t;
 }

package/dist/uofg-web-components/{window-BUGShOMz.js → window-Do2AuJP2.js}

@@ -1,4 +1,4 @@
-import { a7 as n, y as w, x as d, ap as f, aq as v } from "./index-C4pxMwQ8.js";
+import { a7 as n, y as w, x as d, ap as f, aq as v } from "./index-COoEfbwQ.js";
 function m(a, e, c = e) {
   var u = a === "x", s = () => n(() => {
     r = !0, clearTimeout(t), t = setTimeout(l, 100), c(window[u ? "scrollX" : "scrollY"]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uoguelph/web-components",
-  "version": "1.9.1-rc.10",
+  "version": "1.9.1-rc.11",
   "description": "University of Guelph Web Components Library",
   "type": "module",
   "files": [
@@ -49,5 +49,5 @@
   "bugs": {
     "url": "https://github.com/ccswbs/uofg-components/issues"
   },
-  "gitHead": "0a2dec45cb6b67ba6b63f051539582c2803d4a84"
+  "gitHead": "c9f3000580e66d74d2195c6aa49a8dcc5059941b"
 }