material-inspired-component-library 9.0.1 → 9.1.0

package/dist/micl.d.ts

@@ -5,7 +5,6 @@ import './components/checkbox';
 import './components/datepicker';
 import './components/list';
 import './components/menu';
-import './components/navigationrail';
 import './components/slider';
 import './components/snackbar';
 import './components/stepper';

package/dist/micl.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.micl=t():e.micl=t()}(self,()=>(()=>{"use strict";const e={d:(t,n)=>{if(Array.isArray(n))for(var i=0;i<n.length;){var a=n[i++],r=n[i++];e.o(t,a)?0===r&&i++:0===r?Object.defineProperty(t,a,{enumerable:!0,value:n[i++]}):Object.defineProperty(t,a,{enumerable:!0,get:r})}else for(var a in n)e.o(n,a)&&!e.o(t,a)&&Object.defineProperty(t,a,{enumerable:!0,get:n[a]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}};let t={};e.r(t),e.d(t,{default:()=>Fe});const n=globalThis.__miclRegistry??={map:{},rippled:new WeakSet,activated:!1},i=()=>Object.keys(n.map).join(","),a=e=>Object.entries(n.map).find(([t,{type:n}])=>e.matches(t)&&e instanceof n)?.[1],r=e=>{const t=a(e);t&&"function"==typeof t.component.initialize&&t.component.initialize(e)},l=e=>{const t=i();t&&e.querySelectorAll(t).forEach(r),e.querySelectorAll('[class*="micl-"], [class*="micl-"] > summary').forEach(e=>{n.rippled.has(e)||"1"===window.getComputedStyle(e).getPropertyValue("--micl-ripple")&&(e.addEventListener("pointerdown",t=>{if(t.currentTarget.classList.contains("micl-card--nonactionable"))return;t.stopPropagation();const n=e.getBoundingClientRect();e.style.setProperty("--micl-x",(t.clientX-n.left)/n.width*100+"%"),e.style.setProperty("--micl-y",(t.clientY-n.top)/n.height*100+"%"),e.classList.remove("micl-rippling"),e.offsetWidth,e.classList.add("micl-rippling");const i=t=>{"micl-ripple"===t.animationName&&(e.classList.remove("micl-rippling"),e.style.removeProperty("--micl-x"),e.style.removeProperty("--micl-y"),e.removeEventListener("animationend",i))};e.addEventListener("animationend",i)}),n.rippled.add(e))}),document.documentElement.style.setProperty("--md-sys-scrollbar-thumb-color",window.getComputedStyle(document.body).getPropertyValue("--md-sys-color-outline").trim())},o=e=>{const t=a(e);t&&"function"==typeof t.component.cleanup&&t.component.cleanup(e)},s=e=>{const t=i();t&&e.querySelectorAll(t).forEach(o)},c=e=>{const t=i();if(!t)return;const n=e.target.closest(t);if(!(n instanceof HTMLElement))return;const r=a(n),l=e.type;r&&"function"==typeof r.component[l]&&r.component[l]?.(e)},d=()=>{n.activated||(n.activated=!0,new MutationObserver(e=>{e.forEach(e=>{"childList"===e.type&&(e.addedNodes.forEach(e=>{if(e instanceof HTMLElement){const t=i();t&&e.matches(t)&&r(e),t&&e.querySelectorAll(t).forEach(r)}}),e.removedNodes.forEach(e=>{if(e instanceof HTMLElement){const t=i();t&&e.matches(t)&&o(e),s(e)}}))})}).observe(document.body,{childList:!0,subtree:!0}),l(document),document.addEventListener("change",c),document.addEventListener("input",c),document.addEventListener("keydown",c))},m=(e,t,i)=>(n.map[e]={component:t,type:i},n.activated&&document.querySelectorAll(e).forEach(r),t),u=()=>{document.removeEventListener("DOMContentLoaded",u),d()};"loading"!==document.readyState?d():document.addEventListener("DOMContentLoaded",u);const p={initialize:()=>l(document),cleanup:()=>s(document)},h="dialog.micl-bottomsheet",g=e=>{let t=parseInt(e.dataset.miclfitheight||"0",10);t<1&&(t=e.getBoundingClientRect().height,e.dataset.miclfitheight=`${t}`);let n=parseInt(window.getComputedStyle(e).getPropertyValue("max-block-size"),10),i=(e.dataset.miclsnapheights||"").split(",").map(Number).filter(e=>!isNaN(e)&&e>=0&&e<=n);return[...new Set(i.concat([Math.min(t,n)]).sort((e,t)=>e-t))]},f=(e,t)=>{let n=e.getBoundingClientRect().height,i=g(e);return i.filter(e=>e>n+4)[0]||i[t?i.length-1:0]},y=(e,t)=>{t<1?(delete e.dataset.miclfitheight,e.style.removeProperty("--md-comp-bottomsheet-height"),e[e.popover?"hidePopover":"close"]()):e.style.setProperty("--md-comp-bottomsheet-height",`${t}px`)},v=(m(h,{initialize:e=>{if(!e.matches(h)||e.dataset.miclinitialized)return;e.dataset.miclinitialized="1";const t=e.querySelector(".micl-bottomsheet__headline");if(!t)return;const n=t.querySelector(".micl-bottomsheet__draghandle");let i,a,r=!1,l=!1,o=!1;function s(t){const n=t.clientY;if(r&&Math.abs(i-n)>4&&(r=!1,l=!0,e.classList.add("micl-bottomsheet--resizing")),l){const t=Math.max(1,a+i-n),r=g(e).find(e=>e>0&&Math.abs(e-t)<=12);y(e,r||t)}}function c(t){r=!1,e.classList.remove("micl-bottomsheet--resizing"),document.removeEventListener("pointermove",s),document.removeEventListener("pointerup",c),l&&(l=!1,o=!0,t.clientY<i?y(e,f(e,!0)):e.getBoundingClientRect().height<48?y(e,0):y(e,(e=>{let t=e.getBoundingClientRect().height,n=g(e).filter(e=>e>0),i=n.filter(e=>e<t-4);return i[i.length-1]||n[0]})(e)))}n?.addEventListener("click",()=>{o||y(e,f(e,!1))}),t.addEventListener("pointerdown",l=>{l.target!==t&&l.target!==n||(r=!0,o=!1,l.preventDefault(),i=l.clientY,a=e.getBoundingClientRect().height,document.addEventListener("pointermove",s),document.addEventListener("pointerup",c))})},cleanup:e=>{e.matches(h)&&(e.classList.remove("micl-bottomsheet--resizing"),delete e.dataset.miclinitialized,delete e.dataset.miclfitheight)}},HTMLDialogElement),".micl-button--toggle"),E=e=>{const t=e.querySelector(".micl-button__icon")??e,n="true"===e.getAttribute("aria-pressed");t.dataset.micliconselected&&t.classList.toggle(t.dataset.micliconselected,n),t.dataset.miclicon&&t.classList.toggle(t.dataset.miclicon,!n)},L=(m(v,{command:e=>{const t=e.target;t.matches(v)&&!t.disabled&&"--micl-toggle"===e.command&&(t.classList.add("micl-button--toggled"),t.setAttribute("aria-pressed",String("true"!==t.getAttribute("aria-pressed"))),E(t))},initialize:function(e){e.matches(v)&&!e.dataset.miclinitialized&&(e.dataset.miclinitialized="1",E(e),e.addEventListener("command",this.command))},cleanup:function(e){e.matches(v)&&(e.removeEventListener("command",this.command),delete e.dataset.miclinitialized)}},HTMLButtonElement),".micl-checkbox-group"),b=e=>{const t=e.querySelector(".micl-checkbox__parent");return t?.closest(L)===e?t:null},w=e=>{const t=b(e);if(!t)return!1;let n=0,i=0;return e.querySelectorAll('input[type="checkbox"].micl-checkbox').forEach(a=>{if(a!==t){const t=a.closest(L);t===e?(n++,a.checked&&!a.indeterminate&&i++):a.classList.contains("micl-checkbox__parent")&&t?.parentElement?.closest(L)===e&&(n++,w(t)&&i++)}}),0===i?(t.checked=!1,t.indeterminate=!1):i===n?(t.checked=!0,t.indeterminate=!1):(t.checked=!0,t.indeterminate=!0),i===n},S=(e,t)=>{e.querySelectorAll('input[type="checkbox"].micl-checkbox').forEach(n=>{const i=n.closest(L);i===e?n.checked=t:n.classList.contains("micl-checkbox__parent")&&i?.parentElement?.closest(L)===e&&(n.checked=t,S(i,t))})},k=(e,t)=>{const n=b(e);if(!n)return;t===n&&S(e,t.checked);let i,a=e;do{i=a,a=a.parentElement?.closest(L)}while(a);w(i)},x=(m(L,{initialize:e=>{e.matches(L)&&!e.dataset.miclinitialized&&(e.dataset.miclinitialized="1",e.addEventListener("change",t=>{const n=t.target;n.classList.contains("micl-checkbox")&&(t.stopPropagation(),k(e,n))}),k(e,null))}},HTMLElement),"dialog.micl-dialog.micl-datepicker"),$="micl-datepicker__",D="micl-no-transition",M=new WeakMap,T=(new Intl.DateTimeFormat).resolvedOptions().locale,A={input:new Intl.DateTimeFormat(T,{year:"numeric",month:"2-digit",day:"2-digit"}),header:new Intl.DateTimeFormat(T,{weekday:"short",day:"numeric",month:"short"}),monthLong:new Intl.DateTimeFormat(void 0,{month:"long"}),monthShort:new Intl.DateTimeFormat(T,{month:"short"}),weekdayNarrow:new Intl.DateTimeFormat(T,{weekday:"narrow"}),weekdayLong:new Intl.DateTimeFormat(T,{weekday:"long"})},C=e=>{const t=new Date(e);return t.setHours(0,0,0,0),t},q=e=>{const t=(e.getMonth()+1).toString().padStart(2,"0"),n=e.getDate().toString().padStart(2,"0");return`${e.getFullYear()}-${t}-${n}`},_=()=>A.input.formatToParts(new Date(2025,0,15)).map(e=>{switch(e.type){case"day":return"DD";case"month":return"MM";case"year":return"YYYY";case"literal":return e.value;default:return""}}).join("").trim(),I=(()=>{try{const e=new Intl.Locale(T).getWeekInfo?.();if(e)return 7===e.firstDay?0:e.firstDay}catch{}return/US|CA|MX/i.test(T)?0:1})(),H=e=>!isNaN(e.getTime()),P=e=>"date"===e.type&&e.valueAsDate?e.valueAsDate:e.value?new Date(e.value):null,z=(e,t,n)=>{e.value=t,e instanceof HTMLInputElement?(e.dispatchEvent(new Event("change",{bubbles:!0})),e.dispatchEvent(new Event("input",{bubbles:!0}))):e.textContent=n},N=(e,t)=>{if(e)if(e.firstElementChild){let n=e.firstChild;for(;n;){if(n.nodeType===Node.TEXT_NODE)return void(n.nodeValue=t);n=n.nextSibling}e.appendChild(document.createTextNode(t))}else e.textContent=t},F=(e,t)=>{const n=new Date(e,t,1).getDay(),i=new Date(e,t,1-(n-I+7)%7);return Array.from({length:42},(e,n)=>{const a=new Date(i);return a.setDate(i.getDate()+n),{date:a,val:q(a),isCurrentMonth:a.getMonth()===t}})},Y=(e,t,n,i=!1)=>{if(i){const n=(()=>{const e=new Date,t=e.getDay()-I;e.setDate(e.getDate()-t);const n=document.createDocumentFragment();for(let t=0;t<7;t++){const i=document.createElement("span");i.style.gridArea=`1 / ${t+1}`,i.textContent=A.weekdayNarrow.format(e),i.title=A.weekdayLong.format(e),n.appendChild(i),e.setDate(e.getDate()+1)}return n})();t.forEach((e,t)=>{const i=document.createElement("time"),a=Math.floor(t/7)+2,r=t%7+1;i.style.gridArea=`${a} / ${r}`,n.appendChild(i)}),e.appendChild(n)}const a=C(new Date),r=n.selected.getTime(),l=n.selectedEnd?.getTime();e.querySelectorAll("time").forEach((e,n)=>{const i=t[n];e.dateTime=i.val,e.textContent=i.date.getDate().toString();const o=i.date.getTime(),s=o===r||o===l,c=o===a.getTime();e.className="",i.isCurrentMonth||e.classList.add(`${$}outside`),s&&e.classList.add(`${$}selected`),c&&e.classList.add(`${$}today`),void 0!==l&&l!==r&&(o===r?e.classList.add(`${$}range-start`):o===l?e.classList.add(`${$}range-end`):o>r&&o<l&&e.classList.add(`${$}inrange`))})},O=(e,t,n=0)=>{const i=e.querySelector(".micl-dialog__content"),a=i?.querySelector(`.${$}calendars`);if(!a)return;const r="micl-startleft",l="micl-startright",o="micl-moveleft",s="micl-moveright";if(a.classList.remove(o,s,r,l),a.offsetWidth,0!==n){const e=a.querySelector(`.${$}calendar`);if(!e)return;const i=document.createElement("div"),c=document.createElement("div");i.className=`${$}calendar`,c.className=`${$}calendar-inner`;const d=F(t.viewDate.getFullYear(),t.viewDate.getMonth());Y(c,d,t,!0);const m=n>0,u=m?r:l,p=m?o:s;i.appendChild(c),m?a.appendChild(i):a.prepend(i),a.classList.add(D,u),a.offsetWidth,requestAnimationFrame(()=>{a.classList.remove(D,u),a.classList.add(p)});const h=()=>{a.removeEventListener("transitionend",h),setTimeout(()=>{a.classList.remove(p),e.parentElement===a&&e.remove(),a.classList.add(D,r),a.offsetWidth,a.classList.remove(D,r)},0)};a.addEventListener("transitionend",h)}else{let e=a.querySelector(`.${$}calendar`);e||(e=document.createElement("div"),e.className=`${$}calendar`,e=a.appendChild(e));let n=e.querySelector(`.${$}calendar-inner`);n||(n=document.createElement("div"),n.className=`${$}calendar-inner`,e.appendChild(n));const i=F(t.viewDate.getFullYear(),t.viewDate.getMonth());Y(n,i,t,0===n.querySelectorAll("time").length)}i?.querySelectorAll(`.${$}input input`).forEach((e,n)=>{const i=0===n?t.selected:t.selectedEnd;e.value=i?A.input.format(i):"",e.value?e.dataset.miclvalue="1":delete e.dataset.miclvalue,e.dataset.micldateformat||(e.dataset.micldateformat=_())}),N(e.querySelector("h1, h2, h3, h4, h5, h6, .micl-heading"),t.range?`${A.header.format(t.selected)} – ${t.selectedEnd?A.header.format(t.selectedEnd):""}`:A.header.format(t.selected)),N(e.querySelector(`.${$}month`),A.monthShort.format(t.viewDate)),N(e.querySelector(`.${$}year`),t.viewDate.toLocaleDateString(T,e.classList.contains("micl-dialog--docked")?{year:"numeric"}:{month:"long",year:"numeric"}));const c=e.querySelector(`.${$}months input[value="${t.viewDate.getMonth()}"]`);c&&(c.checked=!0);const d=e.querySelector(`.${$}years input[value="${t.viewDate.getFullYear()}"]`);d&&(d.checked=!0)},B=(e,t)=>{"months"!==t&&"years"!==t||e.querySelector(`.${$}${t}.${$}view-hidden`)||(t="calendars"),["calendars","input","month-selector","year-selector"].forEach(n=>{let i="input"===t;"calendars"!==n&&"input"!==n||(i=t!==n),e.querySelector(`.${$}${n}`)?.classList.toggle(`${$}view-hidden`,i)});const n=e.querySelector(".micl-dialog__content");if(!n)return;const i=parseInt(window.getComputedStyle(n).getPropertyValue("max-block-size"),10);["months","years"].forEach(e=>{const a=n.querySelector(`.${$}${e}`);if(!a)return;const r=a.querySelector("input:checked");let l=!1;if(r&&e===t){const e=window.getComputedStyle(a).getPropertyValue("transition-duration"),t=parseFloat(e)*(e.includes("ms")?1:1e3),o=a.scrollHeight-i,s=(i-48)/2;if(r.offsetTop>s){let e=r.offsetTop-s-24;e>o&&(e=o);const i=performance.now(),c=a=>{const r=Math.min((a-i)/t,1);n.scrollTop=e*r,r<1&&requestAnimationFrame(c)};a.classList.remove(`${$}view-hidden`),requestAnimationFrame(c),l=null,a.addEventListener("transitionend",function t(i){"height"!==i.propertyName&&"block-size"!==i.propertyName||(n.scrollTop=e,a.removeEventListener("transitionend",t))})}}else l=!0;null!==l&&a.classList.toggle(`${$}view-hidden`,l)})},V=(e,t,n)=>{const i=M.get(e);if(!i)return;const a=new Date(i.viewDate);"month"===n?a.setMonth(a.getMonth()+t):a.setFullYear(a.getFullYear()+t);const r=i.min&&a<i.min,l=i.max&&a>i.max;r||l?e.querySelector(`.${$}calendars`)?.animate([{transform:"translateX(0)"},{transform:`translateX(${r?8:-8}px)`},{transform:"translateX(0)"}],{duration:500,easing:"ease-in-out"}):(i.viewDate=a,O(e,i,"month"===n?t:0))},R=(m(x,{keydown:e=>{if(!(e instanceof KeyboardEvent&&e.target instanceof Element))return;const t=e.target.closest(x);if(t)switch(e.key){case"Enter":case" ":e.target instanceof HTMLInputElement&&"date"===e.target.type&&e.preventDefault();break;case"M":B(t,"months");break;case"Y":B(t,"years");break;case"PageUp":case"PageDown":V(t,"PageUp"===e.key?1:-1,e.shiftKey?"year":"month")}},initialize:e=>{if(e.dataset.miclinitialized)return;const t=e.querySelector("form"),n=e.querySelector(".micl-dialog__content");t&&n&&(e.dataset.miclinitialized="1",e.addEventListener("click",t=>{const n=t.target,i=n.closest("button");if(i){const t=i.parentElement?.classList.contains(`${$}month-selector`),n=i.classList.contains(`${$}next`),a=i.classList.contains(`${$}previous`);if(n||a)return void V(e,n?1:-1,t?"month":"year")}n.closest(`.${$}month`)&&B(e,"months"),n.closest(`.${$}year`)&&B(e,"years"),n.closest(`.${$}inputmode`)&&B(e,e.querySelector(`.${$}input.${$}view-hidden`)?"input":"calendars");const a=n.closest("time");if(a&&a.dateTime&&((e,t)=>{const n=M.get(e);if(!n)return;const i=t.split("-").map(Number);if(3===i.length){const t=new Date(i[0],i[1]-1,i[2]);n.range?n.selectedEnd||t<n.selected?(n.selected=t,n.selectedEnd=null):n.selectedEnd=t:n.selected=t,n.viewDate=new Date(t),O(e,n)}})(e,a.dateTime),n instanceof HTMLInputElement&&("miclmonth"===n.name||"miclyear"===n.name)){const t=M.get(e);if(t){const i=parseInt(n.value,10);"miclmonth"===n.name?t.viewDate.setMonth(i):t.viewDate.setFullYear(i),t.viewDate<t.min?t.viewDate=t.min:t.viewDate>t.max&&(t.viewDate=t.max),O(e,t),B(e,"calendars")}}}),e.addEventListener("focusout",t=>{const n=t.target;if(!(n instanceof HTMLInputElement&&n.closest(`.${$}input`)))return;const i=e.querySelectorAll(`.${$}input input`);((e,t,n)=>{const i=M.get(e);if(!i)return;const a=(e=>{const t=_();if(e.length!==t.length)return null;let n="",i="",a="";for(let r=0;r<t.length;r++)switch(t[r]){case"D":n+=e[r];break;case"M":i+=e[r];break;case"Y":a+=e[r]}const r=new Date(parseInt(a,10),parseInt(i,10)-1,parseInt(n,10));return H(r)?r:null})(n);a&&(i.range&&t>0?i.selectedEnd=a:i.selected=a,i.selectedEnd&&i.selectedEnd<i.selected&&([i.selected,i.selectedEnd]=[i.selectedEnd,i.selected]),i.viewDate=new Date(i.selected)),O(e,i)})(e,Array.prototype.indexOf.call(i,n),n.value)}),e.addEventListener("beforetoggle",t=>{if("open"!==t.newState)return;const n=e=>e instanceof HTMLInputElement||e instanceof HTMLButtonElement;let i=document.activeElement;if((!n(i)||i.dataset.datepicker!==e.id&&i.popoverTargetElement!==e&&i.commandForElement!==e)&&(i=document.querySelector(`[data-datepicker="${e.id}"],[popovertarget="${e.id}"],[commandfor="${e.id}"]`)),!n(i))return;const a=e.classList.contains("micl-datepicker--range");let r=i,l=null;if(a&&i instanceof HTMLInputElement)if(i.dataset.miclrangeto){const e=document.getElementById(i.dataset.miclrangeto);l=e instanceof HTMLInputElement?e:null}else if(i.id){const e=document.querySelector(`input[data-miclrangeto="${i.id}"]`);e&&(l=i,r=e)}let o=new Date,s=null,c=new Date(1900,0,1),d=new Date(2099,11,31);if(r instanceof HTMLInputElement)o=P(r)||o,r.min&&(c=new Date(r.min)),r.max&&(d=new Date(r.max));else{const[e,t]=(r.value||r.textContent||"").split("/"),n=new Date(e);H(n)&&(o=n),a&&t&&(s=new Date(t))}l&&(s=P(l),l.max&&(d=new Date(l.max))),H(o)||(o=new Date),o=C(o),s&&H(s)?(s=C(s),s<o&&([o,s]=[s,o])):s=null;const m={invoker:r,invokerEnd:l,selected:o,selectedEnd:a?s:null,range:a,viewDate:new Date(o),min:c,max:d};M.set(e,m),((e,t,n)=>{const i=t.getFullYear(),a=n.getFullYear();["months","years"].forEach(r=>{const l=e.querySelector(`.${$}${r}`);if(!l)return;l.innerHTML="";const o=document.createDocumentFragment(),s=n.getMonth();if("months"===r){const e=[];let i=new Date(t.getFullYear(),t.getMonth(),1);for(;i<=n||i.getMonth()===s&&i.getFullYear()===a;)e.push(i.getMonth()),i.setMonth(i.getMonth()+1);[...new Set(e.sort((e,t)=>e-t))].forEach(e=>{const t=document.createElement("label");t.innerHTML=`<span class="material-symbols-outlined">check</span><input type="radio" name="miclmonth" value="${e}"> ${A.monthLong.format(new Date(2e3,e,1))}`,o.appendChild(t)})}else for(let e=i;e<=a;e++){const t=document.createElement("label");t.innerHTML=`<input type="radio" name="miclyear" value="${e}"> ${e}`,o.appendChild(t)}const c=document.createElement("div");c.className=`${$}${r}-inner`,l.appendChild(c).appendChild(o)})})(e,c,d),B(e,"calendars"),O(e,m)}),e.addEventListener("close",()=>{const t=M.get(e);if(!t?.invoker||""===e.returnValue)return;const n=t.selectedEnd||t.selected;t.range&&!t.invokerEnd?z(t.invoker,`${q(t.selected)}/${q(n)}`,`${t.selected.toLocaleDateString()} – ${n.toLocaleDateString()}`):(z(t.invoker,q(t.selected),t.selected.toLocaleDateString()),t.invokerEnd&&z(t.invokerEnd,q(n),n.toLocaleDateString()))}))}},HTMLDialogElement),e=>e?.matches(":has(input[type=checkbox]:checked)")),j=(m(".micl-list",{keydown(e){const t=e.target;if(!(e instanceof KeyboardEvent&&t?.matches(".micl-list-item-one,.micl-list-item-two,.micl-list-item-three")))return;const n=t.parentElement;if(!n)return;const i=n instanceof HTMLDetailsElement;let a=[];if(i?a=Array.from(n.parentElement?.children||[]).map(e=>e.querySelector(":scope > summary")).filter(Boolean):["UL","OL"].includes(n.tagName)&&(a=Array.from(n.children).filter(e=>e instanceof HTMLLIElement&&"separator"!==e.getAttribute("role"))),a=a.filter(e=>!(e=>e?.classList.contains("micl-list-item--disabled"))(e)),!a.length)return;const r=a.indexOf(t);if(-1===r)return;let l=r;switch(e.key){case"ArrowDown":e.preventDefault(),l=(r+1)%a.length;break;case"ArrowUp":e.preventDefault(),l=(r-1+a.length)%a.length;break;case"Tab":if(!i){const e=a.findIndex(R);l=-1===e?0:e}break;case" ":case"Enter":if(i)break;" "===e.key&&e.preventDefault();const n=t.querySelector("input[type=checkbox], a[href], button");n instanceof HTMLInputElement?(n.checked=!n.checked,n.dispatchEvent(new Event("change",{bubbles:!0,cancelable:!0}))):n?.click()}l!==r&&(i||(t.setAttribute("tabindex","-1"),a[l].setAttribute("tabindex","0")),a[l].focus())},initialize(e){e.dataset.miclinitialized||(e.dataset.miclinitialized="1",e.querySelectorAll(":scope > details > summary.micl-list-item--disabled").forEach(e=>e.setAttribute("tabindex","-1")),e.querySelector('li[tabindex="0"]')&&e.querySelectorAll('li:not([role="separator"])').forEach(e=>{"0"!==e.getAttribute("tabindex")&&e.setAttribute("tabindex","-1"),e.querySelectorAll("a, button, input").forEach(e=>e.setAttribute("tabindex","-1")),(e=>e?.matches(":has(input[type=checkbox])"))(e)&&(e.setAttribute("role","option"),e.parentElement?.setAttribute("role","listbox"))}))}},HTMLElement),e=>Array.from(e.children).filter(e=>e instanceof HTMLLIElement&&"separator"!==e.getAttribute("role")&&!e.classList.contains("micl-list-item--disabled")&&e.matches(".micl-list-item-one,.micl-list-item-two,.micl-list-item-three"))),W=(m(".micl-menu[popover]",{initialize:e=>{if(!e.matches(".micl-menu[popover]")||e.dataset.miclinitialized)return;e.dataset.miclinitialized="1";const t=document.querySelector(`[popovertarget="${e.id}"]`);t&&e.addEventListener("beforetoggle",n=>{if("open"===n.newState){if(!e.style.transformOrigin){const n=t.getBoundingClientRect();e.style.transformOrigin=(n.x+n.width/2>window.innerWidth/2?"right ":"left ")+(n.y+n.height/2>window.innerHeight/2?"bottom":"top")}}else e.style.transformOrigin=((e,t)=>{const n=e.getBoundingClientRect(),i=t.getBoundingClientRect();return(n.x+n.width/2>i.x+i.width/2?"right ":"left ")+(n.y+n.height/2>i.y+i.height/2?"bottom":"top")})(t,e)}),e.addEventListener("keydown",t=>{if("ArrowDown"!==t.key&&"ArrowUp"!==t.key)return;const n=t.target;if(!(n instanceof HTMLElement&&n.matches(".micl-list-item-one,.micl-list-item-two,.micl-list-item-three")))return;const i=n.parentElement;if(!i?.matches("ul.micl-list"))return;if(i.parentElement!==e)return;const a=Array.from(e.querySelectorAll(":scope > ul.micl-list"));if(a.length<2)return;const r=a.indexOf(i),l=j(i),o=l.indexOf(n);if(-1===o)return;let s;if("ArrowDown"===t.key&&o===l.length-1){const e=(r+1)%a.length;s=j(a[e])[0]}else if("ArrowUp"===t.key&&0===o){const e=(r-1+a.length)%a.length,t=j(a[e]);s=t[t.length-1]}s&&(t.preventDefault(),t.stopPropagation(),n.setAttribute("tabindex","-1"),s.setAttribute("tabindex","0"),s.focus())},!0),e.querySelectorAll(":scope > ul.micl-list > li > button[popovertarget]").forEach(e=>{if(e.popoverTargetElement?.matches(".micl-menu[popover]")){const t=e.popoverTargetElement,n=`--${t.id}`;let i;e.style.setProperty("anchor-name",n),t.style.insetBlockStart=`anchor(${n} start)`,t.style.insetInlineStart=`anchor(${n} end)`;const a=()=>{clearTimeout(i),i=setTimeout(()=>{e.matches(":hover")||t.matches(":hover")||t.hidePopover()},300)};e.addEventListener("mouseenter",()=>{clearTimeout(i),t.showPopover()}),e.addEventListener("mouseleave",a),t.addEventListener("mouseenter",()=>{clearTimeout(i)}),t.addEventListener("mouseleave",a)}})}},HTMLElement),".micl-navigationrail"),U=new WeakMap,X=(m(W,{initialize:e=>{if(!e.matches(W)||e.dataset.miclinitialized)return;e.dataset.miclinitialized="1";const t=t=>{const n=t.target.closest("a.micl-navigationrail__item");n&&(e.querySelectorAll("a.micl-navigationrail__item").forEach(e=>e.removeAttribute("aria-current")),n.setAttribute("aria-current","page"))};U.set(e,{boundHandleClick:t}),e.addEventListener("click",t)},keydown:e=>{e instanceof KeyboardEvent&&e.target instanceof HTMLElement&&e.target.matches(".micl-navigationrail__item")&&(32!==e.keyCode&&" "!==e.key||(e.preventDefault(),e.target.click()))},cleanup:e=>{const t=U.get(e);t&&e.removeEventListener("click",t.boundHandleClick),delete e.dataset.miclinitialized}},HTMLElement),"input[type=range][class*=micl-slider-]"),K=String.fromCharCode(8226),J=String.fromCharCode(8201),G=e=>e.parentElement?.classList.contains("micl-slider__container")?e.parentElement:null,Q=(e,t)=>{e.dataset.miclsliderticks=t},Z=e=>{let t=JSON.stringify(e.value+""),n=G(e);n&&(n.style.setProperty("--micl-slider-value",e.value),n.style.setProperty("--micl-slider-tip",t)),e.style.setProperty("--micl-slider-value",e.value),e.style.setProperty("--micl-slider-tip",t)},ee=(m(X,{initialize:e=>{if(!e.matches(X))return;(e=>{let t=e.max||"100";G(e)?.style.setProperty("--micl-slider-max",t),e.style.setProperty("--micl-slider-max",t)})(e),(e=>{let t=e.min||"0";G(e)?.style.setProperty("--micl-slider-min",t),e.style.setProperty("--micl-slider-min",t)})(e),Z(e),(e=>{let t=G(e);if(t){const n=window.getComputedStyle(e);["--_handle-height","--_track-height"].forEach(e=>{t.style.setProperty(e,n.getPropertyValue(e))})}})(e);const t=parseFloat(e.max),n=parseFloat(e.min),i=e.getBoundingClientRect(),a=((e,t,n)=>{const i=[];return e.list&&t>n&&e.list.querySelectorAll("option[value]").forEach(e=>{let a=parseFloat(e.value);!isNaN(a)&&a>=n&&a<=t&&i.push(a)}),i})(e,t,n).sort((e,t)=>e-t).map(e=>Math.round(100*(e-n)/(t-n)));if(a.length>0){const t=document.createElement("canvas"),n=t.getContext("2d");if(n){n.font=window.getComputedStyle(e).getPropertyValue("font");let t=n.measureText(J).width,r=n.measureText(K).width,l=i.width-10,o=0,s="";a.forEach(e=>{let n=l*e/100,i=Math.round((n-o)/t)-1;for(let e=0;e<i;e++)s+=J,o+=t;s+=K,o+=r}),Q(e,s)}t.remove()}else Q(e,K)},input:e=>{e.target.matches(X)&&e.target instanceof HTMLInputElement&&!e.target.disabled&&Z(e.target)}},HTMLInputElement),".micl-snackbar"),te=new WeakMap,ne=e=>{const t=te.get(e);t&&t.timeoutid&&(clearTimeout(t.timeoutid),t.timeoutid=void 0)},ie=e=>{ne(e);const t=te.get(e);t&&(t.timeoutid=window.setTimeout(()=>{e.isConnected&&e.matches(":popover-open")&&e.hidePopover()},t.delay))},ae=(m(ee,{initialize:e=>{if(!e.matches(ee)||e.dataset.miclinitialized)return;const t=e.dataset.micldelay,n=t?parseInt(t,10):0;if(isNaN(n)||n<=0)return;e.dataset.miclinitialized="1";const i=()=>ne(e),a=t=>{"open"===t.newState?ie(e):ne(e)},r=()=>{e.matches(":popover-open")&&ie(e)};te.set(e,{delay:n,boundHandleToggle:a,boundClearTimer:i,boundHandleMouseLeave:r}),e.addEventListener("toggle",a),e.addEventListener("mouseenter",i),e.addEventListener("mouseleave",r)},cleanup:e=>{const t=te.get(e);t&&(ne(e),e.removeEventListener("toggle",t.boundHandleToggle),e.removeEventListener("mouseenter",t.boundClearTimer),e.removeEventListener("mouseleave",t.boundHandleMouseLeave),te.delete(e)),delete e.dataset.miclinitialized}},HTMLElement),e=>"willValidate"in e),re=e=>{const t=e.target;ae(t)&&t.setCustomValidity("")},le=e=>{const t=e.dataset.miclvalidateMessage||"";if(t&&e.matches("[data-miclvalidate-checkboxes-name]")){const n=e.dataset.miclvalidateCheckboxesName||"",i=e.dataset.miclvalidateCheckboxesCountEqual||"",a=e.dataset.miclvalidateCheckboxesCountMax||"",r=e.dataset.miclvalidateCheckboxesCountMin||"";if(n&&(i||a||r)){const l=e.querySelectorAll(`input[type="checkbox"][name="${n}"]:checked`).length,o=parseInt(i,10),s=parseInt(a,10),c=parseInt(r,10);let d=!isNaN(o)&&l!=o||!isNaN(s)&&l>s||!isNaN(c)&&l<c;e.setCustomValidity(d?t:"");const m=e.querySelector(`input[type="checkbox"][name="${n}"]`);m&&(m.setCustomValidity(d?t:""),d?m.addEventListener("change",re):m.removeEventListener("change",re))}}},oe=(e,t)=>{let n=!1;return e.querySelectorAll("fieldset").forEach(le),Array.from(e.elements).forEach(e=>{if(ae(e)&&e.willValidate){e.checkValidity()||(n=!0);let i=(e=>{if(!e.parentElement||!ae(e))return!1;let t=!1;return e instanceof HTMLInputElement&&"checkbox"===e.type&&e.classList.contains("micl-checkbox")?t=(e=>(e.classList.toggle("micl-checkbox--error",!!e.validationMessage),!1))(e):(e.parentElement.classList.contains("micl-textfield-outlined")||e.parentElement.classList.contains("micl-textfield-filled"))&&(t=((e,t)=>{e.classList.toggle("micl-textfield--error",!!t);const n=e.querySelector(".micl-textfield__supporting-text");return n&&(t?(n.dataset.micltext||(n.dataset.micltext=n.textContent),n.textContent=t):"micltext"in n.dataset&&(n.textContent=n.dataset.micltext||"")),!!t&&!!n})(e.parentElement,e.validationMessage)),t})(e);!i&&t&&e.reportValidity()}}),!n},se=".micl-stepper",ce=".micl-stepper__action-back,.micl-stepper__action-next",de=".micl-stepper__header button[role=tab][aria-controls]",me="micl-stepper__step",ue="."+me,pe=e=>e.querySelector(`${ue}[aria-current=step]`)||ge(e,e.querySelector(ue)),he=(e,t)=>Array.from(e.querySelectorAll(ue)).indexOf(t)+1,ge=(e,t)=>{if(!t)return null;let n=0;e.querySelectorAll(ue).forEach((e,i)=>{e.setAttribute("aria-current",e===t?"step":"false"),e===t&&(n=i)});const i=e.querySelectorAll(de).item(n);return e.querySelectorAll(de).forEach(e=>{e.setAttribute("aria-selected",e===i?"true":"false")}),ve(e,t),t},fe=e=>{const t=e.currentTarget;"transform"===e.propertyName&&t&&(t.classList.remove("micl-stepper__step--fromselected","micl-stepper__step--toselected"),t.removeEventListener("transitionend",fe))},ye=e=>e.classList.contains("micl-stepper__action-back"),ve=(e,t)=>{((e,t)=>{Array.from(e.querySelectorAll(ce)).forEach(e=>{const n=ye(e)?"previousElementSibling":"nextElementSibling",i=t[n]?.classList.contains(me);e.classList.toggle("micl-stepper__action--hidden",!i)})})(e,t),((e,t)=>{const n=e.querySelectorAll(ue).length,i=he(e,t);e.querySelectorAll("[data-step]").forEach(e=>{const t=parseInt(e.dataset.step||"0",10);e.classList.toggle("micl-stepper__step--hidden",t>0?t!=i:n+t+1!=i)})})(e,t),((e,t)=>{const n=he(e,t),i=e.querySelectorAll(ue).length,a=!e.classList.contains("micl-stepper--nonlinear"),r=(t,n)=>{e.querySelectorAll(t).forEach(e=>{e.textContent=n})};r(".micl-stepper__progress-current",`${n}`),r(".micl-stepper__progress-total",`${i}`),e.querySelectorAll(".micl-stepper__progress-dots").forEach(e=>{const t=document.createDocumentFragment();e.innerHTML="";for(let e=1;e<=i;e++){let i=document.createElement("span");i.classList.add("micl-stepper__progress-dot"),(a&&e<=n||!a&&e===n)&&i.classList.add("micl-stepper__progress--done"),t.appendChild(i)}e.appendChild(t)}),e.querySelectorAll(de).forEach((e,t)=>{e.classList.toggle("micl-stepper__progress--done",a?t+1<=n:t+1===n)})})(e,t)},Ee=(m(se,{initialize:e=>{if(!e.matches(se)||e.dataset.miclinitialized)return;e.dataset.miclinitialized="1";const t=pe(e),n=e.querySelector(".micl-stepper__header");t&&(ve(e,t),n?.querySelectorAll("button[role=tab][aria-controls]").forEach((t,n)=>{t.style.setProperty("--micl-stepper-anchor",`--micl-step-${n}`),n>0&&t.style.setProperty("--micl-stepper-prev","--micl-step-"+(n-1)),t.addEventListener("click",()=>{if("ariaControlsElements"in Element.prototype&&t.ariaControlsElements)ge(e,t.ariaControlsElements[0]);else{const n=t.getAttribute("aria-controls");n&&ge(e,document.getElementById(n))}})})),Array.from(e.querySelectorAll(ce)).forEach(t=>{t.addEventListener("click",function(t){const n=ye(this),i=pe(e);if(!i||!n&&i instanceof HTMLFieldSetElement&&(r=!0,le(a=i),!oe(a,r)))return void(n||t.stopImmediatePropagation());var a,r;const l=i[n?"previousElementSibling":"nextElementSibling"];l?.classList.contains(me)&&((e,t,n)=>{t.addEventListener("transitionend",fe),t.classList.add("micl-stepper__step--fromselected"),t.offsetHeight,n.addEventListener("transitionend",fe),n.classList.add("micl-stepper__step--toselected"),n.offsetHeight,ge(e,n)})(e,i,l)},!0)}),e instanceof HTMLFormElement&&e.addEventListener("submit",t=>{t.submitter?.classList.contains("micl-form--dosubmit")||t.preventDefault(),oe(e,!0)||t.stopImmediatePropagation()},!0)}},HTMLElement),".micl-textfield-outlined > input,.micl-textfield-filled > input"),Le=".micl-textfield-outlined > textarea,.micl-textfield-filled > textarea",be=".micl-textfield-filled > select,.micl-textfield-outlined > select",we=`${Ee},${be},${Le}`,Se=e=>{if(!e.parentElement||e instanceof HTMLSelectElement||!e.maxLength)return;const t=e.parentElement.querySelector(".micl-textfield__character-counter");t&&(t.textContent=`${e.value.length}/${e.maxLength}`)},ke=e=>{e.target.matches(we)&&e.target.dataset.miclinitialized&&!e.target.disabled&&(e.target instanceof HTMLInputElement&&e.target.dataset.micldateformat&&((e,t)=>{const n=(e.dataset.micldateformat||"").match(/([DMY]{2,4})([^DMY])?([DMY]{2,4})([^DMY])?([DMY]{2,4})/);if(!n)return;const i=[{type:n[1],length:n[1].length,separator:n[2]||""},{type:n[3],length:n[3].length,separator:n[4]||""},{type:n[5],length:n[5].length,separator:""}];e.maxLength=i.reduce((e,t)=>e+t.length+(t.separator?1:0),0);let a=e.value.replace(/\D/g,""),r="",l=0,o=e.selectionStart||0;for(let e=0;e<i.length;e++){const t=i[e];if(a.length<l)break;const n=a.substring(l,l+t.length);r+=n,l+=n.length,n.length===t.length&&t.separator&&(r+=t.separator)}const s=e.value.length;e.value=r.substring(0,e.maxLength);const c=e.value.length;t?.startsWith("deleteContent")?o>0&&e.setSelectionRange(o,o):c>s&&c>o?e.setSelectionRange(c,c):e.setSelectionRange(o,o)})(e.target,e.inputType),e.target.value?e.target.dataset.miclvalue="1":delete e.target.dataset.miclvalue,Se(e.target))},xe={initialize:e=>{if(!e.dataset.miclinitialized){if(e.dataset.miclinitialized="1",e.value&&(e.dataset.miclvalue="1"),e instanceof HTMLSelectElement){const t=()=>{const t=e.getBoundingClientRect(),n=t.top,i=window.innerHeight-t.bottom;!e.matches(":open")&&e.style.setProperty("--micl-select-picker-origin",n>i?"bottom":"top")};e.addEventListener("mousedown",t),e.addEventListener("keydown",t)}if(e.matches("input[type=time][data-timepicker],input[type=date][data-datepicker]")){const t=document.getElementById(e.dataset.timepicker||e.dataset.datepicker||"");if(t instanceof HTMLDialogElement){const n=e=>{e.preventDefault(),t.showModal()};e.addEventListener("click",n),e.addEventListener("keydown",e=>{const t=e.key;"Enter"!==t&&" "!==t||n(e)})}}Se(e)}},change:ke,input:ke};m(Ee,xe,HTMLInputElement),m(Le,xe,HTMLTextAreaElement),m(be,xe,HTMLSelectElement);const $e="micl-timepicker__",De="micl-timepicker__dial--hidden",Me="micl-timepicker--selected",Te=(()=>{try{const e=new Intl.DateTimeFormat(void 0,{hour:"numeric"}).resolvedOptions().hourCycle;return"h11"===e||"h12"===e}catch(e){return!1}})(),Ae=(e,t)=>e.querySelector(t),Ce=e=>e instanceof HTMLInputElement||e instanceof HTMLButtonElement,qe=e=>!!e&&!e.classList.contains(De),_e=(e,t)=>{e.classList.toggle(Me,t)},Ie=e=>document.querySelector(`[data-timepicker="${e.id}"],[popovertarget="${e.id}"],[commandfor="${e.id}"]`),He=e=>"hour"===e?{min:Te?1:0,max:Te?12:23}:{min:0,max:59},Pe=(e,t,n)=>{e.querySelectorAll("data").forEach(e=>e.classList.remove(`${$e}time--selected`));const i=e.querySelector(`data[data-${t}][value="${n}"]`);let a="";i?(a=window.getComputedStyle(i).getPropertyValue("--micl-angle"),i.classList.add(`${$e}time--selected`)):"minute"===t&&(a=`${Math.round(360*parseInt(n,10)/60-90)}deg`),a&&e.style.setProperty("--micl-angle",a)},ze=(e,t,n,i,a=!0)=>{let r=parseInt(n||"0",10);if(isNaN(r))return;const l=Ae(e,`input[name=${t}]`);if(l){if("hour"===t&&i&&Te){const t=e.querySelector(`.${$e}am`),n=e.querySelector(`.${$e}pm`);r>=12?(n&&(n.checked=!0),r>12&&(r-=12)):(t&&(t.checked=!0),0===r&&(r=12))}if(l.value=`${r}`.padStart(2,"0"),a){const n=Ae(e,`.${$e}dial`);if(!n)return;Pe(n,t,l.value)}}},Ne=(e,t,n)=>{if("ArrowDown"!==n.key&&"ArrowUp"!==n.key)return;n.preventDefault();const{max:i,min:a}=He(t.name);let r=parseInt(t.value,10)||0;if(r+="ArrowUp"===n.key?1:-1,(r<a||r>i)&&(r=r<a?i:a,"hour"===t.name&&Te)){const t=e.querySelector("input[name=period]:not(:checked)");t?.click()}ze(e,t.name,`${r}`)},Fe=(m("dialog.micl-dialog.micl-timepicker",{initialize:e=>{if(e.dataset.miclinitialized)return;const t=Ae(e,"form"),n=Ae(e,`.${$e}inputmode`),i=Ae(e,`.${$e}dial`),a=[Ae(e,"input[name=hour]"),Ae(e,"input[name=minute]")].filter(e=>null!==e);if(!t||a.length<2)return;e.dataset.miclinitialized="1",a.forEach((t,n)=>{(e=>{const{min:t,max:n}=He(e.name);let i;i="hour"===e.name?Te?"(0[1-9]|1[0-2])":"(0[0-9]|1[0-9]|2[0-3])":"(0[0-9]|[1-5][0-9])";const a={maxlength:"2",pattern:i,inputmode:"numeric",autocomplete:"off",role:"spinbutton",min:String(t),max:String(n)};for(const t in a)e.setAttribute(t,a[t])})(t),i&&t.toggleAttribute("readonly",qe(i)),t.addEventListener("keydown",Ne.bind(null,e,t)),t.addEventListener("focus",()=>{_e(a[0===n?1:0],!1),_e(t,!0),i&&(((e,t)=>{e.querySelectorAll("data").forEach(e=>{e.dataset[t]&&(e.textContent=e.dataset[t],e.value=e.dataset[t].padStart(2,"0")),e.classList.contains(`${$e}dial-inner`)&&e.classList["hour"===t?"remove":"add"](De)})})(i,t.name),Pe(i,t.name,t.value))}),t.addEventListener("blur",()=>{qe(i)||((e=>{const{max:t,min:n}=He(e.name);let i=parseInt(e.value,10);isNaN(i)&&(i=n),i>t&&(i=t),i<0&&(i=n),e.value=String(i).padStart(2,"0")})(t),_e(t,!1))})});const r=e.querySelector(`.${$e}period`);if(r&&Te&&(["am","pm"].forEach(e=>{let t=document.createElement("input");t.type="radio",t.name="period",t.className=`${$e}${e}`,t.value=e,t.ariaLabel=e.toUpperCase(),r.appendChild(t)}),r.classList.toggle(De,!Te)),n?.addEventListener("click",()=>{i?.classList.toggle(De),a.forEach(e=>{e.toggleAttribute("readonly",qe(i))}),qe(i)&&a[0].focus()}),i){(e=>{let t=Te?300:270;for(let n=Te?1:0;n<=(Te?12:23);n++){const i=document.createElement("data");i.value=`${n}`.padStart(2,"0"),i.textContent=`${n}`,i.dataset.hour=`${n}`,i.style.setProperty("--micl-angle",`${t}deg`),!Te&&n>=12?i.classList.add(`${$e}dial-inner`):i.dataset.minute=""+5*n%60,e.appendChild(i),t=(t+30)%360}const n=document.createElement("span");n.className=`${$e}track`,e.appendChild(n)})(i);const t=(t,n)=>{const i=document.elementFromPoint(t,n);i&&"DATA"===i.tagName&&ze(e,e.querySelector(`input[name=hour].${Me}`)?"hour":"minute",i.value)};i.addEventListener("pointerdown",e=>{i.classList.add(`${$e}dial--dragging`),t(e.clientX,e.clientY),i.setPointerCapture(e.pointerId)}),i.addEventListener("pointermove",e=>{i.classList.contains(`${$e}dial--dragging`)&&t(e.clientX,e.clientY)});const n=e=>{i.classList.remove(`${$e}dial--dragging`),i.releasePointerCapture(e.pointerId)};i.addEventListener("pointerup",n),i.addEventListener("pointercancel",n)}e.addEventListener("beforetoggle",t=>{if("open"===t.oldState)return;let n=document.activeElement;if((!Ce(n)||n.dataset.timepicker!==e.id&&n.popoverTargetElement!==e&&n.commandForElement!==e)&&(n=Ie(e)),!Ce(n))return;e._miclInvoker=n;const i=(n.value||n.textContent).split(":");2===i.length&&(ze(e,"hour",i[0],!0),ze(e,"minute",i[1],!1,!1))}),e.addEventListener("close",()=>{if(!e.returnValue)return;let n=e._miclInvoker;if(n||(n=Ie(e)),!Ce(n))return;const i=t.elements;let a=parseInt(i.namedItem("hour")?.value||"0",10);if(isNaN(a))return;Te&&(a%=12,"pm"===i.namedItem("period")?.value&&(a+=12));const r=parseInt(i.namedItem("minute")?.value||"0",10);if(isNaN(r))return;const l=`${a}`.padStart(2,"0")+":"+`${r}`.padStart(2,"0");n.value=l,n instanceof HTMLInputElement?(n.dispatchEvent(new Event("change",{bubbles:!0})),n.dispatchEvent(new Event("input",{bubbles:!0}))):n.textContent=l})}},HTMLDialogElement),p);return t})());
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.micl=t():e.micl=t()}(self,()=>(()=>{"use strict";const e={d:(t,n)=>{if(Array.isArray(n))for(var a=0;a<n.length;){var i=n[a++],r=n[a++];e.o(t,i)?0===r&&a++:0===r?Object.defineProperty(t,i,{enumerable:!0,value:n[a++]}):Object.defineProperty(t,i,{enumerable:!0,get:r})}else for(var i in n)e.o(n,i)&&!e.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:n[i]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}};let t={};e.r(t),e.d(t,{default:()=>Ne});const n=globalThis.__miclRegistry??={map:{},rippled:new WeakSet,activated:!1},a=()=>Object.keys(n.map).join(","),i=e=>Object.entries(n.map).find(([t,{type:n}])=>e.matches(t)&&e instanceof n)?.[1],r=e=>{const t=i(e);t&&"function"==typeof t.component.initialize&&t.component.initialize(e)},l=e=>{const t=a();t&&e.querySelectorAll(t).forEach(r),e.querySelectorAll('[class*="micl-"], [class*="micl-"] > summary').forEach(e=>{n.rippled.has(e)||"1"===window.getComputedStyle(e).getPropertyValue("--micl-ripple")&&(e.addEventListener("pointerdown",t=>{if(t.currentTarget.classList.contains("micl-card--nonactionable"))return;t.stopPropagation();const n=e.getBoundingClientRect();e.style.setProperty("--micl-x",(t.clientX-n.left)/n.width*100+"%"),e.style.setProperty("--micl-y",(t.clientY-n.top)/n.height*100+"%"),e.classList.remove("micl-rippling"),e.offsetWidth,e.classList.add("micl-rippling");const a=t=>{"micl-ripple"===t.animationName&&(e.classList.remove("micl-rippling"),e.style.removeProperty("--micl-x"),e.style.removeProperty("--micl-y"),e.removeEventListener("animationend",a))};e.addEventListener("animationend",a)}),n.rippled.add(e))}),document.documentElement.style.setProperty("--md-sys-scrollbar-thumb-color",window.getComputedStyle(document.body).getPropertyValue("--md-sys-color-outline").trim())},o=e=>{const t=i(e);t&&"function"==typeof t.component.cleanup&&t.component.cleanup(e)},s=e=>{const t=a();t&&e.querySelectorAll(t).forEach(o)},c=e=>{const t=a();if(!t)return;const n=e.target.closest(t);if(!(n instanceof HTMLElement))return;const r=i(n),l=e.type;r&&"function"==typeof r.component[l]&&r.component[l]?.(e)},d=()=>{n.activated||(n.activated=!0,new MutationObserver(e=>{e.forEach(e=>{"childList"===e.type&&(e.addedNodes.forEach(e=>{if(e instanceof HTMLElement){const t=a();t&&e.matches(t)&&r(e),t&&e.querySelectorAll(t).forEach(r)}}),e.removedNodes.forEach(e=>{if(e instanceof HTMLElement){const t=a();t&&e.matches(t)&&o(e),s(e)}}))})}).observe(document.body,{childList:!0,subtree:!0}),l(document),document.addEventListener("change",c),document.addEventListener("input",c),document.addEventListener("keydown",c))},m=(e,t,a)=>(n.map[e]={component:t,type:a},n.activated&&document.querySelectorAll(e).forEach(r),t),u=()=>{document.removeEventListener("DOMContentLoaded",u),d()};"loading"!==document.readyState?d():document.addEventListener("DOMContentLoaded",u);const p={initialize:()=>l(document),cleanup:()=>s(document)},h="dialog.micl-bottomsheet",g=e=>{let t=parseInt(e.dataset.miclfitheight||"0",10);t<1&&(t=e.getBoundingClientRect().height,e.dataset.miclfitheight=`${t}`);let n=parseInt(window.getComputedStyle(e).getPropertyValue("max-block-size"),10),a=(e.dataset.miclsnapheights||"").split(",").map(Number).filter(e=>!isNaN(e)&&e>=0&&e<=n);return[...new Set(a.concat([Math.min(t,n)]).sort((e,t)=>e-t))]},f=(e,t)=>{let n=e.getBoundingClientRect().height,a=g(e);return a.filter(e=>e>n+4)[0]||a[t?a.length-1:0]},y=(e,t)=>{t<1?(delete e.dataset.miclfitheight,e.style.removeProperty("--md-comp-bottomsheet-height"),e[e.popover?"hidePopover":"close"]()):e.style.setProperty("--md-comp-bottomsheet-height",`${t}px`)},v=(m(h,{initialize:e=>{if(!e.matches(h)||e.dataset.miclinitialized)return;e.dataset.miclinitialized="1";const t=e.querySelector(".micl-bottomsheet__headline");if(!t)return;const n=t.querySelector(".micl-bottomsheet__draghandle");let a,i,r=!1,l=!1,o=!1;function s(t){const n=t.clientY;if(r&&Math.abs(a-n)>4&&(r=!1,l=!0,e.classList.add("micl-bottomsheet--resizing")),l){const t=Math.max(1,i+a-n),r=g(e).find(e=>e>0&&Math.abs(e-t)<=12);y(e,r||t)}}function c(t){r=!1,e.classList.remove("micl-bottomsheet--resizing"),document.removeEventListener("pointermove",s),document.removeEventListener("pointerup",c),l&&(l=!1,o=!0,t.clientY<a?y(e,f(e,!0)):e.getBoundingClientRect().height<48?y(e,0):y(e,(e=>{let t=e.getBoundingClientRect().height,n=g(e).filter(e=>e>0),a=n.filter(e=>e<t-4);return a[a.length-1]||n[0]})(e)))}n?.addEventListener("click",()=>{o||y(e,f(e,!1))}),t.addEventListener("pointerdown",l=>{l.target!==t&&l.target!==n||(r=!0,o=!1,l.preventDefault(),a=l.clientY,i=e.getBoundingClientRect().height,document.addEventListener("pointermove",s),document.addEventListener("pointerup",c))})},cleanup:e=>{e.matches(h)&&(e.classList.remove("micl-bottomsheet--resizing"),delete e.dataset.miclinitialized,delete e.dataset.miclfitheight)}},HTMLDialogElement),".micl-button--toggle"),E=e=>{const t=e.querySelector(".micl-button__icon")??e,n="true"===e.getAttribute("aria-pressed");t.dataset.micliconselected&&t.classList.toggle(t.dataset.micliconselected,n),t.dataset.miclicon&&t.classList.toggle(t.dataset.miclicon,!n)},L=(m(v,{command:e=>{const t=e.target;t.matches(v)&&!t.disabled&&"--micl-toggle"===e.command&&(t.classList.add("micl-button--toggled"),t.setAttribute("aria-pressed",String("true"!==t.getAttribute("aria-pressed"))),E(t))},initialize:function(e){e.matches(v)&&!e.dataset.miclinitialized&&(e.dataset.miclinitialized="1",E(e),e.addEventListener("command",this.command))},cleanup:function(e){e.matches(v)&&(e.removeEventListener("command",this.command),delete e.dataset.miclinitialized)}},HTMLButtonElement),".micl-checkbox-group"),b=e=>{const t=e.querySelector(".micl-checkbox__parent");return t?.closest(L)===e?t:null},w=e=>{const t=b(e);if(!t)return!1;let n=0,a=0;return e.querySelectorAll('input[type="checkbox"].micl-checkbox').forEach(i=>{if(i!==t){const t=i.closest(L);t===e?(n++,i.checked&&!i.indeterminate&&a++):i.classList.contains("micl-checkbox__parent")&&t?.parentElement?.closest(L)===e&&(n++,w(t)&&a++)}}),0===a?(t.checked=!1,t.indeterminate=!1):a===n?(t.checked=!0,t.indeterminate=!1):(t.checked=!0,t.indeterminate=!0),a===n},S=(e,t)=>{e.querySelectorAll('input[type="checkbox"].micl-checkbox').forEach(n=>{const a=n.closest(L);a===e?n.checked=t:n.classList.contains("micl-checkbox__parent")&&a?.parentElement?.closest(L)===e&&(n.checked=t,S(a,t))})},k=(e,t)=>{const n=b(e);if(!n)return;t===n&&S(e,t.checked);let a,i=e;do{a=i,i=i.parentElement?.closest(L)}while(i);w(a)},x=(m(L,{initialize:e=>{e.matches(L)&&!e.dataset.miclinitialized&&(e.dataset.miclinitialized="1",e.addEventListener("change",t=>{const n=t.target;n.classList.contains("micl-checkbox")&&(t.stopPropagation(),k(e,n))}),k(e,null))}},HTMLElement),"dialog.micl-dialog.micl-datepicker"),$="micl-datepicker__",D="micl-no-transition",T=new WeakMap,M=(new Intl.DateTimeFormat).resolvedOptions().locale,A={input:new Intl.DateTimeFormat(M,{year:"numeric",month:"2-digit",day:"2-digit"}),header:new Intl.DateTimeFormat(M,{weekday:"short",day:"numeric",month:"short"}),monthLong:new Intl.DateTimeFormat(void 0,{month:"long"}),monthShort:new Intl.DateTimeFormat(M,{month:"short"}),weekdayNarrow:new Intl.DateTimeFormat(M,{weekday:"narrow"}),weekdayLong:new Intl.DateTimeFormat(M,{weekday:"long"})},q=e=>{const t=new Date(e);return t.setHours(0,0,0,0),t},C=e=>{const t=(e.getMonth()+1).toString().padStart(2,"0"),n=e.getDate().toString().padStart(2,"0");return`${e.getFullYear()}-${t}-${n}`},_=()=>A.input.formatToParts(new Date(2025,0,15)).map(e=>{switch(e.type){case"day":return"DD";case"month":return"MM";case"year":return"YYYY";case"literal":return e.value;default:return""}}).join("").trim(),I=(()=>{try{const e=new Intl.Locale(M).getWeekInfo?.();if(e)return 7===e.firstDay?0:e.firstDay}catch{}return/US|CA|MX/i.test(M)?0:1})(),H=e=>!isNaN(e.getTime()),P=e=>"date"===e.type&&e.valueAsDate?e.valueAsDate:e.value?new Date(e.value):null,N=(e,t,n)=>{e.value=t,e instanceof HTMLInputElement?(e.dispatchEvent(new Event("change",{bubbles:!0})),e.dispatchEvent(new Event("input",{bubbles:!0}))):e.textContent=n},z=(e,t)=>{if(e)if(e.firstElementChild){let n=e.firstChild;for(;n;){if(n.nodeType===Node.TEXT_NODE)return void(n.nodeValue=t);n=n.nextSibling}e.appendChild(document.createTextNode(t))}else e.textContent=t},F=(e,t)=>{const n=new Date(e,t,1).getDay(),a=new Date(e,t,1-(n-I+7)%7);return Array.from({length:42},(e,n)=>{const i=new Date(a);return i.setDate(a.getDate()+n),{date:i,val:C(i),isCurrentMonth:i.getMonth()===t}})},Y=(e,t,n,a=!1)=>{if(a){const n=(()=>{const e=new Date,t=e.getDay()-I;e.setDate(e.getDate()-t);const n=document.createDocumentFragment();for(let t=0;t<7;t++){const a=document.createElement("span");a.style.gridArea=`1 / ${t+1}`,a.textContent=A.weekdayNarrow.format(e),a.title=A.weekdayLong.format(e),n.appendChild(a),e.setDate(e.getDate()+1)}return n})();t.forEach((e,t)=>{const a=document.createElement("time"),i=Math.floor(t/7)+2,r=t%7+1;a.style.gridArea=`${i} / ${r}`,n.appendChild(a)}),e.appendChild(n)}const i=q(new Date),r=n.selected.getTime(),l=n.selectedEnd?.getTime();e.querySelectorAll("time").forEach((e,n)=>{const a=t[n];e.dateTime=a.val,e.textContent=a.date.getDate().toString();const o=a.date.getTime(),s=o===r||o===l,c=o===i.getTime();e.className="",a.isCurrentMonth||e.classList.add(`${$}outside`),s&&e.classList.add(`${$}selected`),c&&e.classList.add(`${$}today`),void 0!==l&&l!==r&&(o===r?e.classList.add(`${$}range-start`):o===l?e.classList.add(`${$}range-end`):o>r&&o<l&&e.classList.add(`${$}inrange`))})},O=(e,t,n=0)=>{const a=e.querySelector(".micl-dialog__content"),i=a?.querySelector(`.${$}calendars`);if(!i)return;const r="micl-startleft",l="micl-startright",o="micl-moveleft",s="micl-moveright";if(i.classList.remove(o,s,r,l),i.offsetWidth,0!==n){const e=i.querySelector(`.${$}calendar`);if(!e)return;const a=document.createElement("div"),c=document.createElement("div");a.className=`${$}calendar`,c.className=`${$}calendar-inner`;const d=F(t.viewDate.getFullYear(),t.viewDate.getMonth());Y(c,d,t,!0);const m=n>0,u=m?r:l,p=m?o:s;a.appendChild(c),m?i.appendChild(a):i.prepend(a),i.classList.add(D,u),i.offsetWidth,requestAnimationFrame(()=>{i.classList.remove(D,u),i.classList.add(p)});const h=()=>{i.removeEventListener("transitionend",h),setTimeout(()=>{i.classList.remove(p),e.parentElement===i&&e.remove(),i.classList.add(D,r),i.offsetWidth,i.classList.remove(D,r)},0)};i.addEventListener("transitionend",h)}else{let e=i.querySelector(`.${$}calendar`);e||(e=document.createElement("div"),e.className=`${$}calendar`,e=i.appendChild(e));let n=e.querySelector(`.${$}calendar-inner`);n||(n=document.createElement("div"),n.className=`${$}calendar-inner`,e.appendChild(n));const a=F(t.viewDate.getFullYear(),t.viewDate.getMonth());Y(n,a,t,0===n.querySelectorAll("time").length)}a?.querySelectorAll(`.${$}input input`).forEach((e,n)=>{const a=0===n?t.selected:t.selectedEnd;e.value=a?A.input.format(a):"",e.value?e.dataset.miclvalue="1":delete e.dataset.miclvalue,e.dataset.micldateformat||(e.dataset.micldateformat=_())}),z(e.querySelector("h1, h2, h3, h4, h5, h6, .micl-heading"),t.range?`${A.header.format(t.selected)} – ${t.selectedEnd?A.header.format(t.selectedEnd):""}`:A.header.format(t.selected)),z(e.querySelector(`.${$}month`),A.monthShort.format(t.viewDate)),z(e.querySelector(`.${$}year`),t.viewDate.toLocaleDateString(M,e.classList.contains("micl-dialog--docked")?{year:"numeric"}:{month:"long",year:"numeric"}));const c=e.querySelector(`.${$}months input[value="${t.viewDate.getMonth()}"]`);c&&(c.checked=!0);const d=e.querySelector(`.${$}years input[value="${t.viewDate.getFullYear()}"]`);d&&(d.checked=!0)},B=(e,t)=>{"months"!==t&&"years"!==t||e.querySelector(`.${$}${t}.${$}view-hidden`)||(t="calendars"),["calendars","input","month-selector","year-selector"].forEach(n=>{let a="input"===t;"calendars"!==n&&"input"!==n||(a=t!==n),e.querySelector(`.${$}${n}`)?.classList.toggle(`${$}view-hidden`,a)});const n=e.querySelector(".micl-dialog__content");if(!n)return;const a=parseInt(window.getComputedStyle(n).getPropertyValue("max-block-size"),10);["months","years"].forEach(e=>{const i=n.querySelector(`.${$}${e}`);if(!i)return;const r=i.querySelector("input:checked");let l=!1;if(r&&e===t){const e=window.getComputedStyle(i).getPropertyValue("transition-duration"),t=parseFloat(e)*(e.includes("ms")?1:1e3),o=i.scrollHeight-a,s=(a-48)/2;if(r.offsetTop>s){let e=r.offsetTop-s-24;e>o&&(e=o);const a=performance.now(),c=i=>{const r=Math.min((i-a)/t,1);n.scrollTop=e*r,r<1&&requestAnimationFrame(c)};i.classList.remove(`${$}view-hidden`),requestAnimationFrame(c),l=null,i.addEventListener("transitionend",function t(a){"height"!==a.propertyName&&"block-size"!==a.propertyName||(n.scrollTop=e,i.removeEventListener("transitionend",t))})}}else l=!0;null!==l&&i.classList.toggle(`${$}view-hidden`,l)})},V=(e,t,n)=>{const a=T.get(e);if(!a)return;const i=new Date(a.viewDate);"month"===n?i.setMonth(i.getMonth()+t):i.setFullYear(i.getFullYear()+t);const r=a.min&&i<a.min,l=a.max&&i>a.max;r||l?e.querySelector(`.${$}calendars`)?.animate([{transform:"translateX(0)"},{transform:`translateX(${r?8:-8}px)`},{transform:"translateX(0)"}],{duration:500,easing:"ease-in-out"}):(a.viewDate=i,O(e,a,"month"===n?t:0))},R=(m(x,{keydown:e=>{if(!(e instanceof KeyboardEvent&&e.target instanceof Element))return;const t=e.target.closest(x);if(t)switch(e.key){case"Enter":case" ":e.target instanceof HTMLInputElement&&"date"===e.target.type&&e.preventDefault();break;case"M":B(t,"months");break;case"Y":B(t,"years");break;case"PageUp":case"PageDown":V(t,"PageUp"===e.key?1:-1,e.shiftKey?"year":"month")}},initialize:e=>{if(e.dataset.miclinitialized)return;const t=e.querySelector("form"),n=e.querySelector(".micl-dialog__content");t&&n&&(e.dataset.miclinitialized="1",e.addEventListener("click",t=>{const n=t.target,a=n.closest("button");if(a){const t=a.parentElement?.classList.contains(`${$}month-selector`),n=a.classList.contains(`${$}next`),i=a.classList.contains(`${$}previous`);if(n||i)return void V(e,n?1:-1,t?"month":"year")}n.closest(`.${$}month`)&&B(e,"months"),n.closest(`.${$}year`)&&B(e,"years"),n.closest(`.${$}inputmode`)&&B(e,e.querySelector(`.${$}input.${$}view-hidden`)?"input":"calendars");const i=n.closest("time");if(i&&i.dateTime&&((e,t)=>{const n=T.get(e);if(!n)return;const a=t.split("-").map(Number);if(3===a.length){const t=new Date(a[0],a[1]-1,a[2]);n.range?n.selectedEnd||t<n.selected?(n.selected=t,n.selectedEnd=null):n.selectedEnd=t:n.selected=t,n.viewDate=new Date(t),O(e,n)}})(e,i.dateTime),n instanceof HTMLInputElement&&("miclmonth"===n.name||"miclyear"===n.name)){const t=T.get(e);if(t){const a=parseInt(n.value,10);"miclmonth"===n.name?t.viewDate.setMonth(a):t.viewDate.setFullYear(a),t.viewDate<t.min?t.viewDate=t.min:t.viewDate>t.max&&(t.viewDate=t.max),O(e,t),B(e,"calendars")}}}),e.addEventListener("focusout",t=>{const n=t.target;if(!(n instanceof HTMLInputElement&&n.closest(`.${$}input`)))return;const a=e.querySelectorAll(`.${$}input input`);((e,t,n)=>{const a=T.get(e);if(!a)return;const i=(e=>{const t=_();if(e.length!==t.length)return null;let n="",a="",i="";for(let r=0;r<t.length;r++)switch(t[r]){case"D":n+=e[r];break;case"M":a+=e[r];break;case"Y":i+=e[r]}const r=new Date(parseInt(i,10),parseInt(a,10)-1,parseInt(n,10));return H(r)?r:null})(n);i&&(a.range&&t>0?a.selectedEnd=i:a.selected=i,a.selectedEnd&&a.selectedEnd<a.selected&&([a.selected,a.selectedEnd]=[a.selectedEnd,a.selected]),a.viewDate=new Date(a.selected)),O(e,a)})(e,Array.prototype.indexOf.call(a,n),n.value)}),e.addEventListener("beforetoggle",t=>{if("open"!==t.newState)return;const n=e=>e instanceof HTMLInputElement||e instanceof HTMLButtonElement;let a=document.activeElement;if((!n(a)||a.dataset.datepicker!==e.id&&a.popoverTargetElement!==e&&a.commandForElement!==e)&&(a=document.querySelector(`[data-datepicker="${e.id}"],[popovertarget="${e.id}"],[commandfor="${e.id}"]`)),!n(a))return;const i=e.classList.contains("micl-datepicker--range");let r=a,l=null;if(i&&a instanceof HTMLInputElement)if(a.dataset.miclrangeto){const e=document.getElementById(a.dataset.miclrangeto);l=e instanceof HTMLInputElement?e:null}else if(a.id){const e=document.querySelector(`input[data-miclrangeto="${a.id}"]`);e&&(l=a,r=e)}let o=new Date,s=null,c=new Date(1900,0,1),d=new Date(2099,11,31);if(r instanceof HTMLInputElement)o=P(r)||o,r.min&&(c=new Date(r.min)),r.max&&(d=new Date(r.max));else{const[e,t]=(r.value||r.textContent||"").split("/"),n=new Date(e);H(n)&&(o=n),i&&t&&(s=new Date(t))}l&&(s=P(l),l.max&&(d=new Date(l.max))),H(o)||(o=new Date),o=q(o),s&&H(s)?(s=q(s),s<o&&([o,s]=[s,o])):s=null;const m={invoker:r,invokerEnd:l,selected:o,selectedEnd:i?s:null,range:i,viewDate:new Date(o),min:c,max:d};T.set(e,m),((e,t,n)=>{const a=t.getFullYear(),i=n.getFullYear();["months","years"].forEach(r=>{const l=e.querySelector(`.${$}${r}`);if(!l)return;l.innerHTML="";const o=document.createDocumentFragment(),s=n.getMonth();if("months"===r){const e=[];let a=new Date(t.getFullYear(),t.getMonth(),1);for(;a<=n||a.getMonth()===s&&a.getFullYear()===i;)e.push(a.getMonth()),a.setMonth(a.getMonth()+1);[...new Set(e.sort((e,t)=>e-t))].forEach(e=>{const t=document.createElement("label");t.innerHTML=`<span class="material-symbols-outlined">check</span><input type="radio" name="miclmonth" value="${e}"> ${A.monthLong.format(new Date(2e3,e,1))}`,o.appendChild(t)})}else for(let e=a;e<=i;e++){const t=document.createElement("label");t.innerHTML=`<input type="radio" name="miclyear" value="${e}"> ${e}`,o.appendChild(t)}const c=document.createElement("div");c.className=`${$}${r}-inner`,l.appendChild(c).appendChild(o)})})(e,c,d),B(e,"calendars"),O(e,m)}),e.addEventListener("close",()=>{const t=T.get(e);if(!t?.invoker||""===e.returnValue)return;const n=t.selectedEnd||t.selected;t.range&&!t.invokerEnd?N(t.invoker,`${C(t.selected)}/${C(n)}`,`${t.selected.toLocaleDateString()} – ${n.toLocaleDateString()}`):(N(t.invoker,C(t.selected),t.selected.toLocaleDateString()),t.invokerEnd&&N(t.invokerEnd,C(n),n.toLocaleDateString()))}))}},HTMLDialogElement),e=>e?.matches(":has(input[type=checkbox]:checked)")),j=(m(".micl-list",{keydown(e){const t=e.target;if(!(e instanceof KeyboardEvent&&t?.matches(".micl-list-item-one,.micl-list-item-two,.micl-list-item-three")))return;const n=t.parentElement;if(!n)return;const a=n instanceof HTMLDetailsElement;let i=[];if(a?i=Array.from(n.parentElement?.children||[]).map(e=>e.querySelector(":scope > summary")).filter(Boolean):["UL","OL"].includes(n.tagName)&&(i=Array.from(n.children).filter(e=>e instanceof HTMLLIElement&&"separator"!==e.getAttribute("role"))),i=i.filter(e=>!(e=>e?.classList.contains("micl-list-item--disabled"))(e)),!i.length)return;const r=i.indexOf(t);if(-1===r)return;let l=r;switch(e.key){case"ArrowDown":e.preventDefault(),l=(r+1)%i.length;break;case"ArrowUp":e.preventDefault(),l=(r-1+i.length)%i.length;break;case"Tab":if(!a){const e=i.findIndex(R);l=-1===e?0:e}break;case" ":case"Enter":if(a)break;" "===e.key&&e.preventDefault();const n=t.querySelector("input[type=checkbox], a[href], button");n instanceof HTMLInputElement?(n.checked=!n.checked,n.dispatchEvent(new Event("change",{bubbles:!0,cancelable:!0}))):n?.click()}l!==r&&(a||(t.setAttribute("tabindex","-1"),i[l].setAttribute("tabindex","0")),i[l].focus())},initialize(e){e.dataset.miclinitialized||(e.dataset.miclinitialized="1",e.querySelectorAll(":scope > details > summary.micl-list-item--disabled").forEach(e=>e.setAttribute("tabindex","-1")),e.querySelector('li[tabindex="0"]')&&e.querySelectorAll('li:not([role="separator"])').forEach(e=>{"0"!==e.getAttribute("tabindex")&&e.setAttribute("tabindex","-1"),e.querySelectorAll("a, button, input").forEach(e=>e.setAttribute("tabindex","-1")),(e=>e?.matches(":has(input[type=checkbox])"))(e)&&(e.setAttribute("role","option"),e.parentElement?.setAttribute("role","listbox"))}))}},HTMLElement),e=>Array.from(e.children).filter(e=>e instanceof HTMLLIElement&&"separator"!==e.getAttribute("role")&&!e.classList.contains("micl-list-item--disabled")&&e.matches(".micl-list-item-one,.micl-list-item-two,.micl-list-item-three"))),U=(m(".micl-menu[popover]",{initialize:e=>{if(!e.matches(".micl-menu[popover]")||e.dataset.miclinitialized)return;e.dataset.miclinitialized="1";const t=document.querySelector(`[popovertarget="${e.id}"]`);t&&e.addEventListener("beforetoggle",n=>{if("open"!==n.newState)return;const a=n.source||t;requestAnimationFrame(()=>{e.matches(":popover-open")&&(e.style.transformOrigin=((e,t)=>{const n=e.getBoundingClientRect(),a=t.getBoundingClientRect();return(n.x+n.width/2>a.x+a.width/2?"right ":"left ")+(n.y+n.height/2>a.y+a.height/2?"bottom":"top")})(a,e))})}),e.addEventListener("keydown",t=>{if("ArrowDown"!==t.key&&"ArrowUp"!==t.key)return;const n=t.target;if(!(n instanceof HTMLElement&&n.matches(".micl-list-item-one,.micl-list-item-two,.micl-list-item-three")))return;const a=n.parentElement;if(!a?.matches("ul.micl-list"))return;if(a.parentElement!==e)return;const i=Array.from(e.querySelectorAll(":scope > ul.micl-list"));if(i.length<2)return;const r=i.indexOf(a),l=j(a),o=l.indexOf(n);if(-1===o)return;let s;if("ArrowDown"===t.key&&o===l.length-1){const e=(r+1)%i.length;s=j(i[e])[0]}else if("ArrowUp"===t.key&&0===o){const e=(r-1+i.length)%i.length,t=j(i[e]);s=t[t.length-1]}s&&(t.preventDefault(),t.stopPropagation(),n.setAttribute("tabindex","-1"),s.setAttribute("tabindex","0"),s.focus())},!0),e.querySelectorAll(":scope > ul.micl-list > li > button[popovertarget]").forEach(e=>{if(e.popoverTargetElement?.matches(".micl-menu[popover]")){const t=e.popoverTargetElement,n=`--${t.id}`;let a;e.style.setProperty("anchor-name",n),t.style.insetBlockStart=`anchor(${n} start)`,t.style.insetInlineStart=`anchor(${n} end)`;const i=()=>{clearTimeout(a),a=setTimeout(()=>{e.matches(":hover")||t.matches(":hover")||t.hidePopover()},300)};e.addEventListener("mouseenter",()=>{clearTimeout(a),t.showPopover()}),e.addEventListener("mouseleave",i),t.addEventListener("mouseenter",()=>{clearTimeout(a)}),t.addEventListener("mouseleave",i)}})}},HTMLElement),"input[type=range][class*=micl-slider-]"),W=String.fromCharCode(8226),X=String.fromCharCode(8201),K=e=>e.parentElement?.classList.contains("micl-slider__container")?e.parentElement:null,J=(e,t)=>{e.dataset.miclsliderticks=t},G=e=>{let t=JSON.stringify(e.value+""),n=K(e);n&&(n.style.setProperty("--micl-slider-value",e.value),n.style.setProperty("--micl-slider-tip",t)),e.style.setProperty("--micl-slider-value",e.value),e.style.setProperty("--micl-slider-tip",t)},Q=(m(U,{initialize:e=>{if(!e.matches(U))return;(e=>{let t=e.max||"100";K(e)?.style.setProperty("--micl-slider-max",t),e.style.setProperty("--micl-slider-max",t)})(e),(e=>{let t=e.min||"0";K(e)?.style.setProperty("--micl-slider-min",t),e.style.setProperty("--micl-slider-min",t)})(e),G(e),(e=>{let t=K(e);if(t){const n=window.getComputedStyle(e);["--_handle-height","--_track-height"].forEach(e=>{t.style.setProperty(e,n.getPropertyValue(e))})}})(e);const t=parseFloat(e.max),n=parseFloat(e.min),a=e.getBoundingClientRect(),i=((e,t,n)=>{const a=[];return e.list&&t>n&&e.list.querySelectorAll("option[value]").forEach(e=>{let i=parseFloat(e.value);!isNaN(i)&&i>=n&&i<=t&&a.push(i)}),a})(e,t,n).sort((e,t)=>e-t).map(e=>Math.round(100*(e-n)/(t-n)));if(i.length>0){const t=document.createElement("canvas"),n=t.getContext("2d");if(n){n.font=window.getComputedStyle(e).getPropertyValue("font");let t=n.measureText(X).width,r=n.measureText(W).width,l=a.width-10,o=0,s="";i.forEach(e=>{let n=l*e/100,a=Math.round((n-o)/t)-1;for(let e=0;e<a;e++)s+=X,o+=t;s+=W,o+=r}),J(e,s)}t.remove()}else J(e,W)},input:e=>{e.target.matches(U)&&e.target instanceof HTMLInputElement&&!e.target.disabled&&G(e.target)}},HTMLInputElement),".micl-snackbar"),Z=new WeakMap,ee=e=>{const t=Z.get(e);t&&t.timeoutid&&(clearTimeout(t.timeoutid),t.timeoutid=void 0)},te=e=>{ee(e);const t=Z.get(e);t&&(t.timeoutid=window.setTimeout(()=>{e.isConnected&&e.matches(":popover-open")&&e.hidePopover()},t.delay))},ne=(m(Q,{initialize:e=>{if(!e.matches(Q)||e.dataset.miclinitialized)return;const t=e.dataset.micldelay,n=t?parseInt(t,10):0;if(isNaN(n)||n<=0)return;e.dataset.miclinitialized="1";const a=()=>ee(e),i=t=>{"open"===t.newState?te(e):ee(e)},r=()=>{e.matches(":popover-open")&&te(e)};Z.set(e,{delay:n,boundHandleToggle:i,boundClearTimer:a,boundHandleMouseLeave:r}),e.addEventListener("toggle",i),e.addEventListener("mouseenter",a),e.addEventListener("mouseleave",r)},cleanup:e=>{const t=Z.get(e);t&&(ee(e),e.removeEventListener("toggle",t.boundHandleToggle),e.removeEventListener("mouseenter",t.boundClearTimer),e.removeEventListener("mouseleave",t.boundHandleMouseLeave),Z.delete(e)),delete e.dataset.miclinitialized}},HTMLElement),e=>"willValidate"in e),ae=e=>{const t=e.target;ne(t)&&t.setCustomValidity("")},ie=e=>{const t=e.dataset.miclvalidateMessage||"";if(t&&e.matches("[data-miclvalidate-checkboxes-name]")){const n=e.dataset.miclvalidateCheckboxesName||"",a=e.dataset.miclvalidateCheckboxesCountEqual||"",i=e.dataset.miclvalidateCheckboxesCountMax||"",r=e.dataset.miclvalidateCheckboxesCountMin||"";if(n&&(a||i||r)){const l=e.querySelectorAll(`input[type="checkbox"][name="${n}"]:checked`).length,o=parseInt(a,10),s=parseInt(i,10),c=parseInt(r,10);let d=!isNaN(o)&&l!=o||!isNaN(s)&&l>s||!isNaN(c)&&l<c;e.setCustomValidity(d?t:"");const m=e.querySelector(`input[type="checkbox"][name="${n}"]`);m&&(m.setCustomValidity(d?t:""),d?m.addEventListener("change",ae):m.removeEventListener("change",ae))}}},re=(e,t)=>{let n=!1;return e.querySelectorAll("fieldset").forEach(ie),Array.from(e.elements).forEach(e=>{if(ne(e)&&e.willValidate){e.checkValidity()||(n=!0);let a=(e=>{if(!e.parentElement||!ne(e))return!1;let t=!1;return e instanceof HTMLInputElement&&"checkbox"===e.type&&e.classList.contains("micl-checkbox")?t=(e=>(e.classList.toggle("micl-checkbox--error",!!e.validationMessage),!1))(e):(e.parentElement.classList.contains("micl-textfield-outlined")||e.parentElement.classList.contains("micl-textfield-filled"))&&(t=((e,t)=>{e.classList.toggle("micl-textfield--error",!!t);const n=e.querySelector(".micl-textfield__supporting-text");return n&&(t?(n.dataset.micltext||(n.dataset.micltext=n.textContent),n.textContent=t):"micltext"in n.dataset&&(n.textContent=n.dataset.micltext||"")),!!t&&!!n})(e.parentElement,e.validationMessage)),t})(e);!a&&t&&e.reportValidity()}}),!n},le=".micl-stepper",oe=".micl-stepper__action-back,.micl-stepper__action-next",se=".micl-stepper__header button[role=tab][aria-controls]",ce="micl-stepper__step",de="."+ce,me=e=>e.querySelector(`${de}[aria-current=step]`)||pe(e,e.querySelector(de)),ue=(e,t)=>Array.from(e.querySelectorAll(de)).indexOf(t)+1,pe=(e,t)=>{if(!t)return null;let n=0;e.querySelectorAll(de).forEach((e,a)=>{e.setAttribute("aria-current",e===t?"step":"false"),e===t&&(n=a)});const a=e.querySelectorAll(se).item(n);return e.querySelectorAll(se).forEach(e=>{e.setAttribute("aria-selected",e===a?"true":"false")}),fe(e,t),t},he=e=>{const t=e.currentTarget;"transform"===e.propertyName&&t&&(t.classList.remove("micl-stepper__step--fromselected","micl-stepper__step--toselected"),t.removeEventListener("transitionend",he))},ge=e=>e.classList.contains("micl-stepper__action-back"),fe=(e,t)=>{((e,t)=>{Array.from(e.querySelectorAll(oe)).forEach(e=>{const n=ge(e)?"previousElementSibling":"nextElementSibling",a=t[n]?.classList.contains(ce);e.classList.toggle("micl-stepper__action--hidden",!a)})})(e,t),((e,t)=>{const n=e.querySelectorAll(de).length,a=ue(e,t);e.querySelectorAll("[data-step]").forEach(e=>{const t=parseInt(e.dataset.step||"0",10);e.classList.toggle("micl-stepper__step--hidden",t>0?t!=a:n+t+1!=a)})})(e,t),((e,t)=>{const n=ue(e,t),a=e.querySelectorAll(de).length,i=!e.classList.contains("micl-stepper--nonlinear"),r=(t,n)=>{e.querySelectorAll(t).forEach(e=>{e.textContent=n})};r(".micl-stepper__progress-current",`${n}`),r(".micl-stepper__progress-total",`${a}`),e.querySelectorAll(".micl-stepper__progress-dots").forEach(e=>{const t=document.createDocumentFragment();e.innerHTML="";for(let e=1;e<=a;e++){let a=document.createElement("span");a.classList.add("micl-stepper__progress-dot"),(i&&e<=n||!i&&e===n)&&a.classList.add("micl-stepper__progress--done"),t.appendChild(a)}e.appendChild(t)}),e.querySelectorAll(se).forEach((e,t)=>{e.classList.toggle("micl-stepper__progress--done",i?t+1<=n:t+1===n)})})(e,t)},ye=(m(le,{initialize:e=>{if(!e.matches(le)||e.dataset.miclinitialized)return;e.dataset.miclinitialized="1";const t=me(e),n=e.querySelector(".micl-stepper__header");t&&(fe(e,t),n?.querySelectorAll("button[role=tab][aria-controls]").forEach((t,n)=>{t.style.setProperty("--micl-stepper-anchor",`--micl-step-${n}`),n>0&&t.style.setProperty("--micl-stepper-prev","--micl-step-"+(n-1)),t.addEventListener("click",()=>{if("ariaControlsElements"in Element.prototype&&t.ariaControlsElements)pe(e,t.ariaControlsElements[0]);else{const n=t.getAttribute("aria-controls");n&&pe(e,document.getElementById(n))}})})),Array.from(e.querySelectorAll(oe)).forEach(t=>{t.addEventListener("click",function(t){const n=ge(this),a=me(e);if(!a||!n&&a instanceof HTMLFieldSetElement&&(r=!0,ie(i=a),!re(i,r)))return void(n||t.stopImmediatePropagation());var i,r;const l=a[n?"previousElementSibling":"nextElementSibling"];l?.classList.contains(ce)&&((e,t,n)=>{t.addEventListener("transitionend",he),t.classList.add("micl-stepper__step--fromselected"),t.offsetHeight,n.addEventListener("transitionend",he),n.classList.add("micl-stepper__step--toselected"),n.offsetHeight,pe(e,n)})(e,a,l)},!0)}),e instanceof HTMLFormElement&&e.addEventListener("submit",t=>{t.submitter?.classList.contains("micl-form--dosubmit")||t.preventDefault(),re(e,!0)||t.stopImmediatePropagation()},!0)}},HTMLElement),".micl-textfield-outlined > input,.micl-textfield-filled > input"),ve=".micl-textfield-outlined > textarea,.micl-textfield-filled > textarea",Ee=".micl-textfield-filled > select,.micl-textfield-outlined > select",Le=`${ye},${Ee},${ve}`,be=e=>{if(!e.parentElement||e instanceof HTMLSelectElement||!e.maxLength)return;const t=e.parentElement.querySelector(".micl-textfield__character-counter");t&&(t.textContent=`${e.value.length}/${e.maxLength}`)},we=e=>{e.target.matches(Le)&&e.target.dataset.miclinitialized&&!e.target.disabled&&(e.target instanceof HTMLInputElement&&e.target.dataset.micldateformat&&((e,t)=>{const n=(e.dataset.micldateformat||"").match(/([DMY]{2,4})([^DMY])?([DMY]{2,4})([^DMY])?([DMY]{2,4})/);if(!n)return;const a=[{type:n[1],length:n[1].length,separator:n[2]||""},{type:n[3],length:n[3].length,separator:n[4]||""},{type:n[5],length:n[5].length,separator:""}];e.maxLength=a.reduce((e,t)=>e+t.length+(t.separator?1:0),0);let i=e.value.replace(/\D/g,""),r="",l=0,o=e.selectionStart||0;for(let e=0;e<a.length;e++){const t=a[e];if(i.length<l)break;const n=i.substring(l,l+t.length);r+=n,l+=n.length,n.length===t.length&&t.separator&&(r+=t.separator)}const s=e.value.length;e.value=r.substring(0,e.maxLength);const c=e.value.length;t?.startsWith("deleteContent")?o>0&&e.setSelectionRange(o,o):c>s&&c>o?e.setSelectionRange(c,c):e.setSelectionRange(o,o)})(e.target,e.inputType),e.target.value?e.target.dataset.miclvalue="1":delete e.target.dataset.miclvalue,be(e.target))},Se={initialize:e=>{if(!e.dataset.miclinitialized){if(e.dataset.miclinitialized="1",e.value&&(e.dataset.miclvalue="1"),e instanceof HTMLSelectElement&&e.multiple&&!CSS.supports("appearance","base-select")&&e.addEventListener("mousedown",t=>{const n=t.target instanceof Element&&t.target.closest("option");if(n&&!n.disabled&&!t.shiftKey){t.preventDefault();const a=e.scrollTop;n.selected=!n.selected,e.focus(),e.scrollTop=a,e.dispatchEvent(new Event("change",{bubbles:!0}))}}),e instanceof HTMLSelectElement&&!e.multiple){const t=()=>{const t=e.getBoundingClientRect(),n=t.top,a=window.innerHeight-t.bottom;!e.matches(":open")&&e.style.setProperty("--micl-select-picker-origin",n>a?"bottom":"top")};e.addEventListener("mousedown",t),e.addEventListener("keydown",t)}if(e.matches("input[type=time][data-timepicker],input[type=date][data-datepicker]")){const t=document.getElementById(e.dataset.timepicker||e.dataset.datepicker||"");if(t instanceof HTMLDialogElement){const n=e=>{e.preventDefault(),t.showModal()};e.addEventListener("click",n),e.addEventListener("keydown",e=>{const t=e.key;"Enter"!==t&&" "!==t||n(e)})}}be(e)}},change:we,input:we};m(ye,Se,HTMLInputElement),m(ve,Se,HTMLTextAreaElement),m(Ee,Se,HTMLSelectElement);const ke="micl-timepicker__",xe="micl-timepicker__dial--hidden",$e="micl-timepicker--selected",De=(()=>{try{const e=new Intl.DateTimeFormat(void 0,{hour:"numeric"}).resolvedOptions().hourCycle;return"h11"===e||"h12"===e}catch(e){return!1}})(),Te=(e,t)=>e.querySelector(t),Me=e=>e instanceof HTMLInputElement||e instanceof HTMLButtonElement,Ae=e=>!!e&&!e.classList.contains(xe),qe=(e,t)=>{e.classList.toggle($e,t)},Ce=e=>document.querySelector(`[data-timepicker="${e.id}"],[popovertarget="${e.id}"],[commandfor="${e.id}"]`),_e=e=>"hour"===e?{min:De?1:0,max:De?12:23}:{min:0,max:59},Ie=(e,t,n)=>{e.querySelectorAll("data").forEach(e=>e.classList.remove(`${ke}time--selected`));const a=e.querySelector(`data[data-${t}][value="${n}"]`);let i="";a?(i=window.getComputedStyle(a).getPropertyValue("--micl-angle"),a.classList.add(`${ke}time--selected`)):"minute"===t&&(i=`${Math.round(360*parseInt(n,10)/60-90)}deg`),i&&e.style.setProperty("--micl-angle",i)},He=(e,t,n,a,i=!0)=>{let r=parseInt(n||"0",10);if(isNaN(r))return;const l=Te(e,`input[name=${t}]`);if(l){if("hour"===t&&a&&De){const t=e.querySelector(`.${ke}am`),n=e.querySelector(`.${ke}pm`);r>=12?(n&&(n.checked=!0),r>12&&(r-=12)):(t&&(t.checked=!0),0===r&&(r=12))}if(l.value=`${r}`.padStart(2,"0"),i){const n=Te(e,`.${ke}dial`);if(!n)return;Ie(n,t,l.value)}}},Pe=(e,t,n)=>{if("ArrowDown"!==n.key&&"ArrowUp"!==n.key)return;n.preventDefault();const{max:a,min:i}=_e(t.name);let r=parseInt(t.value,10)||0;if(r+="ArrowUp"===n.key?1:-1,(r<i||r>a)&&(r=r<i?a:i,"hour"===t.name&&De)){const t=e.querySelector("input[name=period]:not(:checked)");t?.click()}He(e,t.name,`${r}`)},Ne=(m("dialog.micl-dialog.micl-timepicker",{initialize:e=>{if(e.dataset.miclinitialized)return;const t=Te(e,"form"),n=Te(e,`.${ke}inputmode`),a=Te(e,`.${ke}dial`),i=[Te(e,"input[name=hour]"),Te(e,"input[name=minute]")].filter(e=>null!==e);if(!t||i.length<2)return;e.dataset.miclinitialized="1",i.forEach((t,n)=>{(e=>{const{min:t,max:n}=_e(e.name);let a;a="hour"===e.name?De?"(0[1-9]|1[0-2])":"(0[0-9]|1[0-9]|2[0-3])":"(0[0-9]|[1-5][0-9])";const i={maxlength:"2",pattern:a,inputmode:"numeric",autocomplete:"off",role:"spinbutton",min:String(t),max:String(n)};for(const t in i)e.setAttribute(t,i[t])})(t),a&&t.toggleAttribute("readonly",Ae(a)),t.addEventListener("keydown",Pe.bind(null,e,t)),t.addEventListener("focus",()=>{qe(i[0===n?1:0],!1),qe(t,!0),a&&(((e,t)=>{e.querySelectorAll("data").forEach(e=>{e.dataset[t]&&(e.textContent=e.dataset[t],e.value=e.dataset[t].padStart(2,"0")),e.classList.contains(`${ke}dial-inner`)&&e.classList["hour"===t?"remove":"add"](xe)})})(a,t.name),Ie(a,t.name,t.value))}),t.addEventListener("blur",()=>{Ae(a)||((e=>{const{max:t,min:n}=_e(e.name);let a=parseInt(e.value,10);isNaN(a)&&(a=n),a>t&&(a=t),a<0&&(a=n),e.value=String(a).padStart(2,"0")})(t),qe(t,!1))})});const r=e.querySelector(`.${ke}period`);if(r&&De&&(["am","pm"].forEach(e=>{let t=document.createElement("input");t.type="radio",t.name="period",t.className=`${ke}${e}`,t.value=e,t.ariaLabel=e.toUpperCase(),r.appendChild(t)}),r.classList.toggle(xe,!De)),n?.addEventListener("click",()=>{a?.classList.toggle(xe),i.forEach(e=>{e.toggleAttribute("readonly",Ae(a))}),Ae(a)&&i[0].focus()}),a){(e=>{let t=De?300:270;for(let n=De?1:0;n<=(De?12:23);n++){const a=document.createElement("data");a.value=`${n}`.padStart(2,"0"),a.textContent=`${n}`,a.dataset.hour=`${n}`,a.style.setProperty("--micl-angle",`${t}deg`),!De&&n>=12?a.classList.add(`${ke}dial-inner`):a.dataset.minute=""+5*n%60,e.appendChild(a),t=(t+30)%360}const n=document.createElement("span");n.className=`${ke}track`,e.appendChild(n)})(a);const t=(t,n)=>{const a=document.elementFromPoint(t,n);a&&"DATA"===a.tagName&&He(e,e.querySelector(`input[name=hour].${$e}`)?"hour":"minute",a.value)};a.addEventListener("pointerdown",e=>{a.classList.add(`${ke}dial--dragging`),t(e.clientX,e.clientY),a.setPointerCapture(e.pointerId)}),a.addEventListener("pointermove",e=>{a.classList.contains(`${ke}dial--dragging`)&&t(e.clientX,e.clientY)});const n=e=>{a.classList.remove(`${ke}dial--dragging`),a.releasePointerCapture(e.pointerId)};a.addEventListener("pointerup",n),a.addEventListener("pointercancel",n)}e.addEventListener("beforetoggle",t=>{if("open"===t.oldState)return;let n=document.activeElement;if((!Me(n)||n.dataset.timepicker!==e.id&&n.popoverTargetElement!==e&&n.commandForElement!==e)&&(n=Ce(e)),!Me(n))return;e._miclInvoker=n;const a=(n.value||n.textContent).split(":");2===a.length&&(He(e,"hour",a[0],!0),He(e,"minute",a[1],!1,!1))}),e.addEventListener("close",()=>{if(!e.returnValue)return;let n=e._miclInvoker;if(n||(n=Ce(e)),!Me(n))return;const a=t.elements;let i=parseInt(a.namedItem("hour")?.value||"0",10);if(isNaN(i))return;De&&(i%=12,"pm"===a.namedItem("period")?.value&&(i+=12));const r=parseInt(a.namedItem("minute")?.value||"0",10);if(isNaN(r))return;const l=`${i}`.padStart(2,"0")+":"+`${r}`.padStart(2,"0");n.value=l,n instanceof HTMLInputElement?(n.dispatchEvent(new Event("change",{bubbles:!0})),n.dispatchEvent(new Event("input",{bubbles:!0}))):n.textContent=l})}},HTMLDialogElement),p);return t})());

package/dist/navigationbar.css

@@ -1 +1 @@
-:root{--md-sys-shape-corner-medium: 12px}:root{--md-sys-layout-pane-spacer: 24px;--md-sys-layout-window-margin: 24px}@media(max-width: 599px){:root{--md-sys-layout-window-margin: 16px}}@media(min-width: 840px)and (max-width: 1199px){:root{--md-sys-layout-pane-fixed-width: 360px}}@media(min-width: 1200px){:root{--md-sys-layout-pane-fixed-width: 412px}}.micl-window{padding:env(safe-area-inset-top, 0px) calc(var(--md-sys-layout-window-margin) + env(safe-area-inset-right, 0px)) calc(var(--md-sys-layout-window-margin) + env(safe-area-inset-bottom, 0px)) calc(var(--md-sys-layout-window-margin) + env(safe-area-inset-left, 0px));margin:0;background-color:var(--md-sys-color-surface)}.micl-window .micl-panes .micl-appbar{margin-inline:calc(-1*var(--md-sys-layout-window-margin))}.micl-window:not(.micl-window--spatial):has(nav.micl-navigationrail) .micl-panes .micl-appbar{margin-inline-start:0}.micl-window.micl-window--spatial{--md-sys-layout-spatial-radius: calc(var(--md-sys-shape-corner-medium) + var(--md-sys-layout-window-margin));display:flex;padding-block:calc(2*var(--md-sys-layout-window-margin) + env(safe-area-inset-top, 0px)) calc(2*var(--md-sys-layout-window-margin) + env(safe-area-inset-bottom, 0px));gap:var(--md-sys-layout-window-margin)}.micl-window.micl-window--spatial .micl-navigationrail{display:flex;align-self:flex-start;block-size:inherit;min-block-size:inherit;margin:0;padding-block-end:var(--md-sys-navigationrail-top-space, 0px);border-radius:var(--md-sys-layout-spatial-radius)}.micl-window.micl-window--spatial .micl-panes{background:rgba(0,0,0,0)}.micl-window.micl-window--spatial .micl-pane{padding:0 var(--md-sys-layout-window-margin) var(--md-sys-layout-window-margin);border-radius:var(--md-sys-layout-spatial-radius);background-color:var(--md-sys-color-surface)}.micl-panes{box-sizing:border-box;display:flex;flex-direction:row;gap:var(--md-sys-comp-margin, 8px) var(--md-sys-layout-pane-spacer);background-color:inherit}.micl-panes.micl-panes--split>.micl-pane+.micl-pane{--_layout-safe-inline-end: env(safe-area-inset-right, 0px);box-sizing:border-box;flex:0 1 var(--_layout-stacked-pane-size, calc(50vw - var(--md-sys-layout-window-margin, 0px) - var(--_layout-safe-inline-end) - var(--md-sys-layout-pane-spacer) / 2))}.micl-panes.micl-panes--split>.micl-pane+.micl-pane:dir(rtl){--_layout-safe-inline-end: env(safe-area-inset-left, 0px)}.micl-panes.micl-panes--evenly .micl-pane{flex:1 1 0}.micl-pane{display:flex;flex-direction:column;flex:1 1 auto;min-inline-size:0;background-color:inherit}.micl-pane.micl-pane--fixed{flex:0 0 auto;box-sizing:border-box;inline-size:var(--_layout-stacked-pane-size, var(--md-sys-layout-pane-fixed-width, auto))}.micl-pane:has(>.micl-card-elevated,>.micl-card-filled,>.micl-card-outlined),.micl-pane>*:has(>.micl-card-elevated,>.micl-card-filled,>.micl-card-outlined){gap:var(--md-comp-card-margin, 8px)}.micl-pane>.micl-pane__columns{display:flex}.micl-pane>.micl-pane__columns:has(>.micl-pane__column>.micl-card-elevated,>.micl-pane__column>.micl-card-filled,>.micl-pane__column>.micl-card-outlined){gap:var(--md-comp-card-margin, 8px)}.micl-pane>.micl-pane__columns>.micl-pane__column{display:flex;flex-direction:column;flex:1 1 auto;min-inline-size:0;background-color:inherit}.micl-pane>.micl-pane__columns>.micl-pane__column:has(>.micl-card-elevated,>.micl-card-filled,>.micl-card-outlined){row-gap:var(--md-comp-card-margin, 8px)}.micl-pane>.micl-pane__columns>.micl-pane__column.micl-pane__column--fixed{flex:0 0 auto}.micl-pane>.micl-pane__columns.micl-pane__columns--evenly>.micl-pane__column{flex:1 1 0}@media(max-width: 599px){.micl-panes.micl-panes--stacked-to-medium{--_layout-stacked-pane-size: auto;flex-direction:column}.micl-pane.micl-pane--hidden-to-medium{display:none}.micl-pane__columns.micl-pane__columns--stacked-to-medium{flex-direction:column}}@media(max-width: 839px){.micl-panes.micl-panes--stacked-to-expanded{--_layout-stacked-pane-size: auto;flex-direction:column}.micl-pane.micl-pane--hidden-to-expanded{display:none}.micl-pane__columns.micl-pane__columns--stacked-to-expanded{flex-direction:column}}@media(max-width: 1199px){.micl-panes.micl-panes--stacked-to-large{--_layout-stacked-pane-size: auto;flex-direction:column}.micl-pane.micl-pane--hidden-to-large{display:none}.micl-pane__columns.micl-pane__columns--stacked-to-large{flex-direction:column}}@media(max-width: 1599px){.micl-panes.micl-panes--stacked-to-extralarge{--_layout-stacked-pane-size: auto;flex-direction:column}.micl-pane.micl-pane--hidden-to-extralarge{display:none}.micl-pane__columns.micl-pane__columns--stacked-to-extralarge{flex-direction:column}}:root{--md-ref-typeface-plain: Google Sans, system-ui, sans-serif;--md-ref-typeface-plain-narrow: 0;--md-ref-typeface-brand: Google Sans, system-ui, sans-serif;--md-ref-typeface-weight-regular: 400;--md-ref-typeface-weight-medium: 500;--md-ref-typeface-weight-bold: 700}:root{--md-sys-typescale-label-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-medium-size: 0.75rem;--md-sys-typescale-label-medium-line-height: 1rem;--md-sys-typescale-label-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-medium-tracking: 0.03125rem}nav.micl-navigationbar>.micl-navigationbar__content>a.micl-navigationbar__item{--micl-ripple: 1;--statelayer-color: var(--md-sys-color-on-secondary-container);box-sizing:border-box;display:flex;position:relative;align-items:center;outline:none;text-decoration:none;cursor:pointer;overflow:visible;background-color:rgba(0,0,0,0);background-image:radial-gradient(circle at var(--micl-x, center) var(--micl-y, center), transparent 0%, rgb(from var(--statelayer-color) r g b/calc(var(--statelayer-opacity) * var(--md-sys-state-ripple-opacity-factor))) 10%, transparent 10%),linear-gradient(rgb(from var(--statelayer-color) r g b/var(--statelayer-opacity)));background-repeat:no-repeat;background-position:var(--micl-x, center) var(--micl-y, center),0 0;background-size:0%,100%}nav.micl-navigationbar>.micl-navigationbar__content>a.micl-navigationbar__item:focus-visible{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity, 10%)}nav.micl-navigationbar>.micl-navigationbar__content>a.micl-navigationbar__item:hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity, 8%)}nav.micl-navigationbar>.micl-navigationbar__content>a.micl-navigationbar__item:active{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity, 10%)}nav.micl-navigationbar>.micl-navigationbar__content>a.micl-rippling.micl-navigationbar__item{animation:micl-ripple calc(var(--md-sys-state-ripple-duration)*1.333)}nav.micl-navigationbar>.micl-navigationbar__content>a.micl-navigationbar__item .micl-navigationbar__icon{margin:0;padding-block:4px;color:var(--md-sys-color-on-surface-variant);font-variation-settings:"FILL" 0}nav.micl-navigationbar>.micl-navigationbar__content>a.micl-navigationbar__item .micl-navigationbar__text{font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height);font-weight:var(--md-sys-typescale-label-medium-weight);letter-spacing:var(--md-sys-typescale-label-medium-tracking);min-block-size:var(--md-sys-typescale-label-medium-line-height);margin:4px 0px 0px 0px;color:var(--md-sys-color-on-surface-variant);overflow:hidden}nav.micl-navigationbar>.micl-navigationbar__content>a.micl-navigationbar__item[aria-current=page]{background-color:var(--md-sys-color-secondary-container)}nav.micl-navigationbar>.micl-navigationbar__content>a.micl-navigationbar__item[aria-current=page] .micl-navigationbar__icon{color:var(--md-sys-color-on-secondary-container);font-variation-settings:"FILL" 1}nav.micl-navigationbar>.micl-navigationbar__content>a.micl-navigationbar__item[aria-current=page] .micl-navigationbar__text{color:var(--md-sys-color-secondary)}body{--md-sys-elevation-level0: none}body{--md-sys-elevation-level2: rgb(from var(--md-sys-color-shadow) r g b/0.3) 0 1px 2px 0, rgb(from var(--md-sys-color-shadow) r g b/0.15) 0 2px 6px 2px}:root{--md-sys-state-hover-state-layer-opacity: 8%}:root{--md-sys-state-focus-state-layer-opacity: 10%}:root{--md-sys-state-pressed-state-layer-opacity: 10%}:root{--md-sys-state-ripple-opacity-factor: 0.6}:root{--md-sys-state-ripple-duration: 750ms}@property --statelayer-color{syntax:"<color>";initial-value:rgba(0,0,0,0);inherits:false}@property --statelayer-opacity{syntax:"<percentage>";initial-value:0%;inherits:false}@keyframes micl-ripple{from{background-size:0% 0%,100%;animation-timing-function:cubic-bezier(0.2, 0, 0, 1)}60%{background-size:1000% 1000%,100%;animation-timing-function:cubic-bezier(0.3, 0, 1, 1)}to{background-size:10000% 10000%,100%}}nav.micl-navigationbar{box-sizing:border-box;position:fixed;inset-block:auto 0;inset-inline:0;padding-block-end:env(safe-area-inset-bottom);background-color:var(--md-comp-nav-bar-container-color, var(--md-sys-color-surface-container));box-shadow:var(--md-comp-nav-bar-container-elevation, var(--md-sys-elevation-level2));border-radius:var(--md-comp-nav-bar-container-shape, 0px);z-index:9}nav.micl-navigationbar>.micl-navigationbar__content{box-sizing:border-box;display:flex;align-items:flex-start;justify-content:space-evenly;block-size:var(--md-comp-nav-bar-container-height, 64px);padding-block-start:6px}nav.micl-navigationbar>.micl-navigationbar__content>a.micl-navigationbar__item{flex-direction:column;inline-size:var(--md-comp-nav-bar-item-vertical-active-indicator-width, 56px);block-size:var(--md-comp-nav-bar-item-vertical-active-indicator-height, 32px);border-radius:var(--md-comp-nav-bar-item-active-indicator-shape, calc(var(--md-comp-nav-bar-item-vertical-active-indicator-height, 32px) / 2))}nav.micl-navigationbar>.micl-navigationbar__content>a.micl-navigationbar__item .micl-navigationbar__icon{font-size:var(--md-comp-nav-bar-item-icon-size, var(--md-sys-icon-size));inline-size:var(--md-comp-nav-bar-item-icon-size, var(--md-sys-icon-size));padding-inline:16px}nav.micl-navigationbar>.micl-navigationbar__content>a.micl-navigationbar__item .micl-navigationbar__text{margin-block-start:var(--md-comp-nav-bar-item-active-indicator-icon-label-space, 4px);white-space:nowrap;text-overflow:ellipsis}nav.micl-navigationbar.micl-navigationbar--tall>.micl-navigationbar__content{block-size:var(--md-comp-nav-bar-tall-container-height, 80px);padding-block-start:14px}nav.micl-navigationbar.micl-navigationbar--horizontal>.micl-navigationbar__content{align-items:center;padding-block-start:0}nav.micl-navigationbar.micl-navigationbar--horizontal>.micl-navigationbar__content>a.micl-navigationbar__item{flex-direction:row;inline-size:fit-content;max-inline-size:100%;block-size:var(--md-comp-nav-bar-item-horizontal-active-indicator-height, 40px);border-radius:var(--md-comp-nav-bar-item-active-indicator-shape, calc(var(--md-comp-nav-bar-item-horizontal-active-indicator-height, 40px) / 2))}nav.micl-navigationbar.micl-navigationbar--horizontal>.micl-navigationbar__content>a.micl-navigationbar__item .micl-navigationbar__icon{padding-inline:var(--md-comp-nav-bar-item-horizontal-active-indicator-leading-space, 16px) var(--md-comp-nav-bar-item-active-indicator-icon-label-space, 4px)}nav.micl-navigationbar.micl-navigationbar--horizontal>.micl-navigationbar__content>a.micl-navigationbar__item .micl-navigationbar__text{margin-block-start:0;padding-inline-end:var(--md-comp-nav-bar-item-horizontal-active-indicator-trailing-space, 16px)}body:has(nav.micl-navigationbar){padding-block-end:calc(var(--md-comp-nav-bar-container-height, 64px) + env(safe-area-inset-bottom))}body:has(nav.micl-navigationbar--tall){padding-block-end:calc(var(--md-comp-nav-bar-tall-container-height, 80px) + env(safe-area-inset-bottom))}@media(min-width: 600px){nav.micl-navigationbar--bar-to-medium{display:flex;flex-direction:column;position:sticky;float:inline-start;inset:unset;inset-block-start:0;inline-size:var(--md-comp-nav-rail-collapsed-container-width, 96px);block-size:100vh;min-block-size:100%;margin-inline:calc(-1*var(--md-sys-layout-window-margin, 0px)) auto;padding-block:var(--md-comp-nav-rail-collapsed-top-space, 44px) 0;background-color:var(--md-comp-nav-rail-collapsed-container-color, var(--md-sys-color-surface));box-shadow:var(--md-comp-nav-rail-collapsed-container-elevation, var(--md-sys-elevation-level0));border-radius:var(--md-comp-nav-rail-collapsed-container-shape, 0px);border-inline-end:var(--md-comp-nav-rail-divider-thickness, 0px) solid var(--md-comp-nav-rail-divider-color, var(--md-comp-divider-color));overflow:hidden}nav.micl-navigationbar--bar-to-medium>.micl-navigationbar__content{flex:1 1 auto;flex-direction:column;justify-content:flex-start;inline-size:100%;block-size:auto;row-gap:var(--md-comp-nav-rail-item-container-vertical-space, 6px);padding-block:var(--md-comp-nav-rail-item-header-space-minimum, 40px) 16px;padding-inline:20px;overflow:hidden auto}nav.micl-navigationbar--bar-to-medium>.micl-navigationbar__content>a.micl-navigationbar__item{margin-block-end:40px;row-gap:var(--md-comp-nav-rail-collapsed-item-vertical-space, 4px)}body.micl-window:has(nav.micl-navigationbar--bar-to-medium){padding-block-end:var(--md-sys-layout-window-margin, 0px)}body:not(.micl-window):has(nav.micl-navigationbar--bar-to-medium){padding-block-end:0}}@media(min-width: 840px){nav.micl-navigationbar--bar-to-expanded{display:flex;flex-direction:column;position:sticky;float:inline-start;inset:unset;inset-block-start:0;inline-size:var(--md-comp-nav-rail-collapsed-container-width, 96px);block-size:100vh;min-block-size:100%;margin-inline:calc(-1*var(--md-sys-layout-window-margin, 0px)) auto;padding-block:var(--md-comp-nav-rail-collapsed-top-space, 44px) 0;background-color:var(--md-comp-nav-rail-collapsed-container-color, var(--md-sys-color-surface));box-shadow:var(--md-comp-nav-rail-collapsed-container-elevation, var(--md-sys-elevation-level0));border-radius:var(--md-comp-nav-rail-collapsed-container-shape, 0px);border-inline-end:var(--md-comp-nav-rail-divider-thickness, 0px) solid var(--md-comp-nav-rail-divider-color, var(--md-comp-divider-color));overflow:hidden}nav.micl-navigationbar--bar-to-expanded>.micl-navigationbar__content{flex:1 1 auto;flex-direction:column;justify-content:flex-start;inline-size:100%;block-size:auto;row-gap:var(--md-comp-nav-rail-item-container-vertical-space, 6px);padding-block:var(--md-comp-nav-rail-item-header-space-minimum, 40px) 16px;padding-inline:20px;overflow:hidden auto}nav.micl-navigationbar--bar-to-expanded>.micl-navigationbar__content>a.micl-navigationbar__item{margin-block-end:40px;row-gap:var(--md-comp-nav-rail-collapsed-item-vertical-space, 4px)}body.micl-window:has(nav.micl-navigationbar--bar-to-expanded){padding-block-end:var(--md-sys-layout-window-margin, 0px)}body:not(.micl-window):has(nav.micl-navigationbar--bar-to-expanded){padding-block-end:0}}
+:root{--md-sys-shape-corner-medium: 12px}:root{--md-sys-layout-pane-spacer: 24px;--md-sys-layout-window-margin: 24px}@media(max-width: 599px){:root{--md-sys-layout-window-margin: 16px}}@media(min-width: 840px)and (max-width: 1199px){:root{--md-sys-layout-pane-fixed-width: 360px}}@media(min-width: 1200px){:root{--md-sys-layout-pane-fixed-width: 412px}}.micl-window{padding:env(safe-area-inset-top, 0px) calc(var(--md-sys-layout-window-margin) + env(safe-area-inset-right, 0px)) calc(var(--md-sys-layout-window-margin) + env(safe-area-inset-bottom, 0px)) calc(var(--md-sys-layout-window-margin) + env(safe-area-inset-left, 0px));margin:0;background-color:var(--md-sys-color-surface)}.micl-window .micl-panes .micl-appbar{margin-inline:calc(-1*var(--md-sys-layout-window-margin))}.micl-window:not(.micl-window--spatial):has(nav.micl-navigationrail) .micl-panes .micl-appbar{margin-inline-start:0}.micl-window.micl-window--spatial{--md-sys-layout-spatial-radius: calc(var(--md-sys-shape-corner-medium) + var(--md-sys-layout-window-margin));display:flex;padding-block:calc(2*var(--md-sys-layout-window-margin) + env(safe-area-inset-top, 0px)) calc(2*var(--md-sys-layout-window-margin) + env(safe-area-inset-bottom, 0px));gap:var(--md-sys-layout-window-margin)}.micl-window.micl-window--spatial .micl-navigationrail{display:flex;align-self:flex-start;block-size:inherit;min-block-size:inherit;margin:0;padding-block-end:var(--md-sys-navigationrail-top-space, 0px);border-radius:var(--md-sys-layout-spatial-radius)}.micl-window.micl-window--spatial .micl-panes{background:rgba(0,0,0,0)}.micl-window.micl-window--spatial .micl-pane{padding:0 var(--md-sys-layout-window-margin) var(--md-sys-layout-window-margin);border-radius:var(--md-sys-layout-spatial-radius);background-color:var(--md-sys-color-surface)}.micl-panes{box-sizing:border-box;display:flex;flex-direction:row;gap:var(--md-sys-comp-margin, 8px) var(--md-sys-layout-pane-spacer);background-color:inherit}.micl-panes.micl-panes--split>.micl-pane+.micl-pane{--_layout-safe-inline-end: env(safe-area-inset-right, 0px);box-sizing:border-box;flex:0 1 var(--_layout-stacked-pane-size, calc(50vw - var(--md-sys-layout-window-margin, 0px) - var(--_layout-safe-inline-end) - var(--md-sys-layout-pane-spacer) / 2))}.micl-panes.micl-panes--split>.micl-pane+.micl-pane:dir(rtl){--_layout-safe-inline-end: env(safe-area-inset-left, 0px)}.micl-panes.micl-panes--evenly .micl-pane{flex:1 1 0}.micl-pane{display:flex;flex-direction:column;flex:1 1 auto;min-inline-size:0;background-color:inherit}.micl-pane.micl-pane--fixed{flex:0 0 auto;box-sizing:border-box;inline-size:var(--_layout-stacked-pane-size, var(--md-sys-layout-pane-fixed-width, auto))}.micl-pane:has(>.micl-card-elevated,>.micl-card-filled,>.micl-card-outlined),.micl-pane>*:has(>.micl-card-elevated,>.micl-card-filled,>.micl-card-outlined){gap:var(--md-comp-card-margin, 8px)}.micl-pane>.micl-pane__columns{display:flex}.micl-pane>.micl-pane__columns:has(>.micl-pane__column>.micl-card-elevated,>.micl-pane__column>.micl-card-filled,>.micl-pane__column>.micl-card-outlined){gap:var(--md-comp-card-margin, 8px)}.micl-pane>.micl-pane__columns>.micl-pane__column{display:flex;flex-direction:column;flex:1 1 auto;min-inline-size:0;background-color:inherit}.micl-pane>.micl-pane__columns>.micl-pane__column:has(>.micl-card-elevated,>.micl-card-filled,>.micl-card-outlined){row-gap:var(--md-comp-card-margin, 8px)}.micl-pane>.micl-pane__columns>.micl-pane__column.micl-pane__column--fixed{flex:0 0 auto}.micl-pane>.micl-pane__columns.micl-pane__columns--evenly>.micl-pane__column{flex:1 1 0}@media(max-width: 599px){.micl-panes.micl-panes--stacked-to-medium{--_layout-stacked-pane-size: auto;flex-direction:column}.micl-pane.micl-pane--hidden-to-medium{display:none}.micl-pane__columns.micl-pane__columns--stacked-to-medium{flex-direction:column}}@media(max-width: 839px){.micl-panes.micl-panes--stacked-to-expanded{--_layout-stacked-pane-size: auto;flex-direction:column}.micl-pane.micl-pane--hidden-to-expanded{display:none}.micl-pane__columns.micl-pane__columns--stacked-to-expanded{flex-direction:column}}@media(max-width: 1199px){.micl-panes.micl-panes--stacked-to-large{--_layout-stacked-pane-size: auto;flex-direction:column}.micl-pane.micl-pane--hidden-to-large{display:none}.micl-pane__columns.micl-pane__columns--stacked-to-large{flex-direction:column}}@media(max-width: 1599px){.micl-panes.micl-panes--stacked-to-extralarge{--_layout-stacked-pane-size: auto;flex-direction:column}.micl-pane.micl-pane--hidden-to-extralarge{display:none}.micl-pane__columns.micl-pane__columns--stacked-to-extralarge{flex-direction:column}}:root{--md-ref-typeface-plain: Google Sans, system-ui, sans-serif;--md-ref-typeface-plain-narrow: 0;--md-ref-typeface-brand: Google Sans, system-ui, sans-serif;--md-ref-typeface-weight-regular: 400;--md-ref-typeface-weight-medium: 500;--md-ref-typeface-weight-bold: 700}:root{--md-sys-typescale-label-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-medium-size: 0.75rem;--md-sys-typescale-label-medium-line-height: 1rem;--md-sys-typescale-label-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-medium-tracking: 0.03125rem}nav.micl-navigationbar>.micl-navigationbar__content>a.micl-navigationbar__item{--micl-ripple: 1;--statelayer-color: var(--md-sys-color-on-secondary-container);box-sizing:border-box;display:flex;position:relative;align-items:center;outline:none;text-decoration:none;cursor:pointer;overflow:visible;background-color:rgba(0,0,0,0);background-image:radial-gradient(circle at var(--micl-x, center) var(--micl-y, center), transparent 0%, rgb(from var(--statelayer-color) r g b/calc(var(--statelayer-opacity) * var(--md-sys-state-ripple-opacity-factor))) 10%, transparent 10%),linear-gradient(rgb(from var(--statelayer-color) r g b/var(--statelayer-opacity)));background-repeat:no-repeat;background-position:var(--micl-x, center) var(--micl-y, center),0 0;background-size:0%,100%}nav.micl-navigationbar>.micl-navigationbar__content>a.micl-navigationbar__item:focus-visible{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity, 10%)}nav.micl-navigationbar>.micl-navigationbar__content>a.micl-navigationbar__item:hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity, 8%)}nav.micl-navigationbar>.micl-navigationbar__content>a.micl-navigationbar__item:active{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity, 10%)}nav.micl-navigationbar>.micl-navigationbar__content>a.micl-rippling.micl-navigationbar__item{animation:micl-ripple calc(var(--md-sys-state-ripple-duration)*1.333)}nav.micl-navigationbar>.micl-navigationbar__content>a.micl-navigationbar__item .micl-navigationbar__icon{margin:0;padding-block:4px;color:var(--md-sys-color-on-surface-variant);font-variation-settings:"FILL" 0}nav.micl-navigationbar>.micl-navigationbar__content>a.micl-navigationbar__item .micl-navigationbar__text{font:var(--md-sys-typescale-label-medium-weight) var(--md-sys-typescale-label-medium-size)/var(--md-sys-typescale-label-medium-line-height) var(--md-sys-typescale-label-medium-font);letter-spacing:var(--md-sys-typescale-label-medium-tracking);min-block-size:var(--md-sys-typescale-label-medium-line-height);margin:4px 0px 0px 0px;color:var(--md-sys-color-on-surface-variant);overflow:hidden}nav.micl-navigationbar>.micl-navigationbar__content>a.micl-navigationbar__item[aria-current=page]{background-color:var(--md-sys-color-secondary-container)}nav.micl-navigationbar>.micl-navigationbar__content>a.micl-navigationbar__item[aria-current=page] .micl-navigationbar__icon{color:var(--md-sys-color-on-secondary-container);font-variation-settings:"FILL" 1}nav.micl-navigationbar>.micl-navigationbar__content>a.micl-navigationbar__item[aria-current=page] .micl-navigationbar__text{color:var(--md-sys-color-secondary)}body{--md-sys-elevation-level0: none}body{--md-sys-elevation-level2: rgb(from var(--md-sys-color-shadow) r g b/0.3) 0 1px 2px 0, rgb(from var(--md-sys-color-shadow) r g b/0.15) 0 2px 6px 2px}:root{--md-sys-state-hover-state-layer-opacity: 8%}:root{--md-sys-state-focus-state-layer-opacity: 10%}:root{--md-sys-state-pressed-state-layer-opacity: 10%}:root{--md-sys-state-ripple-opacity-factor: 0.6}:root{--md-sys-state-ripple-duration: 750ms}@property --statelayer-color{syntax:"<color>";initial-value:rgba(0,0,0,0);inherits:false}@property --statelayer-opacity{syntax:"<percentage>";initial-value:0%;inherits:false}@keyframes micl-ripple{from{background-size:0% 0%,100%;animation-timing-function:cubic-bezier(0.2, 0, 0, 1)}60%{background-size:1000% 1000%,100%;animation-timing-function:cubic-bezier(0.3, 0, 1, 1)}to{background-size:10000% 10000%,100%}}nav.micl-navigationbar{box-sizing:border-box;position:fixed;inset-block:auto 0;inset-inline:0;padding-block-end:env(safe-area-inset-bottom);background-color:var(--md-comp-nav-bar-container-color, var(--md-sys-color-surface-container));box-shadow:var(--md-comp-nav-bar-container-elevation, var(--md-sys-elevation-level2));border-radius:var(--md-comp-nav-bar-container-shape, 0px);z-index:9}nav.micl-navigationbar>.micl-navigationbar__content{box-sizing:border-box;display:flex;align-items:flex-start;justify-content:space-evenly;block-size:var(--md-comp-nav-bar-container-height, 64px);padding-block-start:6px}nav.micl-navigationbar>.micl-navigationbar__content>a.micl-navigationbar__item{flex-direction:column;inline-size:var(--md-comp-nav-bar-item-vertical-active-indicator-width, 56px);block-size:var(--md-comp-nav-bar-item-vertical-active-indicator-height, 32px);border-radius:var(--md-comp-nav-bar-item-active-indicator-shape, calc(var(--md-comp-nav-bar-item-vertical-active-indicator-height, 32px) / 2))}nav.micl-navigationbar>.micl-navigationbar__content>a.micl-navigationbar__item .micl-navigationbar__icon{font-size:var(--md-comp-nav-bar-item-icon-size, var(--md-sys-icon-size));inline-size:var(--md-comp-nav-bar-item-icon-size, var(--md-sys-icon-size));padding-inline:16px}nav.micl-navigationbar>.micl-navigationbar__content>a.micl-navigationbar__item .micl-navigationbar__text{margin-block-start:var(--md-comp-nav-bar-item-active-indicator-icon-label-space, 4px);white-space:nowrap;text-overflow:ellipsis}nav.micl-navigationbar.micl-navigationbar--tall>.micl-navigationbar__content{block-size:var(--md-comp-nav-bar-tall-container-height, 80px);padding-block-start:14px}nav.micl-navigationbar.micl-navigationbar--horizontal>.micl-navigationbar__content{align-items:center;padding-block-start:0}nav.micl-navigationbar.micl-navigationbar--horizontal>.micl-navigationbar__content>a.micl-navigationbar__item{flex-direction:row;inline-size:fit-content;max-inline-size:100%;block-size:var(--md-comp-nav-bar-item-horizontal-active-indicator-height, 40px);border-radius:var(--md-comp-nav-bar-item-active-indicator-shape, calc(var(--md-comp-nav-bar-item-horizontal-active-indicator-height, 40px) / 2))}nav.micl-navigationbar.micl-navigationbar--horizontal>.micl-navigationbar__content>a.micl-navigationbar__item .micl-navigationbar__icon{padding-inline:var(--md-comp-nav-bar-item-horizontal-active-indicator-leading-space, 16px) var(--md-comp-nav-bar-item-active-indicator-icon-label-space, 4px)}nav.micl-navigationbar.micl-navigationbar--horizontal>.micl-navigationbar__content>a.micl-navigationbar__item .micl-navigationbar__text{margin-block-start:0;padding-inline-end:var(--md-comp-nav-bar-item-horizontal-active-indicator-trailing-space, 16px)}body:has(nav.micl-navigationbar){padding-block-end:calc(var(--md-comp-nav-bar-container-height, 64px) + env(safe-area-inset-bottom))}body:has(nav.micl-navigationbar--tall){padding-block-end:calc(var(--md-comp-nav-bar-tall-container-height, 80px) + env(safe-area-inset-bottom))}@media(min-width: 600px){nav.micl-navigationbar--bar-to-medium{display:flex;flex-direction:column;position:sticky;float:inline-start;inset:unset;inset-block-start:0;inline-size:var(--md-comp-nav-rail-collapsed-container-width, 96px);block-size:100vh;min-block-size:100%;margin-inline:calc(-1*var(--md-sys-layout-window-margin, 0px)) auto;padding-block:var(--md-comp-nav-rail-collapsed-top-space, 44px) 0;background-color:var(--md-comp-nav-rail-collapsed-container-color, var(--md-sys-color-surface));box-shadow:var(--md-comp-nav-rail-collapsed-container-elevation, var(--md-sys-elevation-level0));border-radius:var(--md-comp-nav-rail-collapsed-container-shape, 0px);border-inline-end:var(--md-comp-nav-rail-divider-thickness, 0px) solid var(--md-comp-nav-rail-divider-color, var(--md-comp-divider-color));overflow:hidden}nav.micl-navigationbar--bar-to-medium>.micl-navigationbar__content{flex:1 1 auto;flex-direction:column;justify-content:flex-start;inline-size:100%;block-size:auto;row-gap:var(--md-comp-nav-rail-item-container-vertical-space, 6px);padding-block:var(--md-comp-nav-rail-item-header-space-minimum, 40px) 16px;padding-inline:20px;overflow:hidden auto}nav.micl-navigationbar--bar-to-medium>.micl-navigationbar__content>a.micl-navigationbar__item{margin-block-end:40px;row-gap:var(--md-comp-nav-rail-collapsed-item-vertical-space, 4px)}body.micl-window:has(nav.micl-navigationbar--bar-to-medium){padding-block-end:var(--md-sys-layout-window-margin, 0px)}body:not(.micl-window):has(nav.micl-navigationbar--bar-to-medium){padding-block-end:0}}@media(min-width: 840px){nav.micl-navigationbar--bar-to-expanded{display:flex;flex-direction:column;position:sticky;float:inline-start;inset:unset;inset-block-start:0;inline-size:var(--md-comp-nav-rail-collapsed-container-width, 96px);block-size:100vh;min-block-size:100%;margin-inline:calc(-1*var(--md-sys-layout-window-margin, 0px)) auto;padding-block:var(--md-comp-nav-rail-collapsed-top-space, 44px) 0;background-color:var(--md-comp-nav-rail-collapsed-container-color, var(--md-sys-color-surface));box-shadow:var(--md-comp-nav-rail-collapsed-container-elevation, var(--md-sys-elevation-level0));border-radius:var(--md-comp-nav-rail-collapsed-container-shape, 0px);border-inline-end:var(--md-comp-nav-rail-divider-thickness, 0px) solid var(--md-comp-nav-rail-divider-color, var(--md-comp-divider-color));overflow:hidden}nav.micl-navigationbar--bar-to-expanded>.micl-navigationbar__content{flex:1 1 auto;flex-direction:column;justify-content:flex-start;inline-size:100%;block-size:auto;row-gap:var(--md-comp-nav-rail-item-container-vertical-space, 6px);padding-block:var(--md-comp-nav-rail-item-header-space-minimum, 40px) 16px;padding-inline:20px;overflow:hidden auto}nav.micl-navigationbar--bar-to-expanded>.micl-navigationbar__content>a.micl-navigationbar__item{margin-block-end:40px;row-gap:var(--md-comp-nav-rail-collapsed-item-vertical-space, 4px)}body.micl-window:has(nav.micl-navigationbar--bar-to-expanded){padding-block-end:var(--md-sys-layout-window-margin, 0px)}body:not(.micl-window):has(nav.micl-navigationbar--bar-to-expanded){padding-block-end:0}}

package/dist/navigationrail.css

@@ -1 +1 @@
-:root{--md-sys-shape-corner-medium: 12px}:root{--md-sys-layout-pane-spacer: 24px;--md-sys-layout-window-margin: 24px}@media(max-width: 599px){:root{--md-sys-layout-window-margin: 16px}}@media(min-width: 840px)and (max-width: 1199px){:root{--md-sys-layout-pane-fixed-width: 360px}}@media(min-width: 1200px){:root{--md-sys-layout-pane-fixed-width: 412px}}.micl-window{padding:env(safe-area-inset-top, 0px) calc(var(--md-sys-layout-window-margin) + env(safe-area-inset-right, 0px)) calc(var(--md-sys-layout-window-margin) + env(safe-area-inset-bottom, 0px)) calc(var(--md-sys-layout-window-margin) + env(safe-area-inset-left, 0px));margin:0;background-color:var(--md-sys-color-surface)}.micl-window .micl-panes .micl-appbar{margin-inline:calc(-1*var(--md-sys-layout-window-margin))}.micl-window:not(.micl-window--spatial):has(nav.micl-navigationrail) .micl-panes .micl-appbar{margin-inline-start:0}.micl-window.micl-window--spatial{--md-sys-layout-spatial-radius: calc(var(--md-sys-shape-corner-medium) + var(--md-sys-layout-window-margin));display:flex;padding-block:calc(2*var(--md-sys-layout-window-margin) + env(safe-area-inset-top, 0px)) calc(2*var(--md-sys-layout-window-margin) + env(safe-area-inset-bottom, 0px));gap:var(--md-sys-layout-window-margin)}.micl-window.micl-window--spatial .micl-navigationrail{display:flex;align-self:flex-start;block-size:inherit;min-block-size:inherit;margin:0;padding-block-end:var(--md-sys-navigationrail-top-space, 0px);border-radius:var(--md-sys-layout-spatial-radius)}.micl-window.micl-window--spatial .micl-panes{background:rgba(0,0,0,0)}.micl-window.micl-window--spatial .micl-pane{padding:0 var(--md-sys-layout-window-margin) var(--md-sys-layout-window-margin);border-radius:var(--md-sys-layout-spatial-radius);background-color:var(--md-sys-color-surface)}.micl-panes{box-sizing:border-box;display:flex;flex-direction:row;gap:var(--md-sys-comp-margin, 8px) var(--md-sys-layout-pane-spacer);background-color:inherit}.micl-panes.micl-panes--split>.micl-pane+.micl-pane{--_layout-safe-inline-end: env(safe-area-inset-right, 0px);box-sizing:border-box;flex:0 1 var(--_layout-stacked-pane-size, calc(50vw - var(--md-sys-layout-window-margin, 0px) - var(--_layout-safe-inline-end) - var(--md-sys-layout-pane-spacer) / 2))}.micl-panes.micl-panes--split>.micl-pane+.micl-pane:dir(rtl){--_layout-safe-inline-end: env(safe-area-inset-left, 0px)}.micl-panes.micl-panes--evenly .micl-pane{flex:1 1 0}.micl-pane{display:flex;flex-direction:column;flex:1 1 auto;min-inline-size:0;background-color:inherit}.micl-pane.micl-pane--fixed{flex:0 0 auto;box-sizing:border-box;inline-size:var(--_layout-stacked-pane-size, var(--md-sys-layout-pane-fixed-width, auto))}.micl-pane:has(>.micl-card-elevated,>.micl-card-filled,>.micl-card-outlined),.micl-pane>*:has(>.micl-card-elevated,>.micl-card-filled,>.micl-card-outlined){gap:var(--md-comp-card-margin, 8px)}.micl-pane>.micl-pane__columns{display:flex}.micl-pane>.micl-pane__columns:has(>.micl-pane__column>.micl-card-elevated,>.micl-pane__column>.micl-card-filled,>.micl-pane__column>.micl-card-outlined){gap:var(--md-comp-card-margin, 8px)}.micl-pane>.micl-pane__columns>.micl-pane__column{display:flex;flex-direction:column;flex:1 1 auto;min-inline-size:0;background-color:inherit}.micl-pane>.micl-pane__columns>.micl-pane__column:has(>.micl-card-elevated,>.micl-card-filled,>.micl-card-outlined){row-gap:var(--md-comp-card-margin, 8px)}.micl-pane>.micl-pane__columns>.micl-pane__column.micl-pane__column--fixed{flex:0 0 auto}.micl-pane>.micl-pane__columns.micl-pane__columns--evenly>.micl-pane__column{flex:1 1 0}@media(max-width: 599px){.micl-panes.micl-panes--stacked-to-medium{--_layout-stacked-pane-size: auto;flex-direction:column}.micl-pane.micl-pane--hidden-to-medium{display:none}.micl-pane__columns.micl-pane__columns--stacked-to-medium{flex-direction:column}}@media(max-width: 839px){.micl-panes.micl-panes--stacked-to-expanded{--_layout-stacked-pane-size: auto;flex-direction:column}.micl-pane.micl-pane--hidden-to-expanded{display:none}.micl-pane__columns.micl-pane__columns--stacked-to-expanded{flex-direction:column}}@media(max-width: 1199px){.micl-panes.micl-panes--stacked-to-large{--_layout-stacked-pane-size: auto;flex-direction:column}.micl-pane.micl-pane--hidden-to-large{display:none}.micl-pane__columns.micl-pane__columns--stacked-to-large{flex-direction:column}}@media(max-width: 1599px){.micl-panes.micl-panes--stacked-to-extralarge{--_layout-stacked-pane-size: auto;flex-direction:column}.micl-pane.micl-pane--hidden-to-extralarge{display:none}.micl-pane__columns.micl-pane__columns--stacked-to-extralarge{flex-direction:column}}:root{--md-ref-typeface-plain: Google Sans, system-ui, sans-serif;--md-ref-typeface-plain-narrow: 0;--md-ref-typeface-brand: Google Sans, system-ui, sans-serif;--md-ref-typeface-weight-regular: 400;--md-ref-typeface-weight-medium: 500;--md-ref-typeface-weight-bold: 700}:root{--md-sys-typescale-label-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-medium-size: 0.75rem;--md-sys-typescale-label-medium-line-height: 1rem;--md-sys-typescale-label-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-medium-tracking: 0.03125rem}.micl-navigationrail>.micl-navigationrail__content>a.micl-navigationrail__item{--micl-ripple: 1;--statelayer-color: var(--md-sys-color-on-secondary-container);box-sizing:border-box;display:flex;position:relative;align-items:center;outline:none;text-decoration:none;cursor:pointer;overflow:visible;background-color:rgba(0,0,0,0);background-image:radial-gradient(circle at var(--micl-x, center) var(--micl-y, center), transparent 0%, rgb(from var(--statelayer-color) r g b/calc(var(--statelayer-opacity) * var(--md-sys-state-ripple-opacity-factor))) 10%, transparent 10%),linear-gradient(rgb(from var(--statelayer-color) r g b/var(--statelayer-opacity)));background-repeat:no-repeat;background-position:var(--micl-x, center) var(--micl-y, center),0 0;background-size:0%,100%}.micl-navigationrail>.micl-navigationrail__content>a.micl-navigationrail__item:focus-visible{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity, 10%)}.micl-navigationrail>.micl-navigationrail__content>a.micl-navigationrail__item:hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity, 8%)}.micl-navigationrail>.micl-navigationrail__content>a.micl-navigationrail__item:active{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity, 10%)}.micl-navigationrail>.micl-navigationrail__content>a.micl-rippling.micl-navigationrail__item{animation:micl-ripple calc(var(--md-sys-state-ripple-duration)*1.333)}.micl-navigationrail>.micl-navigationrail__content>a.micl-navigationrail__item .micl-navigationrail__icon{margin:0;padding-block:4px;color:var(--md-sys-color-on-surface-variant);font-variation-settings:"FILL" 0}.micl-navigationrail>.micl-navigationrail__content>a.micl-navigationrail__item .micl-navigationrail__text{font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height);font-weight:var(--md-sys-typescale-label-medium-weight);letter-spacing:var(--md-sys-typescale-label-medium-tracking);min-block-size:var(--md-sys-typescale-label-medium-line-height);margin:4px 0px 0px 0px;color:var(--md-sys-color-on-surface-variant);overflow:hidden}.micl-navigationrail>.micl-navigationrail__content>a.micl-navigationrail__item[aria-current=page]{background-color:var(--md-sys-color-secondary-container)}.micl-navigationrail>.micl-navigationrail__content>a.micl-navigationrail__item[aria-current=page] .micl-navigationrail__icon{color:var(--md-sys-color-on-secondary-container);font-variation-settings:"FILL" 1}.micl-navigationrail>.micl-navigationrail__content>a.micl-navigationrail__item[aria-current=page] .micl-navigationrail__text{color:var(--md-sys-color-secondary)}body{--md-sys-elevation-level0: none}body{--md-sys-elevation-level2: rgb(from var(--md-sys-color-shadow) r g b/0.3) 0 1px 2px 0, rgb(from var(--md-sys-color-shadow) r g b/0.15) 0 2px 6px 2px}:root{--md-sys-shape-corner-large: 16px}:root{--md-sys-state-hover-state-layer-opacity: 8%}:root{--md-sys-state-focus-state-layer-opacity: 10%}:root{--md-sys-state-pressed-state-layer-opacity: 10%}:root{--md-sys-state-backdrop-opacity: 32%}:root{--md-sys-state-ripple-opacity-factor: 0.6}:root{--md-sys-state-ripple-duration: 750ms}@property --statelayer-color{syntax:"<color>";initial-value:rgba(0,0,0,0);inherits:false}@property --statelayer-opacity{syntax:"<percentage>";initial-value:0%;inherits:false}@keyframes micl-ripple{from{background-size:0% 0%,100%;animation-timing-function:cubic-bezier(0.2, 0, 0, 1)}60%{background-size:1000% 1000%,100%;animation-timing-function:cubic-bezier(0.3, 0, 1, 1)}to{background-size:10000% 10000%,100%}}:root{--md-sys-typescale-label-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-large-size: 0.875rem;--md-sys-typescale-label-large-line-height: 1.25rem;--md-sys-typescale-label-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-large-tracking: 0.00625rem}.micl-navigationrail{--md-comp-nav-rail-spring-buffer: 100px;--md-comp-nav-rail-divider-thickness: 0px;--md-comp-nav-rail-motion-spatial: cubic-bezier(0.39, 1.29, 0.35, 0.98);--md-comp-nav-rail-motion-duration: 650ms;--md-comp-nav-rail-motion-duration-reverse: 500ms;--md-comp-nav-rail-morph-duration: 350ms;--md-comp-nav-rail-morph-duration-reverse: 350ms;--_navigationrail-current-max-width: var(--md-comp-nav-rail-collapsed-container-width, 96px);--_navigationrail-current-min-width: var(--md-comp-nav-rail-collapsed-container-width, 96px);--_navigationrail-item-direction: column;--_navigationrail-item-width: var(--md-comp-nav-rail-item-vertical-active-indicator-width, 56px);--_navigationrail-item-target-height: var(--_navigationrail-item-base-height);--micl-duration: var(--md-comp-nav-rail-motion-duration-reverse);--_navigationrail-content-gap: var(--md-comp-nav-rail-item-container-vertical-space, 6px);--_navigationrail-morph-speed: var(--md-comp-nav-rail-morph-duration-reverse);--_navigationrail-container-delay: calc(var(--_navigationrail-morph-speed) / 2);--_navigationrail-item-delay: 0ms;--_navigationrail-text-animation: none;--_navigationrail-expanded-text-margin: calc(var(--md-comp-nav-rail-item-active-indicator-icon-label-space, 8px) - 16px);box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;block-size:calc(100vh - env(safe-area-inset-top, 0px));min-block-size:100%;margin-block:0;margin-inline:calc(-1*var(--md-sys-layout-window-margin, 0px)) auto;padding-block:var(--md-comp-nav-rail-collapsed-top-space, 44px) 0;padding-inline:0;background-color:var(--md-comp-nav-rail-collapsed-container-color, var(--md-sys-color-surface));border:none;border-radius:var(--md-comp-nav-rail-collapsed-container-shape, 0px);box-shadow:var(--md-comp-nav-rail-collapsed-container-elevation, var(--md-sys-elevation-level0));overflow:hidden;z-index:9;interpolate-size:allow-keywords;transition:min-inline-size var(--_navigationrail-morph-speed) var(--_navigationrail-container-delay) linear,max-inline-size var(--_navigationrail-morph-speed) var(--_navigationrail-container-delay) linear,padding-block-start var(--_navigationrail-morph-speed) var(--_navigationrail-container-delay) linear;min-inline-size:var(--_navigationrail-current-min-width);max-inline-size:var(--_navigationrail-current-max-width)}.micl-navigationrail>.micl-navigationrail__headline{padding-inline-start:28px}.micl-navigationrail>.micl-navigationrail__content{box-sizing:border-box;display:flex;flex-direction:column;flex:1 1 auto;align-items:flex-start;inline-size:100%;row-gap:var(--_navigationrail-content-gap);padding-block:var(--md-comp-nav-rail-item-header-space-minimum, 40px) 16px;padding-inline:20px;overflow:hidden auto;transition:row-gap var(--_navigationrail-morph-speed) linear}.micl-navigationrail>.micl-navigationrail__content>a.micl-navigationrail__item{--_navigationrail-item-base-height: var(--md-comp-nav-rail-item-short-container-height, 56px);--_navigationrail-item-margin-bottom: 0px;--_navigationrail-item-padding-block: 12px;row-gap:var(--md-comp-nav-rail-collapsed-item-vertical-space, 4px)}.micl-navigationrail>.micl-navigationrail__content>a.micl-navigationrail__item:has(.micl-navigationrail__text){--_navigationrail-item-base-height: var(--md-comp-nav-rail-item-vertical-active-indicator-height, 32px);--_navigationrail-item-margin-bottom: 40px;--_navigationrail-item-padding-block: 0px}.micl-navigationrail>.micl-navigationrail__content>a.micl-navigationrail__item:not(:has(.micl-navigationrail__icon)){--_navigationrail-item-base-height: var(--md-comp-nav-rail-item-short-container-height, 56px);--_navigationrail-item-margin-bottom: 0px;--_navigationrail-item-padding-block: 0px;justify-content:center}.micl-navigationrail>.micl-navigationrail__content>a.micl-navigationrail__item:not(:has(.micl-navigationrail__icon)) .micl-navigationrail__text{inline-size:fit-content;max-inline-size:100%;margin:0;padding-inline:8px;text-align:start;white-space:nowrap;text-overflow:ellipsis;animation:none !important;transition:padding-inline calc(var(--_navigationrail-morph-speed)/2) var(--_navigationrail-item-delay) linear,margin-inline calc(var(--_navigationrail-morph-speed)/2) var(--_navigationrail-item-delay) linear}.micl-navigationrail>.micl-navigationrail__content>a.micl-navigationrail__item{inline-size:var(--_navigationrail-item-width);block-size:var(--_navigationrail-item-target-height, var(--_navigationrail-item-base-height));margin-block-end:var(--_navigationrail-item-target-margin, var(--_navigationrail-item-margin-bottom));padding-block:var(--_navigationrail-item-target-padding, var(--_navigationrail-item-padding-block));flex-direction:var(--_navigationrail-item-direction);border-radius:var(--md-comp-nav-rail-item-container-shape, calc(var(--_navigationrail-item-target-height, var(--_navigationrail-item-base-height)) / 2));transition:inline-size calc(var(--_navigationrail-morph-speed)/2) var(--_navigationrail-item-delay) linear,block-size calc(var(--_navigationrail-morph-speed)/2) var(--_navigationrail-item-delay) linear,margin-block-end calc(var(--_navigationrail-morph-speed)/2) var(--_navigationrail-item-delay) linear,padding-block calc(var(--_navigationrail-morph-speed)/2) var(--_navigationrail-item-delay) linear,border-radius calc(var(--_navigationrail-morph-speed)/2) var(--_navigationrail-item-delay) linear,flex-direction 0s calc(var(--_navigationrail-morph-speed)/2) linear allow-discrete,background-color calc(var(--_navigationrail-morph-speed)/2) linear,background-size 0ms,--statelayer-opacity var(--md-comp-nav-rail-motion-duration) linear}.micl-navigationrail>.micl-navigationrail__content>a.micl-navigationrail__item .micl-navigationrail__icon{font-size:var(--md-comp-nav-rail-item-icon-size, var(--md-sys-icon-size));inline-size:var(--md-comp-nav-rail-item-icon-size, var(--md-sys-icon-size));padding-inline:var(--md-comp-nav-rail-item-active-indicator-leading-space, 16px) var(--md-comp-nav-rail-item-active-indicator-trailing-space, 16px)}.micl-navigationrail>.micl-navigationrail__content>a.micl-navigationrail__item .micl-navigationrail__text{animation:var(--_navigationrail-text-animation);transition:font 0s calc(var(--_navigationrail-morph-speed)/2),letter-spacing 0s calc(var(--_navigationrail-morph-speed)/2),margin 0s calc(var(--_navigationrail-morph-speed)/2),padding 0s calc(var(--_navigationrail-morph-speed)/2)}.micl-navigationrail>.micl-navigationrail__content>a.micl-navigationrail__item:active{transition-duration:0ms,0ms,0ms,calc(var(--_navigationrail-morph-speed)/2),0ms,var(--md-comp-nav-rail-motion-duration)}.micl-navigationrail[open]{--micl-duration: var(--md-comp-nav-rail-motion-duration);border-start-end-radius:var(--md-comp-nav-rail-expanded-modal-container-shape, var(--md-sys-shape-corner-large));border-end-end-radius:var(--md-comp-nav-rail-expanded-modal-container-shape, var(--md-sys-shape-corner-large));box-shadow:var(--md-comp-nav-rail-expanded-modal-container-elevation, var(--md-sys-elevation-level2));background-color:var(--md-comp-nav-rail-expanded-modal-container-color, var(--md-sys-color-surface-container))}.micl-navigationrail[open]::backdrop{background-color:rgba(0, 0, 0, var(--md-sys-state-backdrop-opacity, 32%))}@starting-style{.micl-navigationrail[open]::backdrop{background-color:rgba(0,0,0,0)}}.micl-navigationrail::backdrop{background-color:rgba(0,0,0,0);transition:background-color var(--micl-duration) linear,overlay var(--micl-duration) linear allow-discrete,display var(--micl-duration) linear allow-discrete}dialog.micl-navigationrail,nav.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle[aria-pressed=true]){--_navigationrail-current-max-width: var(--md-comp-nav-rail-expanded-container-width-maximum, 360px);--_navigationrail-current-min-width: var(--md-comp-nav-rail-expanded-container-width-minimum, 220px);--_navigationrail-item-direction: row;--_navigationrail-item-width: fit-content;--_navigationrail-item-target-height: var(--md-comp-nav-rail-item-short-container-height, 56px);--_navigationrail-item-target-margin: 0px;--_navigationrail-item-target-padding: 16px;--_navigationrail-content-gap: 0px;--_navigationrail-morph-speed: var(--md-comp-nav-rail-morph-duration);--_navigationrail-container-delay: 0ms;--_navigationrail-item-delay: calc(var(--_navigationrail-morph-speed) / 2);--_navigationrail-text-animation: var(--_navigationrail-morph-speed) linear forwards navigationrail-text-to-expanded;padding-block:var(--md-comp-nav-rail-expanded-top-space, 44px) 0;border-radius:var(--md-comp-nav-rail-expanded-container-shape, 0px);box-shadow:var(--md-comp-nav-rail-expanded-container-elevation, var(--md-sys-elevation-level0));background-color:var(--md-comp-nav-rail-expanded-container-color, var(--md-sys-color-surface))}dialog.micl-navigationrail>.micl-navigationrail__content>a.micl-navigationrail__item,nav.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle[aria-pressed=true])>.micl-navigationrail__content>a.micl-navigationrail__item{max-inline-size:100%}dialog.micl-navigationrail>.micl-navigationrail__content>a.micl-navigationrail__item::before,nav.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle[aria-pressed=true])>.micl-navigationrail__content>a.micl-navigationrail__item::before{content:"";position:absolute;inset:0px;inset-inline-end:calc(-1*(var(--md-comp-nav-rail-expanded-container-width-maximum, 360px) - var(--md-comp-nav-rail-item-horizontal-full-width-trailing-space, 16px) - 100%));background-color:rgba(0,0,0,0)}dialog.micl-navigationrail>.micl-navigationrail__content>a.micl-navigationrail__item .micl-navigationrail__text,nav.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle[aria-pressed=true])>.micl-navigationrail__content>a.micl-navigationrail__item .micl-navigationrail__text{font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);font-weight:var(--md-sys-typescale-label-large-weight);letter-spacing:var(--md-sys-typescale-label-large-tracking);margin-block-start:0;margin-inline-start:var(--_navigationrail-expanded-text-margin);padding-inline-end:16px}dialog.micl-navigationrail>.micl-navigationrail__content>a.micl-navigationrail__item:not(:has(.micl-navigationrail__icon)) .micl-navigationrail__text,nav.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle[aria-pressed=true])>.micl-navigationrail__content>a.micl-navigationrail__item:not(:has(.micl-navigationrail__icon)) .micl-navigationrail__text{margin-inline-start:0px;padding-inline-start:16px}nav.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle.micl-button--toggled:not([aria-pressed=true])){--_navigationrail-morph-speed: var(--md-comp-nav-rail-morph-duration-reverse);--_navigationrail-text-animation: var(--_navigationrail-morph-speed) linear forwards navigationrail-text-to-collapsed}nav.micl-navigationrail{position:sticky;float:inline-start;inset:unset;inset-block-start:env(safe-area-inset-top, 0px);inset-inline-start:0;border-inline-end:var(--md-comp-nav-rail-divider-thickness, 0px) solid var(--md-comp-nav-rail-divider-color, var(--md-comp-divider-color))}dialog.micl-navigationrail{display:none;min-inline-size:calc(var(--md-comp-nav-rail-expanded-container-width-minimum, 220px) + var(--md-comp-nav-rail-spring-buffer));max-inline-size:calc(var(--md-comp-nav-rail-expanded-container-width-maximum, 360px) + var(--md-comp-nav-rail-spring-buffer));margin-inline-start:calc(-1*(var(--md-comp-nav-rail-expanded-container-width-maximum, 360px) + var(--md-comp-nav-rail-spring-buffer)));padding-inline:var(--md-comp-nav-rail-spring-buffer) 0;opacity:0%;transition:opacity var(--micl-duration) linear,margin-inline-start var(--micl-duration) var(--md-comp-nav-rail-motion-spatial),overlay var(--micl-duration) linear allow-discrete,display var(--micl-duration) linear allow-discrete}dialog.micl-navigationrail[open]{display:flex;margin-inline-start:calc(-1*var(--md-comp-nav-rail-spring-buffer));opacity:100%}@starting-style{dialog.micl-navigationrail[open]{margin-inline-start:calc(-1*(var(--md-comp-nav-rail-expanded-container-width-maximum, 360px) + var(--md-comp-nav-rail-spring-buffer)));opacity:0%}}@media(min-width: 600px){dialog.micl-navigationrail--modal-to-medium:not([open]){display:flex;position:sticky;float:inline-start;inset:unset;inset-block-start:env(safe-area-inset-top, 0px);inset-inline-start:0;min-inline-size:var(--_navigationrail-current-min-width);max-inline-size:var(--_navigationrail-current-max-width);margin-inline:calc(-1*var(--md-sys-layout-window-margin, 0px)) auto;padding-inline:0;opacity:100%;border-inline-end:var(--md-comp-nav-rail-divider-thickness, 0px) solid var(--md-comp-nav-rail-divider-color, var(--md-comp-divider-color))}}@media(min-width: 840px){dialog.micl-navigationrail--modal-to-expanded:not([open]){display:flex;position:sticky;float:inline-start;inset:unset;inset-block-start:env(safe-area-inset-top, 0px);inset-inline-start:0;min-inline-size:var(--_navigationrail-current-min-width);max-inline-size:var(--_navigationrail-current-max-width);margin-inline:calc(-1*var(--md-sys-layout-window-margin, 0px)) auto;padding-inline:0;opacity:100%;border-inline-end:var(--md-comp-nav-rail-divider-thickness, 0px) solid var(--md-comp-nav-rail-divider-color, var(--md-comp-divider-color))}}@media(min-width: 1200px){dialog.micl-navigationrail--modal-to-large:not([open]){display:flex;position:sticky;float:inline-start;inset:unset;inset-block-start:env(safe-area-inset-top, 0px);inset-inline-start:0;min-inline-size:var(--_navigationrail-current-min-width);max-inline-size:var(--_navigationrail-current-max-width);margin-inline:calc(-1*var(--md-sys-layout-window-margin, 0px)) auto;padding-inline:0;opacity:100%;border-inline-end:var(--md-comp-nav-rail-divider-thickness, 0px) solid var(--md-comp-nav-rail-divider-color, var(--md-comp-divider-color))}}@media(min-width: 1600px){dialog.micl-navigationrail--modal-to-extralarge:not([open]){display:flex;position:sticky;float:inline-start;inset:unset;inset-block-start:env(safe-area-inset-top, 0px);inset-inline-start:0;min-inline-size:var(--_navigationrail-current-min-width);max-inline-size:var(--_navigationrail-current-max-width);margin-inline:calc(-1*var(--md-sys-layout-window-margin, 0px)) auto;padding-inline:0;opacity:100%;border-inline-end:var(--md-comp-nav-rail-divider-thickness, 0px) solid var(--md-comp-nav-rail-divider-color, var(--md-comp-divider-color))}}@keyframes navigationrail-text-to-collapsed{0%{margin-block-start:0;opacity:100%}45%{margin-block-start:0;opacity:0%}55%{margin-block-start:-16px;opacity:0%}100%{margin-block-start:4px;opacity:100%}}@keyframes navigationrail-text-to-expanded{0%{margin-block-start:4px;opacity:100%}45%{margin-block-start:-16px;opacity:0%}55%{margin-block-start:0;opacity:0%}100%{margin-block-start:0;opacity:100%}}
+:root{--md-sys-shape-corner-medium: 12px}:root{--md-sys-layout-pane-spacer: 24px;--md-sys-layout-window-margin: 24px}@media(max-width: 599px){:root{--md-sys-layout-window-margin: 16px}}@media(min-width: 840px)and (max-width: 1199px){:root{--md-sys-layout-pane-fixed-width: 360px}}@media(min-width: 1200px){:root{--md-sys-layout-pane-fixed-width: 412px}}.micl-window{padding:env(safe-area-inset-top, 0px) calc(var(--md-sys-layout-window-margin) + env(safe-area-inset-right, 0px)) calc(var(--md-sys-layout-window-margin) + env(safe-area-inset-bottom, 0px)) calc(var(--md-sys-layout-window-margin) + env(safe-area-inset-left, 0px));margin:0;background-color:var(--md-sys-color-surface)}.micl-window .micl-panes .micl-appbar{margin-inline:calc(-1*var(--md-sys-layout-window-margin))}.micl-window:not(.micl-window--spatial):has(nav.micl-navigationrail) .micl-panes .micl-appbar{margin-inline-start:0}.micl-window.micl-window--spatial{--md-sys-layout-spatial-radius: calc(var(--md-sys-shape-corner-medium) + var(--md-sys-layout-window-margin));display:flex;padding-block:calc(2*var(--md-sys-layout-window-margin) + env(safe-area-inset-top, 0px)) calc(2*var(--md-sys-layout-window-margin) + env(safe-area-inset-bottom, 0px));gap:var(--md-sys-layout-window-margin)}.micl-window.micl-window--spatial .micl-navigationrail{display:flex;align-self:flex-start;block-size:inherit;min-block-size:inherit;margin:0;padding-block-end:var(--md-sys-navigationrail-top-space, 0px);border-radius:var(--md-sys-layout-spatial-radius)}.micl-window.micl-window--spatial .micl-panes{background:rgba(0,0,0,0)}.micl-window.micl-window--spatial .micl-pane{padding:0 var(--md-sys-layout-window-margin) var(--md-sys-layout-window-margin);border-radius:var(--md-sys-layout-spatial-radius);background-color:var(--md-sys-color-surface)}.micl-panes{box-sizing:border-box;display:flex;flex-direction:row;gap:var(--md-sys-comp-margin, 8px) var(--md-sys-layout-pane-spacer);background-color:inherit}.micl-panes.micl-panes--split>.micl-pane+.micl-pane{--_layout-safe-inline-end: env(safe-area-inset-right, 0px);box-sizing:border-box;flex:0 1 var(--_layout-stacked-pane-size, calc(50vw - var(--md-sys-layout-window-margin, 0px) - var(--_layout-safe-inline-end) - var(--md-sys-layout-pane-spacer) / 2))}.micl-panes.micl-panes--split>.micl-pane+.micl-pane:dir(rtl){--_layout-safe-inline-end: env(safe-area-inset-left, 0px)}.micl-panes.micl-panes--evenly .micl-pane{flex:1 1 0}.micl-pane{display:flex;flex-direction:column;flex:1 1 auto;min-inline-size:0;background-color:inherit}.micl-pane.micl-pane--fixed{flex:0 0 auto;box-sizing:border-box;inline-size:var(--_layout-stacked-pane-size, var(--md-sys-layout-pane-fixed-width, auto))}.micl-pane:has(>.micl-card-elevated,>.micl-card-filled,>.micl-card-outlined),.micl-pane>*:has(>.micl-card-elevated,>.micl-card-filled,>.micl-card-outlined){gap:var(--md-comp-card-margin, 8px)}.micl-pane>.micl-pane__columns{display:flex}.micl-pane>.micl-pane__columns:has(>.micl-pane__column>.micl-card-elevated,>.micl-pane__column>.micl-card-filled,>.micl-pane__column>.micl-card-outlined){gap:var(--md-comp-card-margin, 8px)}.micl-pane>.micl-pane__columns>.micl-pane__column{display:flex;flex-direction:column;flex:1 1 auto;min-inline-size:0;background-color:inherit}.micl-pane>.micl-pane__columns>.micl-pane__column:has(>.micl-card-elevated,>.micl-card-filled,>.micl-card-outlined){row-gap:var(--md-comp-card-margin, 8px)}.micl-pane>.micl-pane__columns>.micl-pane__column.micl-pane__column--fixed{flex:0 0 auto}.micl-pane>.micl-pane__columns.micl-pane__columns--evenly>.micl-pane__column{flex:1 1 0}@media(max-width: 599px){.micl-panes.micl-panes--stacked-to-medium{--_layout-stacked-pane-size: auto;flex-direction:column}.micl-pane.micl-pane--hidden-to-medium{display:none}.micl-pane__columns.micl-pane__columns--stacked-to-medium{flex-direction:column}}@media(max-width: 839px){.micl-panes.micl-panes--stacked-to-expanded{--_layout-stacked-pane-size: auto;flex-direction:column}.micl-pane.micl-pane--hidden-to-expanded{display:none}.micl-pane__columns.micl-pane__columns--stacked-to-expanded{flex-direction:column}}@media(max-width: 1199px){.micl-panes.micl-panes--stacked-to-large{--_layout-stacked-pane-size: auto;flex-direction:column}.micl-pane.micl-pane--hidden-to-large{display:none}.micl-pane__columns.micl-pane__columns--stacked-to-large{flex-direction:column}}@media(max-width: 1599px){.micl-panes.micl-panes--stacked-to-extralarge{--_layout-stacked-pane-size: auto;flex-direction:column}.micl-pane.micl-pane--hidden-to-extralarge{display:none}.micl-pane__columns.micl-pane__columns--stacked-to-extralarge{flex-direction:column}}:root{--md-ref-typeface-plain: Google Sans, system-ui, sans-serif;--md-ref-typeface-plain-narrow: 0;--md-ref-typeface-brand: Google Sans, system-ui, sans-serif;--md-ref-typeface-weight-regular: 400;--md-ref-typeface-weight-medium: 500;--md-ref-typeface-weight-bold: 700}:root{--md-sys-typescale-label-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-medium-size: 0.75rem;--md-sys-typescale-label-medium-line-height: 1rem;--md-sys-typescale-label-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-medium-tracking: 0.03125rem}.micl-navigationrail>.micl-navigationrail__content>a.micl-navigationrail__item{--micl-ripple: 1;--statelayer-color: var(--md-sys-color-on-secondary-container);box-sizing:border-box;display:flex;position:relative;align-items:center;outline:none;text-decoration:none;cursor:pointer;overflow:visible;background-color:rgba(0,0,0,0);background-image:radial-gradient(circle at var(--micl-x, center) var(--micl-y, center), transparent 0%, rgb(from var(--statelayer-color) r g b/calc(var(--statelayer-opacity) * var(--md-sys-state-ripple-opacity-factor))) 10%, transparent 10%),linear-gradient(rgb(from var(--statelayer-color) r g b/var(--statelayer-opacity)));background-repeat:no-repeat;background-position:var(--micl-x, center) var(--micl-y, center),0 0;background-size:0%,100%}.micl-navigationrail>.micl-navigationrail__content>a.micl-navigationrail__item:focus-visible{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity, 10%)}.micl-navigationrail>.micl-navigationrail__content>a.micl-navigationrail__item:hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity, 8%)}.micl-navigationrail>.micl-navigationrail__content>a.micl-navigationrail__item:active{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity, 10%)}.micl-navigationrail>.micl-navigationrail__content>a.micl-rippling.micl-navigationrail__item{animation:micl-ripple calc(var(--md-sys-state-ripple-duration)*1.333)}.micl-navigationrail>.micl-navigationrail__content>a.micl-navigationrail__item .micl-navigationrail__icon{margin:0;padding-block:4px;color:var(--md-sys-color-on-surface-variant);font-variation-settings:"FILL" 0}.micl-navigationrail>.micl-navigationrail__content>a.micl-navigationrail__item .micl-navigationrail__text{font:var(--md-sys-typescale-label-medium-weight) var(--md-sys-typescale-label-medium-size)/var(--md-sys-typescale-label-medium-line-height) var(--md-sys-typescale-label-medium-font);letter-spacing:var(--md-sys-typescale-label-medium-tracking);min-block-size:var(--md-sys-typescale-label-medium-line-height);margin:4px 0px 0px 0px;color:var(--md-sys-color-on-surface-variant);overflow:hidden}.micl-navigationrail>.micl-navigationrail__content>a.micl-navigationrail__item[aria-current=page]{background-color:var(--md-sys-color-secondary-container)}.micl-navigationrail>.micl-navigationrail__content>a.micl-navigationrail__item[aria-current=page] .micl-navigationrail__icon{color:var(--md-sys-color-on-secondary-container);font-variation-settings:"FILL" 1}.micl-navigationrail>.micl-navigationrail__content>a.micl-navigationrail__item[aria-current=page] .micl-navigationrail__text{color:var(--md-sys-color-secondary)}body{--md-sys-elevation-level0: none}body{--md-sys-elevation-level2: rgb(from var(--md-sys-color-shadow) r g b/0.3) 0 1px 2px 0, rgb(from var(--md-sys-color-shadow) r g b/0.15) 0 2px 6px 2px}:root{--md-sys-shape-corner-large: 16px}:root{--md-sys-state-hover-state-layer-opacity: 8%}:root{--md-sys-state-focus-state-layer-opacity: 10%}:root{--md-sys-state-pressed-state-layer-opacity: 10%}:root{--md-sys-state-backdrop-opacity: 32%}:root{--md-sys-state-ripple-opacity-factor: 0.6}:root{--md-sys-state-ripple-duration: 750ms}@property --statelayer-color{syntax:"<color>";initial-value:rgba(0,0,0,0);inherits:false}@property --statelayer-opacity{syntax:"<percentage>";initial-value:0%;inherits:false}@keyframes micl-ripple{from{background-size:0% 0%,100%;animation-timing-function:cubic-bezier(0.2, 0, 0, 1)}60%{background-size:1000% 1000%,100%;animation-timing-function:cubic-bezier(0.3, 0, 1, 1)}to{background-size:10000% 10000%,100%}}:root{--md-sys-typescale-label-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-large-size: 0.875rem;--md-sys-typescale-label-large-line-height: 1.25rem;--md-sys-typescale-label-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-large-tracking: 0.00625rem}.micl-navigationrail{--md-comp-nav-rail-spring-buffer: 100px;--md-comp-nav-rail-divider-thickness: 0px;--md-comp-nav-rail-motion-spatial: cubic-bezier(0.39, 1.29, 0.35, 0.98);--md-comp-nav-rail-motion-duration: 650ms;--md-comp-nav-rail-motion-duration-reverse: 500ms;--md-comp-nav-rail-morph-duration: 350ms;--md-comp-nav-rail-morph-duration-reverse: 350ms;--_navigationrail-current-max-width: var(--md-comp-nav-rail-collapsed-container-width, 96px);--_navigationrail-current-min-width: var(--md-comp-nav-rail-collapsed-container-width, 96px);--_navigationrail-item-direction: column;--_navigationrail-item-width: var(--md-comp-nav-rail-item-vertical-active-indicator-width, 56px);--_navigationrail-item-target-height: var(--_navigationrail-item-base-height);--micl-duration: var(--md-comp-nav-rail-motion-duration-reverse);--_navigationrail-content-gap: var(--md-comp-nav-rail-item-container-vertical-space, 6px);--_navigationrail-morph-speed: var(--md-comp-nav-rail-morph-duration-reverse);--_navigationrail-container-delay: calc(var(--_navigationrail-morph-speed) / 2);--_navigationrail-item-delay: 0ms;--_navigationrail-text-animation: none;--_navigationrail-expanded-text-margin: calc(var(--md-comp-nav-rail-item-active-indicator-icon-label-space, 8px) - 16px);box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;block-size:calc(100vh - env(safe-area-inset-top, 0px));min-block-size:100%;margin-block:0;margin-inline:calc(-1*var(--md-sys-layout-window-margin, 0px)) auto;padding-block:var(--md-comp-nav-rail-collapsed-top-space, 44px) 0;padding-inline:0;background-color:var(--md-comp-nav-rail-collapsed-container-color, var(--md-sys-color-surface));border:none;border-radius:var(--md-comp-nav-rail-collapsed-container-shape, 0px);box-shadow:var(--md-comp-nav-rail-collapsed-container-elevation, var(--md-sys-elevation-level0));overflow:hidden;z-index:9;interpolate-size:allow-keywords;transition:min-inline-size var(--_navigationrail-morph-speed) var(--_navigationrail-container-delay) linear,max-inline-size var(--_navigationrail-morph-speed) var(--_navigationrail-container-delay) linear,padding-block-start var(--_navigationrail-morph-speed) var(--_navigationrail-container-delay) linear;min-inline-size:var(--_navigationrail-current-min-width);max-inline-size:var(--_navigationrail-current-max-width)}.micl-navigationrail>.micl-navigationrail__headline{padding-inline-start:28px}.micl-navigationrail>.micl-navigationrail__content{box-sizing:border-box;display:flex;flex-direction:column;flex:1 1 auto;align-items:flex-start;inline-size:100%;row-gap:var(--_navigationrail-content-gap);padding-block:var(--md-comp-nav-rail-item-header-space-minimum, 40px) 16px;padding-inline:20px;overflow:hidden auto;transition:row-gap var(--_navigationrail-morph-speed) linear}.micl-navigationrail>.micl-navigationrail__content>a.micl-navigationrail__item{--_navigationrail-item-base-height: var(--md-comp-nav-rail-item-short-container-height, 56px);--_navigationrail-item-margin-bottom: 0px;--_navigationrail-item-padding-block: 12px;row-gap:var(--md-comp-nav-rail-collapsed-item-vertical-space, 4px)}.micl-navigationrail>.micl-navigationrail__content>a.micl-navigationrail__item:has(.micl-navigationrail__text){--_navigationrail-item-base-height: var(--md-comp-nav-rail-item-vertical-active-indicator-height, 32px);--_navigationrail-item-margin-bottom: 40px;--_navigationrail-item-padding-block: 0px}.micl-navigationrail>.micl-navigationrail__content>a.micl-navigationrail__item:not(:has(.micl-navigationrail__icon)){--_navigationrail-item-base-height: var(--md-comp-nav-rail-item-short-container-height, 56px);--_navigationrail-item-margin-bottom: 0px;--_navigationrail-item-padding-block: 0px;justify-content:center}.micl-navigationrail>.micl-navigationrail__content>a.micl-navigationrail__item:not(:has(.micl-navigationrail__icon)) .micl-navigationrail__text{inline-size:fit-content;max-inline-size:100%;margin:0;padding-inline:8px;text-align:start;white-space:nowrap;text-overflow:ellipsis;animation:none !important;transition:padding-inline calc(var(--_navigationrail-morph-speed)/2) var(--_navigationrail-item-delay) linear,margin-inline calc(var(--_navigationrail-morph-speed)/2) var(--_navigationrail-item-delay) linear}.micl-navigationrail>.micl-navigationrail__content>a.micl-navigationrail__item{inline-size:var(--_navigationrail-item-width);block-size:var(--_navigationrail-item-target-height, var(--_navigationrail-item-base-height));margin-block-end:var(--_navigationrail-item-target-margin, var(--_navigationrail-item-margin-bottom));padding-block:var(--_navigationrail-item-target-padding, var(--_navigationrail-item-padding-block));flex-direction:var(--_navigationrail-item-direction);border-radius:var(--md-comp-nav-rail-item-container-shape, calc(var(--_navigationrail-item-target-height, var(--_navigationrail-item-base-height)) / 2));transition:inline-size calc(var(--_navigationrail-morph-speed)/2) var(--_navigationrail-item-delay) linear,block-size calc(var(--_navigationrail-morph-speed)/2) var(--_navigationrail-item-delay) linear,margin-block-end calc(var(--_navigationrail-morph-speed)/2) var(--_navigationrail-item-delay) linear,padding-block calc(var(--_navigationrail-morph-speed)/2) var(--_navigationrail-item-delay) linear,border-radius calc(var(--_navigationrail-morph-speed)/2) var(--_navigationrail-item-delay) linear,flex-direction 0s calc(var(--_navigationrail-morph-speed)/2) linear allow-discrete,background-color calc(var(--_navigationrail-morph-speed)/2) linear,background-size 0ms,--statelayer-opacity var(--md-comp-nav-rail-motion-duration) linear}.micl-navigationrail>.micl-navigationrail__content>a.micl-navigationrail__item .micl-navigationrail__icon{font-size:var(--md-comp-nav-rail-item-icon-size, var(--md-sys-icon-size));inline-size:var(--md-comp-nav-rail-item-icon-size, var(--md-sys-icon-size));padding-inline:var(--md-comp-nav-rail-item-active-indicator-leading-space, 16px) var(--md-comp-nav-rail-item-active-indicator-trailing-space, 16px)}.micl-navigationrail>.micl-navigationrail__content>a.micl-navigationrail__item .micl-navigationrail__text{animation:var(--_navigationrail-text-animation);transition:font 0s calc(var(--_navigationrail-morph-speed)/2),letter-spacing 0s calc(var(--_navigationrail-morph-speed)/2),margin 0s calc(var(--_navigationrail-morph-speed)/2),padding 0s calc(var(--_navigationrail-morph-speed)/2)}.micl-navigationrail>.micl-navigationrail__content>a.micl-navigationrail__item:active{transition-duration:0ms,0ms,0ms,calc(var(--_navigationrail-morph-speed)/2),0ms,var(--md-comp-nav-rail-motion-duration)}.micl-navigationrail[open]{--micl-duration: var(--md-comp-nav-rail-motion-duration);border-start-end-radius:var(--md-comp-nav-rail-expanded-modal-container-shape, var(--md-sys-shape-corner-large));border-end-end-radius:var(--md-comp-nav-rail-expanded-modal-container-shape, var(--md-sys-shape-corner-large));box-shadow:var(--md-comp-nav-rail-expanded-modal-container-elevation, var(--md-sys-elevation-level2));background-color:var(--md-comp-nav-rail-expanded-modal-container-color, var(--md-sys-color-surface-container))}.micl-navigationrail[open]::backdrop{background-color:rgba(0, 0, 0, var(--md-sys-state-backdrop-opacity, 32%))}@starting-style{.micl-navigationrail[open]::backdrop{background-color:rgba(0,0,0,0)}}.micl-navigationrail::backdrop{background-color:rgba(0,0,0,0);transition:background-color var(--micl-duration) linear,overlay var(--micl-duration) linear allow-discrete,display var(--micl-duration) linear allow-discrete}dialog.micl-navigationrail,nav.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle[aria-pressed=true]){--_navigationrail-current-max-width: var(--md-comp-nav-rail-expanded-container-width-maximum, 360px);--_navigationrail-current-min-width: var(--md-comp-nav-rail-expanded-container-width-minimum, 220px);--_navigationrail-item-direction: row;--_navigationrail-item-width: fit-content;--_navigationrail-item-target-height: var(--md-comp-nav-rail-item-short-container-height, 56px);--_navigationrail-item-target-margin: 0px;--_navigationrail-item-target-padding: 16px;--_navigationrail-content-gap: 0px;--_navigationrail-morph-speed: var(--md-comp-nav-rail-morph-duration);--_navigationrail-container-delay: 0ms;--_navigationrail-item-delay: calc(var(--_navigationrail-morph-speed) / 2);--_navigationrail-text-animation: var(--_navigationrail-morph-speed) linear forwards navigationrail-text-to-expanded;padding-block:var(--md-comp-nav-rail-expanded-top-space, 44px) 0;border-radius:var(--md-comp-nav-rail-expanded-container-shape, 0px);box-shadow:var(--md-comp-nav-rail-expanded-container-elevation, var(--md-sys-elevation-level0));background-color:var(--md-comp-nav-rail-expanded-container-color, var(--md-sys-color-surface))}dialog.micl-navigationrail>.micl-navigationrail__content>a.micl-navigationrail__item,nav.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle[aria-pressed=true])>.micl-navigationrail__content>a.micl-navigationrail__item{max-inline-size:100%}dialog.micl-navigationrail>.micl-navigationrail__content>a.micl-navigationrail__item::before,nav.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle[aria-pressed=true])>.micl-navigationrail__content>a.micl-navigationrail__item::before{content:"";position:absolute;inset:0px;inset-inline-end:calc(-1*(var(--md-comp-nav-rail-expanded-container-width-maximum, 360px) - var(--md-comp-nav-rail-item-horizontal-full-width-trailing-space, 16px) - 100%));background-color:rgba(0,0,0,0)}dialog.micl-navigationrail>.micl-navigationrail__content>a.micl-navigationrail__item .micl-navigationrail__text,nav.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle[aria-pressed=true])>.micl-navigationrail__content>a.micl-navigationrail__item .micl-navigationrail__text{font:var(--md-sys-typescale-label-large-weight) var(--md-sys-typescale-label-large-size)/var(--md-sys-typescale-label-large-line-height) var(--md-sys-typescale-label-large-font);letter-spacing:var(--md-sys-typescale-label-large-tracking);margin-block-start:0;margin-inline-start:var(--_navigationrail-expanded-text-margin);padding-inline-end:16px}dialog.micl-navigationrail>.micl-navigationrail__content>a.micl-navigationrail__item:not(:has(.micl-navigationrail__icon)) .micl-navigationrail__text,nav.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle[aria-pressed=true])>.micl-navigationrail__content>a.micl-navigationrail__item:not(:has(.micl-navigationrail__icon)) .micl-navigationrail__text{margin-inline-start:0px;padding-inline-start:16px}nav.micl-navigationrail:has(>.micl-navigationrail__headline .micl-button--toggle.micl-button--toggled:not([aria-pressed=true])){--_navigationrail-morph-speed: var(--md-comp-nav-rail-morph-duration-reverse);--_navigationrail-text-animation: var(--_navigationrail-morph-speed) linear forwards navigationrail-text-to-collapsed}nav.micl-navigationrail{position:sticky;float:inline-start;inset:unset;inset-block-start:env(safe-area-inset-top, 0px);inset-inline-start:0;border-inline-end:var(--md-comp-nav-rail-divider-thickness, 0px) solid var(--md-comp-nav-rail-divider-color, var(--md-comp-divider-color))}dialog.micl-navigationrail{display:none;min-inline-size:calc(var(--md-comp-nav-rail-expanded-container-width-minimum, 220px) + var(--md-comp-nav-rail-spring-buffer));max-inline-size:calc(var(--md-comp-nav-rail-expanded-container-width-maximum, 360px) + var(--md-comp-nav-rail-spring-buffer));margin-inline-start:calc(-1*(var(--md-comp-nav-rail-expanded-container-width-maximum, 360px) + var(--md-comp-nav-rail-spring-buffer)));padding-inline:var(--md-comp-nav-rail-spring-buffer) 0;opacity:0%;transition:opacity var(--micl-duration) linear,margin-inline-start var(--micl-duration) var(--md-comp-nav-rail-motion-spatial),overlay var(--micl-duration) linear allow-discrete,display var(--micl-duration) linear allow-discrete}dialog.micl-navigationrail[open]{display:flex;margin-inline-start:calc(-1*var(--md-comp-nav-rail-spring-buffer));opacity:100%}@starting-style{dialog.micl-navigationrail[open]{margin-inline-start:calc(-1*(var(--md-comp-nav-rail-expanded-container-width-maximum, 360px) + var(--md-comp-nav-rail-spring-buffer)));opacity:0%}}@media(min-width: 600px){dialog.micl-navigationrail--modal-to-medium:not([open]){display:flex;position:sticky;float:inline-start;inset:unset;inset-block-start:env(safe-area-inset-top, 0px);inset-inline-start:0;min-inline-size:var(--_navigationrail-current-min-width);max-inline-size:var(--_navigationrail-current-max-width);margin-inline:calc(-1*var(--md-sys-layout-window-margin, 0px)) auto;padding-inline:0;opacity:100%;border-inline-end:var(--md-comp-nav-rail-divider-thickness, 0px) solid var(--md-comp-nav-rail-divider-color, var(--md-comp-divider-color))}}@media(min-width: 840px){dialog.micl-navigationrail--modal-to-expanded:not([open]){display:flex;position:sticky;float:inline-start;inset:unset;inset-block-start:env(safe-area-inset-top, 0px);inset-inline-start:0;min-inline-size:var(--_navigationrail-current-min-width);max-inline-size:var(--_navigationrail-current-max-width);margin-inline:calc(-1*var(--md-sys-layout-window-margin, 0px)) auto;padding-inline:0;opacity:100%;border-inline-end:var(--md-comp-nav-rail-divider-thickness, 0px) solid var(--md-comp-nav-rail-divider-color, var(--md-comp-divider-color))}}@media(min-width: 1200px){dialog.micl-navigationrail--modal-to-large:not([open]){display:flex;position:sticky;float:inline-start;inset:unset;inset-block-start:env(safe-area-inset-top, 0px);inset-inline-start:0;min-inline-size:var(--_navigationrail-current-min-width);max-inline-size:var(--_navigationrail-current-max-width);margin-inline:calc(-1*var(--md-sys-layout-window-margin, 0px)) auto;padding-inline:0;opacity:100%;border-inline-end:var(--md-comp-nav-rail-divider-thickness, 0px) solid var(--md-comp-nav-rail-divider-color, var(--md-comp-divider-color))}}@media(min-width: 1600px){dialog.micl-navigationrail--modal-to-extralarge:not([open]){display:flex;position:sticky;float:inline-start;inset:unset;inset-block-start:env(safe-area-inset-top, 0px);inset-inline-start:0;min-inline-size:var(--_navigationrail-current-min-width);max-inline-size:var(--_navigationrail-current-max-width);margin-inline:calc(-1*var(--md-sys-layout-window-margin, 0px)) auto;padding-inline:0;opacity:100%;border-inline-end:var(--md-comp-nav-rail-divider-thickness, 0px) solid var(--md-comp-nav-rail-divider-color, var(--md-comp-divider-color))}}@keyframes navigationrail-text-to-collapsed{0%{margin-block-start:0;opacity:100%}45%{margin-block-start:0;opacity:0%}55%{margin-block-start:-16px;opacity:0%}100%{margin-block-start:4px;opacity:100%}}@keyframes navigationrail-text-to-expanded{0%{margin-block-start:4px;opacity:100%}45%{margin-block-start:-16px;opacity:0%}55%{margin-block-start:0;opacity:0%}100%{margin-block-start:0;opacity:100%}}

package/dist/navigationrail.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.micl=t():e.micl=t()}(self,()=>(()=>{"use strict";var e={56(e,t,n){const o=globalThis.__miclRegistry??={map:{},rippled:new WeakSet,activated:!1},i=()=>Object.keys(o.map).join(","),r=e=>Object.entries(o.map).find(([t,{type:n}])=>e.matches(t)&&e instanceof n)?.[1],c=e=>{const t=r(e);t&&"function"==typeof t.component.initialize&&t.component.initialize(e)},a=e=>{const t=r(e);t&&"function"==typeof t.component.cleanup&&t.component.cleanup(e)},l=e=>{const t=i();if(!t)return;const n=e.target.closest(t);if(!(n instanceof HTMLElement))return;const o=r(n),c=e.type;o&&"function"==typeof o.component[c]&&o.component[c]?.(e)},s=()=>{o.activated||(o.activated=!0,new MutationObserver(e=>{e.forEach(e=>{"childList"===e.type&&(e.addedNodes.forEach(e=>{if(e instanceof HTMLElement){const t=i();t&&e.matches(t)&&c(e),t&&e.querySelectorAll(t).forEach(c)}}),e.removedNodes.forEach(e=>{if(e instanceof HTMLElement){const t=i();t&&e.matches(t)&&a(e),(e=>{const t=i();t&&e.querySelectorAll(t).forEach(a)})(e)}}))})}).observe(document.body,{childList:!0,subtree:!0}),(e=>{const t=i();t&&e.querySelectorAll(t).forEach(c),e.querySelectorAll('[class*="micl-"], [class*="micl-"] > summary').forEach(e=>{o.rippled.has(e)||"1"===window.getComputedStyle(e).getPropertyValue("--micl-ripple")&&(e.addEventListener("pointerdown",t=>{if(t.currentTarget.classList.contains("micl-card--nonactionable"))return;t.stopPropagation();const n=e.getBoundingClientRect();e.style.setProperty("--micl-x",(t.clientX-n.left)/n.width*100+"%"),e.style.setProperty("--micl-y",(t.clientY-n.top)/n.height*100+"%"),e.classList.remove("micl-rippling"),e.offsetWidth,e.classList.add("micl-rippling");const o=t=>{"micl-ripple"===t.animationName&&(e.classList.remove("micl-rippling"),e.style.removeProperty("--micl-x"),e.style.removeProperty("--micl-y"),e.removeEventListener("animationend",o))};e.addEventListener("animationend",o)}),o.rippled.add(e))}),document.documentElement.style.setProperty("--md-sys-scrollbar-thumb-color",window.getComputedStyle(document.body).getPropertyValue("--md-sys-color-outline").trim())})(document),document.addEventListener("change",l),document.addEventListener("input",l),document.addEventListener("keydown",l))},d=()=>{document.removeEventListener("DOMContentLoaded",d),s()};"loading"!==document.readyState?s():document.addEventListener("DOMContentLoaded",d),n.d(t,["register",0,(e,t,n)=>(o.map[e]={component:t,type:n},o.activated&&document.querySelectorAll(e).forEach(c),t)])}};const t={};function n(o){const i=t[o];if(void 0!==i)return i.exports;const r=t[o]={exports:{}};return e[o](r,r.exports,n),r.exports}n.d=(e,t)=>{if(Array.isArray(t))for(var o=0;o<t.length;){var i=t[o++],r=t[o++];n.o(e,i)?0===r&&o++:0===r?Object.defineProperty(e,i,{enumerable:!0,value:t[o++]}):Object.defineProperty(e,i,{enumerable:!0,get:r})}else for(var i in t)n.o(t,i)&&!n.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};let o={};n.r(o);var i=n(56);const r=".micl-navigationrail",c=new WeakMap,a=(0,i.register)(r,{initialize:e=>{if(!e.matches(r)||e.dataset.miclinitialized)return;e.dataset.miclinitialized="1";const t=t=>{const n=t.target.closest("a.micl-navigationrail__item");n&&(e.querySelectorAll("a.micl-navigationrail__item").forEach(e=>e.removeAttribute("aria-current")),n.setAttribute("aria-current","page"))};c.set(e,{boundHandleClick:t}),e.addEventListener("click",t)},keydown:e=>{e instanceof KeyboardEvent&&e.target instanceof HTMLElement&&e.target.matches(".micl-navigationrail__item")&&(32!==e.keyCode&&" "!==e.key||(e.preventDefault(),e.target.click()))},cleanup:e=>{const t=c.get(e);t&&e.removeEventListener("click",t.boundHandleClick),delete e.dataset.miclinitialized}},HTMLElement);return n.d(o,["default",0,a,"navigationrailSelector",0,r]),o})());
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.micl=t():e.micl=t()}(self,()=>(()=>{"use strict";let e={};return(e=>{Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})})(e),e})());

package/dist/select.css

@@ -1 +1 @@
-:root{--md-ref-typeface-plain: Google Sans, system-ui, sans-serif;--md-ref-typeface-plain-narrow: 0;--md-ref-typeface-brand: Google Sans, system-ui, sans-serif;--md-ref-typeface-weight-regular: 400;--md-ref-typeface-weight-medium: 500;--md-ref-typeface-weight-bold: 700}body{--md-sys-elevation-level2: rgb(from var(--md-sys-color-shadow) r g b/0.3) 0 1px 2px 0, rgb(from var(--md-sys-color-shadow) r g b/0.15) 0 2px 6px 2px}:root{--md-sys-shape-corner-large: 16px}:root{--md-sys-state-disabled-state-layer-opacity: 38%}.micl-textfield-filled>select{--_line-height: calc(var(--md-comp-text-field-container-height, 56px) - 18px - 3px)}.micl-textfield-outlined>select{--_line-height: var(--md-comp-text-field-container-height, 56px)}:is(.micl-textfield-filled,.micl-textfield-outlined)>select{--md-comp-list-motion-effects: cubic-bezier(0.42, 1.67, 0.21, 0.9);--md-comp-list-motion-duration: 200ms;appearance:base-select;line-height:var(--_line-height)}:is(.micl-textfield-filled,.micl-textfield-outlined)>select::picker-icon{color:var(--md-comp-text-field-icon-color, var(--md-sys-color-on-surface-variant));transition:400ms rotate;transform-origin:50% calc(var(--_line-height)/2 - 1px)}:is(.micl-textfield-filled,.micl-textfield-outlined)>select:disabled::picker-icon{color:rgb(from var(--md-sys-color-on-surface) r g b/var(--md-sys-state-disabled-state-layer-opacity, 38%))}:is(.micl-textfield-filled,.micl-textfield-outlined)>select:open::picker-icon{rotate:180deg}:is(.micl-textfield-filled,.micl-textfield-outlined)>select::picker(select){--md-comp-divider-space: 0.5px;--_list-shape: var(--md-comp-list-container-shape, var(--md-sys-shape-corner-large, 16px));--_list-item-background-color: var(--md-comp-list-item-container-color, transparent);--_list-item-background-opacity: 0%;--micl-duration: var(--md-comp-menu-motion-spatial-duration-reverse);--micl-easing: linear;appearance:base-select;display:flex;flex-direction:column;position-try-order:most-block-size;position-try-fallbacks:flip-block,flip-inline;min-inline-size:max(anchor-size(self-inline),var(--md-comp-menu-width-min, 112px));max-inline-size:var(--md-comp-menu-width-max, 320px);gap:var(--md-comp-menu-gap, 2px);padding:4px;border-radius:var(--_list-shape);border:none;outline:none;background-color:var(--md-comp-menu-standard-container-color, var(--md-sys-color-surface-container-low));box-shadow:var(--md-comp-menu-container-elevation, var(--md-sys-elevation-level2));opacity:0;overflow-x:hidden;overflow-y:auto;transform:scaleY(0);transform-origin:var(--micl-select-picker-origin, top);transition:opacity var(--micl-duration) var(--micl-easing),transform var(--micl-duration) var(--md-comp-menu-motion-spatial),overlay var(--micl-duration) linear allow-discrete,display var(--micl-duration) linear allow-discrete}:is(.micl-textfield-filled,.micl-textfield-outlined)>select::picker(select):popover-open{--micl-duration: var(--md-comp-menu-motion-spatial-duration);--micl-easing: cubic-bezier(0.05, 0.7, 0.1, 1);opacity:1;transform:scaleY(1)}@starting-style{:is(.micl-textfield-filled,.micl-textfield-outlined)>select::picker(select):popover-open{opacity:0;transform:scaleY(0)}}:is(.micl-textfield-filled,.micl-textfield-outlined)>select option{line-height:normal}:is(.micl-textfield-filled,.micl-textfield-outlined)>select option .micl-list-item__text::after{content:attr(aria-description);overflow:hidden;text-overflow:ellipsis}:is(.micl-textfield-filled,.micl-textfield-outlined)>select option::checkmark{color:var(--_trailing-icon-color)}[inert] :is(.micl-textfield-filled,.micl-textfield-outlined)>select::picker-icon{display:none}:is(.micl-textfield-filled,.micl-textfield-outlined)>select:dir(rtl):open::picker-icon{rotate:-180deg}
+:root{--md-ref-typeface-plain: Google Sans, system-ui, sans-serif;--md-ref-typeface-plain-narrow: 0;--md-ref-typeface-brand: Google Sans, system-ui, sans-serif;--md-ref-typeface-weight-regular: 400;--md-ref-typeface-weight-medium: 500;--md-ref-typeface-weight-bold: 700}body{--md-sys-elevation-level2: rgb(from var(--md-sys-color-shadow) r g b/0.3) 0 1px 2px 0, rgb(from var(--md-sys-color-shadow) r g b/0.15) 0 2px 6px 2px}:root{--md-sys-shape-corner-large: 16px}:root{--md-sys-state-disabled-state-layer-opacity: 38%}.micl-textfield-filled>select{--_line-height: calc(var(--md-comp-text-field-container-height, 56px) - 18px - 3px)}.micl-textfield-outlined>select{--_line-height: var(--md-comp-text-field-container-height, 56px)}:is(.micl-textfield-filled,.micl-textfield-outlined)>select{--md-comp-list-motion-effects: cubic-bezier(0.42, 1.67, 0.21, 0.9);--md-comp-list-motion-duration: 200ms;appearance:base-select;line-height:var(--_line-height)}:is(.micl-textfield-filled,.micl-textfield-outlined)>select::picker-icon{color:var(--md-comp-text-field-icon-color, var(--md-sys-color-on-surface-variant));transition:400ms rotate;transform-origin:50% calc(var(--_line-height)/2 - 1px)}:is(.micl-textfield-filled,.micl-textfield-outlined)>select:disabled::picker-icon{color:rgb(from var(--md-sys-color-on-surface) r g b/var(--md-sys-state-disabled-state-layer-opacity, 38%))}:is(.micl-textfield-filled,.micl-textfield-outlined)>select:open::picker-icon{rotate:180deg}:is(.micl-textfield-filled,.micl-textfield-outlined)>select::picker(select){--md-comp-divider-space: 0.5px;--_list-shape: var(--md-comp-list-container-shape, var(--md-sys-shape-corner-large, 16px));--_list-item-background-color: var(--md-comp-list-item-container-color, transparent);--_list-item-background-opacity: 0%;--micl-duration: var(--md-comp-menu-motion-spatial-duration-reverse);--micl-easing: linear;appearance:base-select;display:flex;flex-direction:column;position-try-order:most-block-size;position-try-fallbacks:flip-block,flip-inline;min-inline-size:max(anchor-size(self-inline),var(--md-comp-menu-width-min, 112px));max-inline-size:var(--md-comp-menu-width-max, 320px);gap:var(--md-comp-menu-gap, 2px);padding:4px;border-radius:var(--_list-shape);border:none;outline:none;background-color:var(--md-comp-menu-standard-container-color, var(--md-sys-color-surface-container-low));box-shadow:var(--md-comp-menu-container-elevation, var(--md-sys-elevation-level2));opacity:0;overflow-x:hidden;overflow-y:auto;transform:scaleY(0);transform-origin:var(--micl-select-picker-origin, top);transition:opacity var(--micl-duration) var(--micl-easing),transform var(--micl-duration) var(--md-comp-menu-motion-spatial),overlay var(--micl-duration) linear allow-discrete,display var(--micl-duration) linear allow-discrete}:is(.micl-textfield-filled,.micl-textfield-outlined)>select::picker(select):popover-open{--micl-duration: var(--md-comp-menu-motion-spatial-duration);--micl-easing: cubic-bezier(0.05, 0.7, 0.1, 1);opacity:1;transform:scaleY(1)}@starting-style{:is(.micl-textfield-filled,.micl-textfield-outlined)>select::picker(select):popover-open{opacity:0;transform:scaleY(0)}}:is(.micl-textfield-filled,.micl-textfield-outlined)>select[multiple]{--md-comp-divider-space: 0.5px;--_list-item-background-color: var(--md-comp-list-item-container-color, transparent);--_list-item-background-opacity: 0%;display:flex;flex-direction:column;gap:var(--md-comp-menu-gap, 2px);block-size:var(--md-comp-text-field-container-height, auto);min-block-size:var(--_height);padding-block:6px calc(4px - var(--_outline-extra, 0px));padding-inline:calc(4px - var(--_outline-extra, 0px));overflow-y:auto}:is(.micl-textfield-filled,.micl-textfield-outlined)>select[multiple]::picker-icon{display:none}:is(.micl-textfield-filled,.micl-textfield-outlined)>select option{line-height:normal}:is(.micl-textfield-filled,.micl-textfield-outlined)>select option .micl-list-item__text::after{content:attr(aria-description);overflow:hidden;text-overflow:ellipsis}:is(.micl-textfield-filled,.micl-textfield-outlined)>select option::checkmark{color:var(--_trailing-icon-color)}.micl-textfield-filled>select[multiple]{padding-block:24px calc(5px - var(--_outline-width, 1px))}@supports not (appearance: base-select){:is(.micl-textfield-filled,.micl-textfield-outlined)>select[multiple]{border-radius:0}:is(.micl-textfield-filled,.micl-textfield-outlined)>select[multiple] option{--micl-ripple: 0;appearance:none;background-position:var(--micl-x, center) var(--micl-y, center),0 0,0 0;background-size:0%,100%,100%;background-image:radial-gradient(circle at var(--micl-x, center) var(--micl-y, center), transparent 0%, rgb(from var(--statelayer-color) r g b/calc(var(--statelayer-opacity) * var(--md-sys-state-ripple-opacity-factor))) 10%, transparent 10%),linear-gradient(rgb(from var(--statelayer-color) r g b/var(--statelayer-opacity))),linear-gradient(rgb(from var(--_list-item-background-color) r g b/var(--_list-item-background-opacity)));-webkit-text-fill-color:var(--_headline-color);transition:background-size 0ms,--statelayer-opacity var(--md-comp-list-motion-duration) linear}}[inert] :is(.micl-textfield-filled,.micl-textfield-outlined)>select::picker-icon{display:none}:is(.micl-textfield-filled,.micl-textfield-outlined)>select:dir(rtl):open::picker-icon{rotate:-180deg}