npm - sit-onyx - Versions diffs - 1.0.0-beta.92 → 1.0.0-beta.94 - Mend

sit-onyx 1.0.0-beta.92 → 1.0.0-beta.94

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

Files changed (4) hide show

package/dist/index.cjs CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),at={"2xs":320,xs:576,sm:768,md:992,lg:1440,xl:1920},to={key:0,class:"onyx-app__nav"},oo={class:"onyx-app__page"},no={key:1,class:"onyx-app__page-overlay"},lo={key:2,class:"onyx-app__app-overlay"},ao=e.defineComponent({__name:"OnyxAppLayout",props:{navBarAlignment:{default:"top"}},setup(n){const o=n,t=e.useSlots();return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-component onyx-app",{"onyx-app--horizontal":o.navBarAlignment==="left"}])},[t.navBar?(e.openBlock(),e.createElementBlock("div",to,[e.renderSlot(l.$slots,"navBar")])):e.createCommentVNode("",!0),e.createElementVNode("div",oo,[e.renderSlot(l.$slots,"default")]),t.pageOverlay?(e.openBlock(),e.createElementBlock("div",no,[e.renderSlot(l.$slots,"pageOverlay")])):e.createCommentVNode("",!0),t.appOverlay?(e.openBlock(),e.createElementBlock("div",lo,[e.renderSlot(l.$slots,"appOverlay")])):e.createCommentVNode("",!0)],2))}}),ro=["title"],so=["src","alt"],co={key:1,class:"onyx-avatar__initials"},Ve=e.defineComponent({__name:"OnyxAvatar",props:{size:{default:"48px"},label:{},src:{}},setup(n){const o=n,t=e.useSlots(),l=e.computed(()=>{const a=o.label.split(" ");return(a.length>1?`${a[0].charAt(0)}${a[1].charAt(0)}`:a[0].substring(0,2)).toUpperCase()}),r=e.ref(!1);return e.watch(()=>o.src,()=>r.value=!1),(a,c)=>(e.openBlock(),e.createElementBlock("figure",{class:e.normalizeClass(["onyx-component onyx-avatar",[`onyx-avatar--${o.size}`,t.default?"onyx-avatar--custom":""]]),title:o.label},[o.src&&!r.value?(e.openBlock(),e.createElementBlock("img",{key:0,class:"onyx-avatar__svg",src:o.src,alt:o.label,onError:c[0]||(c[0]=s=>r.value=!0)},null,40,so)):(e.openBlock(),e.createElementBlock("div",co,[e.renderSlot(a.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(l.value),1)])]))],10,ro))}}),io={class:"onyx-component onyx-avatar-stack"},uo=e.defineComponent({__name:"OnyxAvatarStack",setup(n){return(o,t)=>(e.openBlock(),e.createElementBlock("div",io,[e.renderSlot(o.$slots,"default")]))}}),po=["compact","default","cozy"],C=n=>({densityClass:e.computed(()=>({[`onyx-density-${n.density}`]:!!n.density}))}),mo=["innerHTML"],k=e.defineComponent({__name:"OnyxIcon",props:{size:{},icon:{},color:{}},setup(n){const o=n;return(t,l)=>(e.openBlock(),e.createElementBlock("figure",{class:e.normalizeClass({"onyx-component":!0,"onyx-icon":!0,[`onyx-icon--${o.size}`]:o.size,[`onyx-icon--${o.color}`]:o.color}),"aria-hidden":"true",innerHTML:o.icon},null,10,mo))}}),rt=e.defineComponent({__name:"OnyxBadge",props:{density:{},color:{default:"primary"},icon:{},dot:{type:Boolean,default:!1}},setup(n){const o=n,{densityClass:t}=C(o);return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-component onyx-badge",["onyx-truncation-ellipsis","onyx-text",`onyx-badge--${o.color}`,o.dot?"onyx-badge--dot":"",e.unref(t)]])},[o.dot?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o.icon?(e.openBlock(),e.createBlock(k,{key:0,class:"onyx-badge__icon",icon:o.icon},null,8,["icon"])):e.renderSlot(l.$slots,"default",{key:1})],64))],2))}}),st=Symbol(),L=Symbol("SKELETON_INJECTED_SYMBOL"),ct=n=>o=>e.computed(()=>typeof o.skeleton!="symbol"?o.skeleton:o.skeleton===L&&(n==null?void 0:n.skeleton)===!0?3:!1),ze=n=>e.provide(st,ct(n)),fo=ct(),z=n=>e.inject(st,fo)(n),it=Symbol(),O=Symbol("FORM_INJECTED_SYMBOL"),We=(n,o,t,l)=>e.computed(()=>{const r=o.value[t];return r!=null&&typeof r!="symbol"?r:r===O?(n==null?void 0:n.value[t])??l:l}),ut=n=>o=>({disabled:We(n,o,"disabled",!1),showError:We(n,o,"showError","touched")}),yo=n=>e.provide(it,ut(n&&e.toRef(n))),ho=ut(),P=n=>e.inject(it,ho)(e.toRef(n)),Pe=(n,o)=>{const t=n.__vccOpts||n;for(const[l,r]of o)t[l]=r;return t},vo={},_o={class:"onyx-component onyx-circle-spinner",viewBox:"0 0 50 50"};function go(n,o){return e.openBlock(),e.createElementBlock("svg",_o,o[0]||(o[0]=[e.createElementVNode("circle",{class:"onyx-circle-spinner__circle",cx:"50%",cy:"50%",r:"45%"},null,-1)]))}const xo=Pe(vo,[["render",go]]),ko={},bo={class:"onyx-component onyx-loading-dots"};function Bo(n,o){return e.openBlock(),e.createElementBlock("div",bo,o[0]||(o[0]=[e.createElementVNode("span",{class:"onyx-loading-dots__center"},null,-1)]))}const Co=Pe(ko,[["render",Bo]]),F=e.defineComponent({__name:"OnyxLoadingIndicator",props:{type:{default:"dots"}},setup(n){const o=n;return(t,l)=>o.type==="circle"?(e.openBlock(),e.createBlock(xo,{key:0})):o.type==="dots"?(e.openBlock(),e.createBlock(Co,{key:1})):e.createCommentVNode("",!0)}}),wo=n=>{const o=e.ref(!1),t=e.reactive(new Map),l=s=>{var d;const u=(d=n.value)==null?void 0:d.getBoundingClientRect();if(!u)return;o.value=!0;const i={id:Date.now().toString(),left:`${s.x-u.left}px`,top:`${s.y-u.top}px`,animationEnded:!1};return t.set(i.id,i),i.id},r=s=>{const u=s.dataset.rippleid;u!=null&&(t.has(u)&&(t.get(u).animationEnded=!0),o.value||t.delete(u))},a=()=>{o.value=!1,t.forEach((s,u)=>{s.animationEnded&&t.delete(u)})},c=e.ref({});return e.onBeforeMount(()=>{var s;(s=window.matchMedia)!=null&&s.call(window,"pointer: none").matches?c.value={touchstart:l,touchend:a,touchcancel:a}:c.value={mousedown:l,mouseleave:a,mouseup:a}}),{isPointerDown:o,ripples:t,startRipple:l,hideRipples:a,hideRipple:r,events:c}},Vo=["data-rippleid"],Eo=e.defineComponent({__name:"OnyxRipple",setup(n,{expose:o}){const t=e.ref(),{ripples:l,hideRipple:r,events:a}=wo(t);return o({events:a}),(c,s)=>(e.openBlock(),e.createElementBlock("span",{ref_key:"rippleTrigger",ref:t,class:"onyx-component onyx-ripple","aria-hidden":"true"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(l),([u,i])=>(e.openBlock(),e.createElementBlock("span",{key:u,class:"onyx-ripple__element",style:e.normalizeStyle({"--onyx-ripple-left":i.left,"--onyx-ripple-top":i.top}),"data-rippleid":u,onAnimationend:s[0]||(s[0]=d=>e.unref(r)(d.target))},null,44,Vo))),128))],512))}}),So={},No={"aria-hidden":"true",class:"onyx-component onyx-skeleton"};function Mo(n,o){return e.openBlock(),e.createElementBlock("figure",No)}const M=Pe(So,[["render",Mo]]),$o=["disabled","type","aria-label","autofocus"],To={class:"onyx-button__label onyx-truncation-ellipsis"},ie=e.defineComponent({__name:"OnyxButton",props:{density:{},autofocus:{type:Boolean},label:{},disabled:{default:O},loading:{type:Boolean,default:!1},type:{default:"button"},color:{default:"primary"},mode:{default:"default"},icon:{},skeleton:{type:[Symbol,Boolean,Number],default:L}},setup(n){const o=n,{densityClass:t}=C(o),{disabled:l}=P(o),r=z(o),a=e.ref(),c=e.computed(()=>{var s;return((s=a.value)==null?void 0:s.events)??{}});return(s,u)=>e.unref(r)?(e.openBlock(),e.createBlock(M,{key:0,class:e.normalizeClass(["onyx-button-skeleton",e.unref(t)])},null,8,["class"])):(e.openBlock(),e.createElementBlock("button",e.mergeProps({key:1,class:["onyx-component","onyx-button",`onyx-button--${o.color}`,`onyx-button--${o.mode}`,{"onyx-button--loading":o.loading},e.unref(t)],disabled:e.unref(l)||o.loading,type:o.type,"aria-label":o.loading?o.label:void 0,autofocus:o.autofocus},e.toHandlers(c.value,!0)),[!e.unref(l)&&!o.loading?(e.openBlock(),e.createBlock(Eo,{key:0,ref_key:"rippleRef",ref:a},null,512)):e.createCommentVNode("",!0),o.icon&&!o.loading?(e.openBlock(),e.createBlock(k,{key:1,class:"onyx-button__icon",icon:o.icon},null,8,["icon"])):e.createCommentVNode("",!0),o.loading?(e.openBlock(),e.createBlock(F,{key:2,class:"onyx-button__loading"})):e.createCommentVNode("",!0),e.createElementVNode("span",To,e.toDisplayString(o.label),1)],16,$o))}}),Oo=["button","submit","reset"],Io=["primary","neutral","danger"],Lo=["default","outline","plain"],pe=n=>({requiredTypeClass:e.computed(()=>({[`onyx-use-${n.requiredMarker}`]:n.requiredMarker})),requiredMarkerClass:e.computed(()=>({"onyx-required-marker":n.required,"onyx-optional-marker":!n.required}))}),Do="(optional)",Ao="Cancel",zo="Apply",Po="Back",Ro="Close",Ho={head:{sortingAction:{asc:"Sort the table ascending by the {field} column.",desc:"Sort the table descending by the {field} column.",none:"Reset sorting."}}},Fo={tooShort:{preview:"Too short, minimum {minLength} characters required",fullError:"Make the input at least {minLength} characters long. It is currently {n} characters long. Special characters might use more than one character."},tooLong:{preview:"Too long, maximum {maxLength} characters allowed",fullError:"Shorten the input to {maxLength} characters or less. It is currently {n} characters long. Special characters might use more than one character."},rangeUnderflow:{preview:"Too low",fullError:"Input value must be greater than or equal to {min}."},rangeOverflow:{preview:"Too high",fullError:"Input value must be less than or equal to {max}."},patternMismatch:{preview:"Invalid format",fullError:"Please match the format requested."},valueMissing:{preview:"Required",fullError:"The field is empty, it is mandatory and must be filled in."},stepMismatch:{preview:"Invalid number",fullError:"Please enter a valid number, that is a multiple of {step}."},badInput:{preview:"Invalid input",fullError:'"{value}" does not match the expected type.'},typeMismatch:{generic:{preview:"Invalid input type",fullError:'"{value}" does not match the expected type.'},email:{preview:"Invalid mail",fullError:'"{value}" is not a valid email address. It should be similar to "johndoe@example.com" (Must contain one @ symbol and a period).'},number:{preview:"Invalid number",fullError:'"{value}" is not a valid number. Make sure it contains only digits, and optionally a single decimal point.'},tel:{preview:"Invalid phone number",fullError:'"{value}" is not a valid phone number.'},url:{preview:"Invalid URL",fullError:'"{value}" is not a valid URL. A URL usually points to a website and should be similar to "https://www.example.com".'}}},Uo={toggleDropDown:"Toggle selection popover",empty:"No data available",noMatch:"No item matches your search",searchInputLabel:"Filter the list items",clearSearch:"Clear search filter",searchPlaceholder:"Search"},qo={selectAll:"Select all",currentSelection:"{n} selected"},Go={decrement:"Decrement by {stepSize}",increment:"Increment by {stepSize}"},Ko={empty:"This table is empty."},Zo={opensExternally:"Opens in a new tab."},jo="Subpages of {label}",Yo={appLogo:"App logo of {appName}",goToHome:"Go to home page",goBack:"Go back",userMenuLabel:"User options",toggleBurgerMenu:"Toggle burger menu",toggleContextMenu:"Toggle context menu",navigationHeadline:"Navigation",moreActionsFlyout:'Choose an action for the column "{column}"',moreActionsTrigger:"Toggle column actions"},Jo={neutral:"Toggle info tooltip",danger:"Toggle error tooltip",success:"Toggle success tooltip"},Wo={headline:"Change appearance",subtitle:"Select the appearance of the application:",appearance:"Appearance",auto:{label:"Auto",description:"The application automatically adapts its appearance to your system settings."},light:{label:"Light",description:"Light mode provides optimal contrast for bright environments."},dark:{label:"Dark",description:"This color mode is optimized for darker environments."}},Xo={label:"Pagination",ofPages:"of 1 page | of {n} pages",previous:"previous page",next:"next page",select:{label:"Page selection",listLabel:"Available pages"}},Qo={clear:"Clear input"},Ee={optional:Do,cancel:Ao,apply:zo,back:Po,close:Ro,dataGrid:Ho,validations:Fo,select:Uo,selections:qo,stepper:Go,table:Ko,link:Zo,navItemOptionsLabel:jo,navigation:Yo,tooltip:Jo,colorScheme:Wo,pagination:Xo,input:Qo},dt=Symbol(),pt=(n={})=>{const o=e.computed(()=>e.unref(n==null?void 0:n.locale)??"en-US");if(n.t)return{t:n.t,locale:o};const t=e.computed(()=>n!=null&&n.messages&&o.value in n.messages?n.messages[o.value]:Ee),l=e.computed(()=>(r,a={})=>{let c=Xe(r,t.value)??Xe(r,Ee)??"";return c=en(c,a.n),tn(c,a)});return{locale:o,t:l}},mt=(n,o)=>{const t=pt(o);return n.provide(dt,t),t},E=()=>e.inject(dt,()=>pt(),!0),Xe=(n,o)=>{const t=n.split(".").reduce((l,r)=>!l||typeof l=="string"?l:l[r],o);return t&&typeof t=="string"?t:void 0},en=(n,o)=>{const t=n.split(" | ").map(r=>r.trim());if(t.length<=1)return n;let l=1;return o===0&&(l=0),o&&(o<=0||o>1)&&(l=2),t.length===2?l===1?t[0]:t[1]:t[l]},tn=(n,o)=>o?Object.entries(o).reduce((l,[r,a])=>a===void 0?l:l.replace(new RegExp(`{${r}}`,"gi"),a.toString()),n).replace(/\s?{.*}\s?/gi,""):n,Se=n=>n instanceof Date&&!isNaN(n),on=(n,o)=>{const t=Object.entries(n).filter(([r,a])=>a!==void 0),l=Object.entries(o).filter(([r,a])=>a!==void 0);return t.length!==l.length?!1:t.every(([r,a])=>a===o[r])},nn=(n,o)=>n.reduce((t,l)=>{const r=l[o]??"";return t[r]=t[r]||[],t[r].push(l),t},{}),ft=()=>Object.entries(Object.getOwnPropertyDescriptors(ValidityState.prototype)).filter(([n,o])=>o.enumerable).map(([n])=>n),ln=n=>ft().reduce((o,t)=>(o[t]=n[t],o),{}),an=n=>{if(n.valueMissing)return"valueMissing";const o=ft().filter(t=>t!=="valid").sort();for(const t of o)if(t in n&&n[t])return t},rn=Object.keys(Ee.validations.typeMismatch),H=n=>{if(n)return typeof n=="string"?{shortMessage:n,longMessage:n,hidden:!1}:n},yt=n=>{if(!n)return;if(typeof n=="string")return n;if(n.shortMessage===n.longMessage)return n.shortMessage;const{shortMessage:o,longMessage:t}=n;return`${o}: ${t}`},G=n=>{const{t:o,locale:t}=E(),l=e.ref(),r=e.ref(!1);e.watch(()=>n.props.modelValue,()=>r.value=!0,{once:!0});const a={mounted:s=>{e.watchEffect(()=>s.setCustomValidity(yt(n.props.customError)??"")),e.watch([()=>n.props],()=>{const u=ln(s.validity);!l.value&&u.valid||l.value&&on(u,l.value)||(l.value=u)},{immediate:!0,deep:!0}),e.watch([()=>n.props.customError,l,r],()=>{!r.value||!l.value||n.emit("validityChange",l.value)},{immediate:!0})}},c=e.computed(()=>{var d,p,m;if(!l.value||l.value.valid)return;const s=an(l.value),u=H(n.props.customError);if(u||s==="customError")return u||void 0;if(!s)return;if(s==="typeMismatch"){const f=rn.includes(n.props.type)?n.props.type:"generic";return{longMessage:o.value(`validations.typeMismatch.${f}.fullError`,{value:(d=n.props.modelValue)==null?void 0:d.toString()}),shortMessage:o.value(`validations.typeMismatch.${f}.preview`)}}const i={value:(p=n.props.modelValue)==null?void 0:p.toString(),n:((m=n.props.modelValue)==null?void 0:m.toString().length)??0,minLength:n.props.minlength,maxLength:n.props.maxlength,min:Qe(t.value,n.props.type,n.props.min),max:Qe(t.value,n.props.type,n.props.max),step:n.props.precision};return{longMessage:o.value(`validations.${s}.fullError`,i),shortMessage:o.value(`validations.${s}.preview`)}});return{vCustomValidity:a,errorMessages:c}},Qe=(n,o,t)=>{if(!o||!["date","datetime-local"].includes(o))return t==null?void 0:t.toString();const l=t!=null?new Date(t):void 0;if(!Se(l))return t==null?void 0:t.toString();const r={day:"2-digit",month:"2-digit",year:"numeric",...o==="datetime-local"?{hour:"2-digit",minute:"2-digit"}:void 0};return l.toLocaleString(n,r)},K=n=>n;function Ne(){const n=e.shallowRef();return e.computed({set:o=>{n.value=o!=null&&"$el"in o?o.$el:o},get:()=>n.value})}const sn=(n,o)=>Object.entries(n).every(([t,l])=>o[t]===l),cn=(n,o)=>typeof o=="string"?n.key===o:sn({altKey:!1,ctrlKey:!1,metaKey:!1,shiftKey:!1,...o},n),Me=n=>!dn.has(n),un=["Unidentified","Alt","AltGraph","CapsLock","Control","Fn","FnLock","Meta","NumLock","ScrollLock","Shift","Symbol","SymbolLock","Hyper","Super","Enter","Tab","ArrowDown","ArrowLeft","ArrowRight","ArrowUp","End","Home","PageDown","PageUp","Backspace","Clear","Copy","CrSel","Cut","Delete","EraseEof","ExSel","Insert","Paste","Redo","Undo","Accept","Again","Attn","Cancel","ContextMenu","Escape","Execute","Find","Help","Pause","Play","Props","Select","ZoomIn","ZoomOut","BrightnessDown","BrightnessUp","Eject","LogOff","Power","PowerOff","PrintScreen","Hibernate","Standby","WakeUp","AllCandidates","Alphanumeric","CodeInput","Compose","Convert","Dead","FinalMode","GroupFirst","GroupLast","GroupNext","GroupPrevious","ModeChange","NextCandidate","NonConvert","PreviousCandidate","Process","SingleCandidate","HangulMode","HanjaMode","JunjaMode","Eisu","Hankaku","Hiragana","HiraganaKatakana","KanaMode","KanjiMode","Katakana","Romaji","Zenkaku","ZenkakuHankaku","F1","F2","F3","F4","F5","F6","F7","F8","F9","F10","F11","F12","Soft1","Soft2","Soft3","Soft4","ChannelDown","ChannelUp","Close","MailForward","MailReply","MailSend","MediaClose","MediaFastForward","MediaPause","MediaPlay","MediaPlayPause","MediaRecord","MediaRewind","MediaStop","MediaTrackNext","MediaTrackPrevious","New","Open","Print","Save","SpellCheck","Key11","Key12","AudioBalanceLeft","AudioBalanceRight","AudioBassBoostDown","AudioBassBoostToggle","AudioBassBoostUp","AudioFaderFront","AudioFaderRear","AudioSurroundModeNext","AudioTrebleDown","AudioTrebleUp","AudioVolumeDown","AudioVolumeUp","AudioVolumeMute","MicrophoneToggle","MicrophoneVolumeDown","MicrophoneVolumeUp","MicrophoneVolumeMute","SpeechCorrectionList","SpeechInputToggle","LaunchApplication1","LaunchApplication2","LaunchCalendar","LaunchContacts","LaunchMail","LaunchMediaPlayer","LaunchMusicPlayer","LaunchPhone","LaunchScreenSaver","LaunchSpreadsheet","LaunchWebBrowser","LaunchWebCam","LaunchWordProcessor","BrowserBack","BrowserFavorites","BrowserForward","BrowserHome","BrowserRefresh","BrowserSearch","BrowserStop","AppSwitch","Call","Camera","CameraFocus","EndCall","GoBack","GoHome","HeadsetHook","LastNumberRedial","Notification","MannerMode","VoiceDial","TV","TV3DMode","TVAntennaCable","TVAudioDescription","TVAudioDescriptionMixDown","TVAudioDescriptionMixUp","TVContentsMenu","TVDataService","TVInput","TVInputComponent1","TVInputComponent2","TVInputComposite1","TVInputComposite2","TVInputHDMI1","TVInputHDMI2","TVInputHDMI3","TVInputHDMI4","TVInputVGA1","TVMediaContext","TVNetwork","TVNumberEntry","TVPower","TVRadioService","TVSatellite","TVSatelliteBS","TVSatelliteCS","TVSatelliteToggle","TVTerrestrialAnalog","TVTerrestrialDigital","TVTimer","AVRInput","AVRPower","ColorF0Red","ColorF1Green","ColorF2Yellow","ColorF3Blue","ColorF4Grey","ColorF5Brown","ClosedCaptionToggle","Dimmer","DisplaySwap","DVR","Exit","FavoriteClear0","FavoriteClear1","FavoriteClear2","FavoriteClear3","FavoriteRecall0","FavoriteRecall1","FavoriteRecall2","FavoriteRecall3","FavoriteStore0","FavoriteStore1","FavoriteStore2","FavoriteStore3","Guide","GuideNextDay","GuidePreviousDay","Info","InstantReplay","Link","ListProgram","LiveContent","Lock","MediaApps","MediaAudioTrack","MediaLast","MediaSkipBackward","MediaSkipForward","MediaStepBackward","MediaStepForward","MediaTopMenu","NavigateIn","NavigateNext","NavigateOut","NavigatePrevious","NextFavoriteChannel","NextUserProfile","OnDemand","Pairing","PinPDown","PinPMove","PinPToggle","PinPUp","PlaySpeedDown","PlaySpeedReset","PlaySpeedUp","RandomToggle","RcLowBattery","RecordSpeedNext","RfBypass","ScanChannelsToggle","ScreenModeNext","Settings","SplitScreenToggle","STBInput","STBPower","Subtitle","Teletext","VideoModeNext","Wink","ZoomToggle","AudioVolumeDown","AudioVolumeUp","AudioVolumeMute","BrowserBack","BrowserForward","ChannelDown","ChannelUp","ContextMenu","Eject","End","Enter","Home","MediaFastForward","MediaPlay","MediaPlayPause","MediaRecord","MediaRewind","MediaStop","MediaNextTrack","MediaPause","MediaPreviousTrack","Power","Unidentified"],dn=new Set(un),j=e.reactive(new Map),pn=(n,o)=>{if(o!=null&&o.size){j.set(n,o);return}j.delete(n),document.removeEventListener(n,ht)},et=(n,o)=>{const t=j.get(n);t==null||t.delete(o),pn(n,t)},mn=(n,o)=>{const t=j.get(n)??new Set;t.add(o),j.set(n,t),document.addEventListener(n,ht)},ht=n=>{var t;const o=n.type;(t=j.get(o))==null||t.forEach(l=>l(n))},me=({type:n,listener:o,disabled:t})=>{e.onBeforeMount(()=>e.watchEffect(()=>t!=null&&t.value?et(n,o):mn(n,o))),e.onBeforeUnmount(()=>et(n,o))},vt=({inside:n,onOutsideClick:o,disabled:t})=>{me({type:"click",listener:r=>{const a=e.toValue(n);!(Array.isArray(a)?a:[a]).some(u=>u==null?void 0:u.contains(r.target))&&o(r)},disabled:t})},_t=(n,o)=>{let t;const l=(...r)=>{clearTimeout(t),t=setTimeout(()=>n(...r),e.toValue(o))};return l.abort=()=>clearTimeout(t),l},gt=(n,o=500)=>{let t="";const l=_t(()=>t="",o);return r=>{Me(r.key)&&(l(),t=`${t}${r.key}`,n(t))}},fn=K(n=>{const o=e.computed(()=>e.unref(n.multiple)??!1),t=e.computed(()=>e.unref(n.isExpanded)??!1),l=new Map,r=i=>(l.has(i)||l.set(i,e.useId()),l.get(i)),a=e.ref(!1);e.watchEffect(async()=>{if(!t.value||n.activeOption.value==null||!a.value&&!n.controlled)return;const i=r(n.activeOption.value);await e.nextTick(()=>{var d;(d=document.getElementById(i))==null||d.scrollIntoView({block:"end",inline:"nearest"})})});const c=gt(i=>{var d;return(d=n.onTypeAhead)==null?void 0:d.call(n,i)}),s=i=>{var d,p,m,f,y,h,v;switch(i.key){case" ":i.preventDefault(),n.activeOption.value!=null&&((d=n.onSelect)==null||d.call(n,n.activeOption.value));break;case"ArrowUp":if(i.preventDefault(),n.activeOption.value==null){(p=n.onActivateLast)==null||p.call(n);return}(m=n.onActivatePrevious)==null||m.call(n,n.activeOption.value);break;case"ArrowDown":if(i.preventDefault(),n.activeOption.value==null){(f=n.onActivateFirst)==null||f.call(n);return}(y=n.onActivateNext)==null||y.call(n,n.activeOption.value);break;case"Home":i.preventDefault(),(h=n.onActivateFirst)==null||h.call(n);break;case"End":i.preventDefault(),(v=n.onActivateLast)==null||v.call(n);break;default:c(i)}};return{elements:{listbox:e.computed(()=>n.controlled?{role:"listbox","aria-multiselectable":o.value,"aria-label":e.unref(n.label),"aria-description":n.description,tabindex:"-1"}:{role:"listbox","aria-multiselectable":o.value,"aria-label":e.unref(n.label),"aria-description":n.description,tabindex:"0","aria-activedescendant":n.activeOption.value!=null?r(n.activeOption.value):void 0,onFocus:()=>a.value=!0,onBlur:()=>a.value=!1,onKeydown:s}),group:e.computed(()=>i=>({role:"group","aria-label":i.label})),option:e.computed(()=>i=>{const d=i.selected??!1;return{id:r(i.value),role:"option","aria-label":i.label,"aria-disabled":i.disabled,"aria-checked":o.value?d:void 0,"aria-selected":o.value?void 0:d,onClick:()=>{var p;return!i.disabled&&((p=n.onSelect)==null?void 0:p.call(n,i.value))}}})},state:{isFocused:a},internals:{getOptionId:r}}}),xt=["ArrowDown","ArrowUp"," ","Enter","Home","End"],kt=["Escape",{key:"ArrowUp",altKey:!0},"Enter","Tab"],tt=["Enter"],yn=(n,o)=>{const t=o?[...tt," "]:tt;return $e(n,t)},$e=(n,o)=>o.some(t=>cn(n,t)),hn=K(({autocomplete:n,onAutocomplete:o,onTypeAhead:t,multiple:l,label:r,listLabel:a,listDescription:c,isExpanded:s,activeOption:u,onToggle:i,onSelect:d,onActivateFirst:p,onActivateLast:m,onActivateNext:f,onActivatePrevious:y,templateRef:h})=>{const v=e.useId(),g=e.computed(()=>e.unref(n)),x=e.computed(()=>e.unref(s)),w=e.computed(()=>e.unref(l)),S=b=>{const ge=b.target;g.value!=="none"&&(o==null||o(ge.value))},$=gt(b=>t==null?void 0:t(b)),q=b=>{d==null||d(b),e.unref(w)||i==null||i()},I=b=>{switch(b.key){case"ArrowUp":if(b.preventDefault(),u.value==null)return m==null?void 0:m();y==null||y(u.value);break;case"ArrowDown":if(b.preventDefault(),u.value==null)return p==null?void 0:p();f==null||f(u.value);break;case"Home":b.preventDefault(),p==null||p();break;case"End":b.preventDefault(),m==null||m();break}},B=b=>{if(b.key==="Enter"&&b.preventDefault(),!x.value&&$e(b,xt))return i==null||i(),b.key===" "&&b.preventDefault(),b.key==="End"?m==null?void 0:m():p==null?void 0:p();if(yn(b,g.value==="none"))return q(u.value);if(x.value&&$e(b,kt))return i==null?void 0:i();if(g.value==="none"&&Me(b.key))return!x.value&&(i==null||i()),$(b);if(g.value!=="none"&&Me(b.key)){!x.value&&(i==null||i());return}return I(b)},N=e.computed(()=>g.value==="none"?null:{"aria-autocomplete":g.value,type:"text"}),{elements:{option:D,group:W,listbox:X},internals:{getOptionId:_e}}=fn({label:a,description:c,multiple:w,controlled:!0,activeOption:u,isExpanded:x,onSelect:q});return vt({inside:h,onOutsideClick(){x.value&&(i==null||i(!0))}}),{elements:{option:D,group:W,listbox:e.computed(()=>({...X.value,id:v,onMousedown:b=>b.preventDefault()})),input:e.computed(()=>({role:"combobox","aria-expanded":x.value,"aria-controls":v,"aria-label":e.unref(r),"aria-activedescendant":u.value!=null?_e(u.value):void 0,onInput:S,onKeydown:B,...N.value})),button:e.computed(()=>({tabindex:"-1",onClick:()=>i==null?void 0:i()}))}}}),vn=K(n=>{const o=e.useId(),t=e.useId(),l=Ne(),r=e.useId();me({type:"keydown",listener:i=>i.key==="Escape"&&c(!1),disabled:e.computed(()=>!n.isExpanded.value)});const a=_t(()=>n.onToggle(),200);e.watch(n.isExpanded,()=>a.abort());const c=(i,d=!1)=>{if(i===n.isExpanded.value){a.abort();return}if(d){a();return}n.onToggle()},s=i=>{const d=document.activeElement,p=(d==null?void 0:d.closest('[role="menu"]'))||l.value;if(!p)return;const m=[...p.querySelectorAll('[role="menuitem"]')];let f=0;if(d){const h=m.indexOf(d);switch(i){case"next":f=h+1;break;case"prev":f=h-1;break;case"first":f=0;break;case"last":f=m.length-1;break}}const y=m[f];y==null||y.focus()};return{elements:{root:{id:o,onKeydown:i=>{switch(i.key){case"ArrowDown":case"ArrowRight":i.preventDefault(),s("next");break;case"ArrowUp":case"ArrowLeft":i.preventDefault(),s("prev");break;case"Home":i.preventDefault(),s("first");break;case"End":i.preventDefault(),s("last");break;case" ":i.preventDefault(),i.target.click();break;case"Escape":i.preventDefault(),c(!1);break}},onMouseenter:()=>c(!0),onMouseleave:()=>c(!1,!0),onFocusout:i=>{var d;o&&((d=document.getElementById(o))!=null&&d.contains(i.relatedTarget))||c(!1)}},button:e.computed(()=>({"aria-controls":t,"aria-expanded":n.isExpanded.value,"aria-haspopup":!0,onFocus:()=>c(!0),id:r})),menu:{id:t,ref:l,role:"menu","aria-labelledby":r,onClick:()=>c(!1)},...bt().elements}}}),bt=K(()=>({elements:{listItem:{role:"none"},menuItem:n=>({"aria-current":n.active?"page":void 0,"aria-disabled":n.disabled,role:"menuitem"})}})),_n={clamp:(n,o,t)=>Math.max(Math.min(n,t),o)},gn=K(({navigationName:n})=>{const o=e.useId(),t=()=>{const r=o?document.getElementById(o):void 0;return r?[...r.querySelectorAll("button[aria-expanded][aria-controls]")]:[]},l=(r,a)=>{const c=t(),s=c.indexOf(r);if(s===-1)return;const u=_n.clamp(s+(a==="next"?1:-1),0,c.length-1);c[u].focus()};return{elements:{nav:{"aria-label":e.unref(n),id:o,onKeydown:r=>{switch(r.key){case"ArrowRight":l(r.target,"next");break;case"ArrowLeft":l(r.target,"previous");break}}}}}}),xn=K(n=>{const o=new Map,t=r=>(o.has(r)||o.set(r,{tabId:e.useId(),panelId:e.useId()}),o.get(r)),l=r=>{var m,f;const a=r.target,c=Array.from(((m=a.parentElement)==null?void 0:m.querySelectorAll('[role="tab"]'))??[]).filter(y=>y.ariaDisabled!=="true"),s=c.indexOf(a),u=y=>{y instanceof HTMLElement&&y.focus()},i=()=>u(c.at(0)),d=()=>u(c.at(-1)),p=y=>{if(s===-1)return;const h=y==="next"?s+1:s-1;return h<0?d():h>=c.length?i():u(c.at(h))};switch(r.key){case"ArrowRight":p("next");break;case"ArrowLeft":p("previous");break;case"Home":i();break;case"End":d();break;case"Enter":case" ":{const y=Array.from(o.entries()).find(([,{tabId:h}])=>h===a.id);y&&((f=n.onSelect)==null||f.call(n,y[0]))}break}};return{elements:{tablist:e.computed(()=>({role:"tablist","aria-label":e.unref(n.label),onKeydown:l})),tab:e.computed(()=>r=>{const{tabId:a}=t(e.unref(n.selectedTab)),{tabId:c,panelId:s}=t(r.value),u=c===a;return{id:c,role:"tab","aria-selected":u,"aria-controls":s,"aria-disabled":r.disabled?!0:void 0,onClick:()=>{var i;return(i=n.onSelect)==null?void 0:i.call(n,r.value)},tabindex:u&&!r.disabled?0:-1}}),tabpanel:e.computed(()=>r=>{const{tabId:a,panelId:c}=t(r.value);return{id:c,role:"tabpanel","aria-labelledby":a}})}}}),Bt=({isExpanded:n})=>me({type:"keydown",listener:o=>{o.key==="Escape"&&(n.value=!1)},disabled:e.computed(()=>!n.value)}),kn=K(({toggleLabel:n,isVisible:o})=>{const t=Ne(),l=Ne(),r=e.toRef(o??!1);vt({inside:e.computed(()=>[t.value,l.value]),onOutsideClick:()=>r.value=!1,disabled:e.computed(()=>!r.value)}),Bt({isExpanded:r});const a=()=>r.value=!r.value;return{elements:{trigger:e.computed(()=>({ref:t,onClick:a,"aria-label":e.toValue(n)})),tooltip:{ref:l,role:"status",tabindex:"-1"}},state:{isVisible:r}}}),bn=K(({debounce:n,isVisible:o})=>{const t=e.useId(),l=e.toRef(o??!1);let r;const a=e.computed({get:()=>l.value,set:s=>{clearTimeout(r),r=setTimeout(()=>{l.value=s},e.toValue(n))}}),c={onMouseover:()=>a.value=!0,onMouseout:()=>a.value=!1,onFocusin:()=>l.value=!0,onFocusout:()=>l.value=!1};return Bt({isExpanded:l}),{elements:{trigger:{"aria-describedby":t,...c},tooltip:{role:"tooltip",id:t,tabindex:"-1",...c}},state:{isVisible:l}}}),Ct=(n,o="bottom")=>{const t=e.ref(o);return{openDirection:t,updateOpenDirection:()=>{var p,m,f;const r=e.unref(n);if(!r){t.value=o;return}const a=(p=Re(r))==null?void 0:p.getBoundingClientRect(),c=r.getBoundingClientRect(),s=(a==null?void 0:a.top)??((m=window.visualViewport)==null?void 0:m.pageTop)??0,i=((a==null?void 0:a.bottom)??((f=window.visualViewport)==null?void 0:f.height)??0)-c.bottom,d=c.top-s;t.value=d>i?"top":"bottom"}}},Re=n=>n?getComputedStyle(n).overflow.includes("hidden")?n:n.parentElement?Re(n.parentElement):void 0:void 0,Bn=(n,o)=>{const l=e.ref("center");return{wedgePosition:l,updateWedgePosition:()=>{var g,x,w,S;const a=e.unref(n),c=e.unref(o);if(!a||!c){l.value="center";return}const s=(g=Re(a))==null?void 0:g.getBoundingClientRect(),u=a.getBoundingClientRect(),i=c.getBoundingClientRect();if(i.width<u.width){l.value="center";return}const d=(i.width-u.width+16*2)/2,p=(s==null?void 0:s.left)??((x=window.visualViewport)==null?void 0:x.pageLeft)??0,m=(s==null?void 0:s.right)??(((w=window.visualViewport)==null?void 0:w.width)??window.innerWidth)+(((S=window.visualViewport)==null?void 0:S.offsetLeft)??0),f=u.left-p,y=m-u.right,h=f>=d,v=y>=d;l.value=h===v?"center":f>y?"right":"left"}}},Q=e.defineComponent({__name:"OnyxTooltip",props:{density:{},text:{},icon:{},color:{default:"neutral"},position:{default:"auto"},alignment:{default:"auto"},fitParent:{type:Boolean,default:!1},open:{type:[String,Boolean,Object],default:"hover"}},setup(n){const o=n,{densityClass:t}=C(o),{t:l}=E(),r=e.ref(!1),a=e.computed({set:$=>r.value=$,get:()=>typeof o.open=="boolean"?o.open:r.value}),c=e.computed(()=>({debounce:200,...typeof o.open=="object"&&o.open.type==="hover"&&o.open||{},isVisible:a})),s=e.computed(()=>({toggleLabel:l.value(`tooltip.${o.color}`),...typeof o.open=="object"&&o.open.type==="click"&&o.open||{},isVisible:a})),u=e.computed(()=>typeof o.open=="object"?o.open.type:typeof o.open=="string"?o.open:"hover"),i=e.computed(()=>({"onyx-tooltip--danger":o.color==="danger","onyx-tooltip--success":o.color==="success","onyx-tooltip--fit-parent":o.fitParent,"onyx-tooltip--hidden":!a.value,[`onyx-tooltip--${v.value}`]:o.position==="auto",[`onyx-tooltip--${o.position}`]:o.position!=="auto",[`onyx-tooltip--${x.value}`]:o.alignment==="auto",[`onyx-tooltip--${o.alignment}`]:o.alignment!=="auto"})),d=()=>u.value==="hover"?bn(c.value):kn(s.value),p=e.shallowRef(d());e.watch(u,()=>p.value=d());const m=e.computed(()=>{var $;return($=p.value)==null?void 0:$.elements.tooltip}),f=e.computed(()=>{var $;return e.toValue(($=p.value)==null?void 0:$.elements.trigger)}),y=e.ref(),h=e.ref(),{openDirection:v,updateOpenDirection:g}=Ct(y,"top"),{wedgePosition:x,updateWedgePosition:w}=Bn(y,h),S=()=>{g(),w()};return me({type:"resize",listener:()=>S()}),e.onMounted(()=>S()),e.watch(a,async()=>{await e.nextTick(),g(),w()}),($,q)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"tooltipWrapperRef",ref:y,class:e.normalizeClass(["onyx-component","onyx-tooltip-wrapper",e.unref(t)])},[e.createElementVNode("div",e.mergeProps({ref_key:"tooltipRef",ref:h},m.value,{class:["onyx-tooltip","onyx-text--small","onyx-truncation-multiline",i.value]}),[o.icon?(e.openBlock(),e.createBlock(k,{key:0,icon:o.icon,size:"16px"},null,8,["icon"])):e.createCommentVNode("",!0),e.renderSlot($.$slots,"tooltip",{},()=>[e.createTextVNode(e.toDisplayString(o.text),1)])],16),e.renderSlot($.$slots,"default",{trigger:f.value})],2))}}),Cn={class:"onyx-component"},He=e.defineComponent({__name:"OnyxErrorTooltip",props:{errorMessages:{},disabled:{type:Boolean}},setup(n){const o=n,t=e.computed(()=>yt(o.errorMessages)),l=e.ref();return(r,a)=>(e.openBlock(),e.createElementBlock("div",Cn,[!t.value||o.disabled?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"targetRef",ref:l},null,512)):e.createCommentVNode("",!0),t.value&&!o.disabled?(e.openBlock(),e.createBlock(Q,{key:1,class:"onyx-error-tooltip",open:"hover",text:t.value,color:"danger"},{default:e.withCtx(({trigger:c})=>[e.createElementVNode("div",e.mergeProps({ref_key:"targetRef",ref:l},c),null,16)]),_:1},8,["text"])):e.createCommentVNode("",!0),l.value?(e.openBlock(),e.createBlock(e.Teleport,{key:2,to:l.value,defer:""},[e.renderSlot(r.$slots,"default")],8,["to"])):e.createCommentVNode("",!0)]))}}),wn=["title"],Vn={class:"onyx-checkbox__container"},En=["aria-label","indeterminate","disabled","required","value","autofocus"],ce=e.defineComponent({__name:"OnyxCheckbox",props:{density:{},value:{},label:{},hideLabel:{type:Boolean},disabled:{default:O},loading:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:L},truncation:{default:"ellipsis"},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},autofocus:{type:Boolean},modelValue:{type:Boolean,default:!1},indeterminate:{type:Boolean,default:!1}},emits:["update:modelValue","validityChange"],setup(n,{emit:o}){const t=n,l=o,r=e.computed({get:()=>t.modelValue,set:f=>l("update:modelValue",f)}),{requiredMarkerClass:a,requiredTypeClass:c}=pe(t),{densityClass:s}=C(t),{vCustomValidity:u,errorMessages:i}=G({props:t,emit:l}),{disabled:d}=P(t),p=z(t),m=e.computed(()=>t.hideLabel?t.label:void 0);return(f,y)=>e.unref(p)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-component","onyx-checkbox-skeleton",e.unref(s)])},[e.createVNode(M,{class:"onyx-checkbox-skeleton__input"}),t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(M,{key:0,class:"onyx-checkbox-skeleton__label"}))],2)):(e.openBlock(),e.createBlock(He,{key:1,disabled:e.unref(d),"error-messages":e.unref(i)},{default:e.withCtx(()=>[e.createElementVNode("label",{class:e.normalizeClass(["onyx-component onyx-checkbox",[e.unref(c),e.unref(s)]]),title:m.value},[e.createElementVNode("div",Vn,[t.loading?(e.openBlock(),e.createBlock(F,{key:0,class:"onyx-checkbox__loading",type:"circle"})):e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:1,"onUpdate:modelValue":y[0]||(y[0]=h=>r.value=h),"aria-label":t.hideLabel?t.label:void 0,class:"onyx-checkbox__input",type:"checkbox",indeterminate:t.indeterminate,disabled:e.unref(d),required:t.required,value:t.value,autofocus:t.autofocus},null,8,En)),[[e.vModelCheckbox,r.value],[e.unref(u)]])]),t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("p",{class:e.normalizeClass(["onyx-checkbox__label",[`onyx-truncation-${t.truncation}`,t.truncation==="multiline"?e.unref(a):void 0]])},e.toDisplayString(t.label),3),t.truncation==="ellipsis"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-checkbox__marker",[e.unref(a)]])},null,2)):e.createCommentVNode("",!0)],64))],10,wn)]),_:1},8,["disabled","error-messages"]))}}),Sn=(n,o)=>e.computed(()=>{const t=o.value.filter(r=>n.value.includes(r)),l=t.length===n.value.length;return{modelValue:l,indeterminate:!l&&n.value.length&&t.length?!0:void 0}}),wt=(n,o,t)=>({state:Sn(n,o),handleChange:l=>{const r=o.value.filter(c=>!n.value.includes(c)),a=l?r.concat(n.value):r;t(a)}}),Y=e.defineComponent({__name:"OnyxHeadline",props:{is:{}},setup(n){const o=n;return(t,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.is),{class:e.normalizeClass(["onyx-component","onyx-headline",`onyx-headline--${o.is}`])},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["class"]))}}),Te='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11.25 6h1.5v1.5h-1.5zm1.5 3.75h-1.5V18h1.5z"/><path fill-rule="evenodd" d="M12 1.5a10.5 10.5 0 1 0 0 21 10.5 10.5 0 0 0 0-21M12 21a9 9 0 1 1 9-9 9.01 9.01 0 0 1-9 9" clip-rule="evenodd"/></svg>',J=e.defineComponent({__name:"OnyxVisuallyHidden",props:{is:{default:"span"}},setup(n){const o=n;return(t,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.is),{class:"onyx-component onyx-visually-hidden"},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3}))}}),Nn={class:"onyx-component onyx-info-tooltip"},ee=e.defineComponent({__name:"OnyxInfoTooltip",props:{text:{},position:{},open:{type:[String,Boolean,Object],default:"click"},color:{default:"neutral"}},setup(n){const o=n,t=e.computed(()=>typeof o.open=="object"?o.open.type:typeof o.open=="string"?o.open:"click");return(l,r)=>(e.openBlock(),e.createElementBlock("span",Nn,[t.value==="click"?(e.openBlock(),e.createBlock(Q,{key:0,text:o.text,open:o.open,color:o.color,position:o.position},{default:e.withCtx(({trigger:a})=>[e.createElementVNode("button",e.mergeProps({type:"button",class:"onyx-info-tooltip__trigger"},a),[e.createVNode(k,{icon:e.unref(Te)},null,8,["icon"])],16)]),_:1},8,["text","open","color","position"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createVNode(Q,{"aria-hidden":"true",text:o.text,open:o.open,color:o.color,position:o.position},{default:e.withCtx(({trigger:a})=>[e.createElementVNode("span",e.mergeProps({class:"onyx-info-tooltip__trigger"},a),[e.createVNode(k,{icon:e.unref(Te)},null,8,["icon"])],16)]),_:1},8,["text","open","color","position"]),e.createVNode(J,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.text),1)]),_:1})],64))]))}}),Mn=["disabled","aria-label"],$n={key:0,class:"onyx-checkbox-group__label"},Tn=e.defineComponent({__name:"OnyxCheckboxGroup",props:{density:{},truncation:{default:"ellipsis"},label:{},labelTooltip:{},hideLabel:{type:Boolean},options:{},modelValue:{default:()=>[]},direction:{default:"vertical"},withCheckAll:{type:[Boolean,Object],default:!1},disabled:{default:O},skeleton:{type:[Symbol,Boolean,Number],default:L}},emits:["update:modelValue"],setup(n,{emit:o}){const t=n,{densityClass:l}=C(t),r=o,{t:a}=E(),c=(m,f)=>{const y=f?[...t.modelValue,m]:t.modelValue.filter(h=>h!==m);r("update:modelValue",y)},s=e.computed(()=>t.options.filter(m=>!m.disabled&&!m.skeleton).map(({value:m})=>m)),{disabled:u}=P(t),i=z(t),d=wt(s,e.computed(()=>t.modelValue),m=>r("update:modelValue",m)),p=e.computed(()=>{var f;const m=a.value("selections.selectAll");return typeof t.withCheckAll=="boolean"?m:((f=t.withCheckAll)==null?void 0:f.label)??m});return(m,f)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(["onyx-component","onyx-checkbox-group",e.unref(l)]),disabled:e.unref(u),"aria-label":t.label},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("legend",$n,[e.createVNode(Y,{is:"h3"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.label),1)]),_:1}),t.labelTooltip?(e.openBlock(),e.createBlock(ee,{key:0,open:"hover",text:t.labelTooltip},null,8,["text"])):e.createCommentVNode("",!0)])),e.createElementVNode("div",{class:e.normalizeClass(["onyx-checkbox-group__content",{"onyx-checkbox-group__content--horizontal":t.direction==="horizontal","onyx-checkbox-group__content--vertical":t.direction==="vertical"}])},[e.unref(i)?typeof e.unref(i)=="number"?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(e.unref(i),y=>(e.openBlock(),e.createBlock(ce,{key:y,label:`Skeleton ${y}`,value:`skeleton-${y}`,skeleton:""},null,8,["label","value"]))),128)):e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.withCheckAll?(e.openBlock(),e.createBlock(ce,e.mergeProps({key:0},e.unref(d).state.value,{label:p.value,value:"all",class:"onyx-checkbox-group__option onyx-checkbox-group__check-all","onUpdate:modelValue":e.unref(d).handleChange}),null,16,["label","onUpdate:modelValue"])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,y=>(e.openBlock(),e.createBlock(ce,e.mergeProps({key:y.value.toString(),ref_for:!0},y,{truncation:y.truncation??t.truncation,"model-value":t.modelValue.includes(y.value),class:"onyx-checkbox-group__option","onUpdate:modelValue":h=>c(y.value,h)}),null,16,["truncation","model-value","onUpdate:modelValue"]))),128))],64))],2)],10,Mn))}}),On='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8.25 17.25h-4.5V6.008h4.5zm-3-1.5h1.5V7.508h-1.5zm14.273 1.958c.457-.668.727-1.47.727-2.333 0-.127-.008-.255-.023-.375V4.508h-4.5v6.765a4.3 4.3 0 0 0-1.5.442V8.258h-4.5v8.992h2.716a4.12 4.12 0 0 0 3.667 2.25c.863 0 1.672-.27 2.332-.727l2.76 2.76 1.058-1.058-2.76-2.76zm-.788-11.7v6.18a4.05 4.05 0 0 0-1.492-.773v-5.4h1.492zm-7.492 9.742V9.758h1.5v3.292a4.1 4.1 0 0 0-.735 2.325c0 .127.007.255.022.375zM16.124 18a2.63 2.63 0 0 1-2.625-2.625 2.63 2.63 0 0 1 2.625-2.625 2.63 2.63 0 0 1 2.625 2.625A2.63 2.63 0 0 1 16.125 18"/></svg>',Vt='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m12 10.94 3.61-3.612 1.062 1.06L13.06 12l3.612 3.61-1.062 1.062L12 13.06l-3.61 3.612-1.062-1.062L10.94 12 7.328 8.389l1.062-1.06z"/><path fill-rule="evenodd" d="M14.049 1.702a10.5 10.5 0 0 1 5.376 2.873 10.466 10.466 0 0 1 0 14.85 10.5 10.5 0 1 1-5.376-17.723m1.394 18.644a9 9 0 0 0 2.92-1.982A9.002 9.002 0 0 0 15.48 3.626a9 9 0 0 0-9.843 2.01 9 9 0 0 0 9.807 14.71" clip-rule="evenodd"/></svg>',In={class:"onyx-empty__label onyx-text onyx-truncation-multiline"},Fe=e.defineComponent({__name:"OnyxEmpty",props:{density:{}},setup(n){const o=n,{densityClass:t}=C(o);return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-component","onyx-empty",e.unref(t)])},[e.renderSlot(l.$slots,"icon",{},()=>[e.createVNode(k,{icon:e.unref(Vt),size:"48px"},null,8,["icon"])]),e.createElementVNode("div",In,[e.renderSlot(l.$slots,"default")])],2))}}),Ln={class:"onyx-table-wrapper onyx-component"},Dn=["tabindex"],An=["span"],zn={key:0,class:"onyx-table__header"},Pn={key:0},Rn=["colspan"],Hn={class:"onyx-table__empty"},Fn={colspan:"100%"},Un={class:"onyx-table__empty-content"},Et=e.defineComponent({__name:"OnyxTable",props:{density:{},striped:{type:Boolean,default:!1},withVerticalBorders:{type:Boolean,default:!1},withPageScrolling:{type:Boolean,default:!1},columnGroups:{}},setup(n){const o=n,t=e.useSlots(),{t:l}=E(),{densityClass:r}=C(o),a=e.computed(()=>l.value("table.empty"));return(c,s)=>{var u;return e.openBlock(),e.createElementBlock("div",Ln,[e.createElementVNode("div",{class:e.normalizeClass({"onyx-table-wrapper__scroll-container":!o.withPageScrolling}),tabindex:o.withPageScrolling?void 0:0},[e.createElementVNode("table",{class:e.normalizeClass(["onyx-table onyx-text",[o.striped?"onyx-table--striped":"",o.withVerticalBorders?"onyx-table--vertical-borders":"",e.unref(r)]])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.columnGroups,i=>(e.openBlock(),e.createElementBlock("colgroup",{key:i.key,span:i.span},null,8,An))),128)),t.head?(e.openBlock(),e.createElementBlock("thead",zn,[(u=o.columnGroups)!=null&&u.length?(e.openBlock(),e.createElementBlock("tr",Pn,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.columnGroups,i=>(e.openBlock(),e.createElementBlock("th",{key:i.key,colspan:i.span,scope:"colgroup",class:"onyx-table__colgroup"},e.toDisplayString(i.header),9,Rn))),128))])):e.createCommentVNode("",!0),e.renderSlot(c.$slots,"head")])):e.createCommentVNode("",!0),e.createElementVNode("tbody",null,[e.renderSlot(c.$slots,"default",{},()=>[e.createElementVNode("tr",Hn,[e.createElementVNode("td",Fn,[e.createElementVNode("div",Un,[e.renderSlot(c.$slots,"empty",{defaultMessage:a.value},()=>[e.createVNode(Fe,null,{icon:e.withCtx(()=>[e.createVNode(k,{icon:e.unref(On),size:"48px"},null,8,["icon"])]),default:e.withCtx(()=>[e.createTextVNode(" "+e.toDisplayString(a.value),1)]),_:1})])])])])])])],2)],10,Dn)])}}}),St=e.defineComponent({__name:"OnyxDataGridRenderer",props:{density:{},striped:{type:Boolean,default:!0},withVerticalBorders:{type:Boolean,default:!0},withPageScrolling:{type:Boolean},columnGroups:{},columns:{},rows:{}},setup(n){const o=n;return(t,l)=>(e.openBlock(),e.createBlock(Et,e.mergeProps({class:"onyx-data-grid"},o),{head:e.withCtx(()=>[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.columns,r=>(e.openBlock(),e.createElementBlock("th",e.mergeProps({key:r.key,ref_for:!0},r.thAttributes,{scope:"col"}),[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.component),e.mergeProps({ref_for:!0},r.props),null,16))],16))),128))])]),default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.rows,r=>(e.openBlock(),e.createElementBlock("tr",e.mergeProps({key:r.id,ref_for:!0},r.trAttributes),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.columns,a=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:a.key},[r.cells[a.key]?(e.openBlock(),e.createElementBlock("td",e.mergeProps({key:0,ref_for:!0},r.cells[a.key].tdAttributes),[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.cells[a.key].component),e.mergeProps({ref_for:!0},r.cells[a.key].props),null,16))],16)):e.createCommentVNode("",!0)],64))),128))],16))),128))]),_:1},16))}}),qn='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3.75 14.25a2.25 2.25 0 1 0 0-4.5 2.25 2.25 0 0 0 0 4.5m8.25 0a2.25 2.25 0 1 0 0-4.5 2.25 2.25 0 0 0 0 4.5M22.5 12a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0"/></svg>',fe=e.defineComponent({__name:"OnyxListItem",props:{density:{},selected:{type:Boolean,default:!1},checked:{type:Boolean,default:!1},active:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},color:{}},setup(n){const o=n,{densityClass:t}=C(o);return(l,r)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass({"onyx-component":!0,"onyx-list-item":!0,...e.unref(t),"onyx-list-item--active":o.active,[`onyx-list-item--${o.color}`]:o.color,"onyx-list-item--disabled":o.disabled,"onyx-list-item--selected":o.selected,"onyx-list-item--checked":o.checked})},[e.renderSlot(l.$slots,"default")],2))}}),Gn=n=>e.computed(n),Z=Symbol("MANAGED_SYMBOL"),ue=(n,o,t)=>{const l=e.computed(()=>n.value===Z),r=e.ref(e.toValue(l)?o:n.value);return{state:Gn({set:c=>{r.value=c,t(c)},get:()=>l.value?r.value:n.value}),isManaged:l}},Kn=["aria-label"],ye=e.defineComponent({__name:"OnyxFlyoutMenu",props:{open:{default:Z},label:{}},emits:["update:open"],setup(n,{emit:o}){const t=n,l=o,{state:r}=ue(e.toRef(()=>t.open),!1,i=>l("update:open",i)),a=e.useSlots(),{elements:{root:c,button:s,menu:u}}=vn({isExpanded:e.computed(()=>!!r.value),onToggle:()=>r.value=!r.value});return(i,d)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:"onyx-component onyx-flyout-menu"},e.unref(c)),[e.renderSlot(i.$slots,"button",{trigger:e.unref(s)}),a.options||a.header||a.footer?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,"aria-label":t.label,class:e.normalizeClass({"onyx-flyout-menu__list--with-header":!!a.header,"onyx-flyout-menu__list--with-footer":!!a.footer,"onyx-flyout-menu__list":!0})},[e.renderSlot(i.$slots,"header"),a.options?(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:0},e.unref(u),{class:"onyx-flyout-menu__wrapper onyx-flyout-menu__group"}),[e.renderSlot(i.$slots,"options")],16)):e.createCommentVNode("",!0),e.renderSlot(i.$slots,"footer")],10,Kn)),[[e.vShow,e.unref(r)]]):e.createCommentVNode("",!0)],16))}}),Zn=["aria-label","title","disabled","autofocus"],Ue=e.defineComponent({__name:"OnyxSystemButton",props:{disabled:{default:O},autofocus:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:L},label:{},icon:{},color:{default:"intense"}},setup(n){const o=n,{disabled:t}=P(o),l=z(o);return(r,a)=>e.unref(l)?(e.openBlock(),e.createBlock(M,{key:0,class:e.normalizeClass(["onyx-system-button-skeleton",o.icon?"":"onyx-system-button-skeleton--text"])},null,8,["class"])):(e.openBlock(),e.createElementBlock("button",{key:1,class:e.normalizeClass(["onyx-system-button","onyx-text--small",`onyx-system-button--${o.color}`]),"aria-label":o.label,title:o.label,type:"button",disabled:e.unref(t),autofocus:o.autofocus},[o.icon?(e.openBlock(),e.createBlock(k,{key:0,icon:o.icon},null,8,["icon"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(o.label),1)],64))],10,Zn))}}),jn={class:"onyx-component onyx-data-grid-header-cell"},Yn={class:"onyx-data-grid-header-cell__label"},Jn={key:0,class:"onyx-data-grid-header-cell__actions"},ot=e.defineComponent({__name:"HeaderCell",props:{label:{}},setup(n){const o=n,t=e.useSlots();return(l,r)=>(e.openBlock(),e.createElementBlock("div",jn,[e.createElementVNode("span",Yn,e.toDisplayString(o.label),1),t.actions?(e.openBlock(),e.createElementBlock("div",Jn,[e.renderSlot(l.$slots,"actions")])):e.createCommentVNode("",!0)]))}});const Wn=n=>{const o=r=>{const c=n.map(s=>s.header).filter(s=>!!s).map(s=>s.actions).filter(s=>!!s);return r.map(s=>{if(c.flatMap(d=>d(s)).length>1){const{t:d}=E(),p=c.flatMap(f=>f(s)).map(({listItems:f})=>f),m=e.h(ye,{label:d.value("navigation.moreActionsFlyout",{column:s})},{button:({trigger:f})=>e.h(Ue,{label:d.value("navigation.moreActionsTrigger"),color:"medium",icon:qn,...f}),options:()=>p});return{key:s,component:()=>e.h(ot,{label:String(s)},{actions:()=>m}),props:{}}}const i=c.flatMap(d=>d(s)).map(({iconComponent:d})=>d);return{key:s,component:()=>e.h(ot,{label:String(s)},{actions:()=>i}),props:{}}})},t=(r,a)=>{const c=n.map(u=>u.mutation).filter(u=>!!u),s=[...r];return c.forEach(({func:u})=>u(s)),s.map(u=>{const i=a.reduce((d,p)=>(d[p]={component:()=>u[p],props:{row:u}},d),{});return{id:u.id,cells:i}})},l=n.flatMap(r=>r.watch);return{createRendererRows:t,createRendererColumns:o,watchSources:l}},Xn=e.defineComponent({__name:"OnyxDataGrid",props:{features:{default:()=>[]},columns:{},data:{}},setup(n){const o=n,t=e.ref([]),l=e.ref([]),{columns:r,data:a,features:c}=e.toRefs(o),s=e.computed(()=>Wn(c.value));let u;const i=()=>{const{createRendererColumns:d,createRendererRows:p,watchSources:m}=s.value;return e.watch([r,a,...m],()=>{t.value=d(r.value),l.value=p(a.value,r.value)},{immediate:!0,deep:!0})};return e.watch(s,()=>{u==null||u(),u=i()},{immediate:!0}),(d,p)=>(e.openBlock(),e.createBlock(St,{columns:t.value,rows:l.value},null,8,["columns","rows"]))}}),Qn='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M16.905 12.653 12 17.558l-4.905-4.905 1.058-1.058 3.097 3.098V6h1.5v8.693l3.098-3.098z"/></svg>',el='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7.095 10.905 12 6l4.905 4.905-1.058 1.058-3.097-3.098v8.693h-1.5V8.865l-3.098 3.098z"/></svg>',tl='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m15.75 1.94 5.03 5.03-1.06 1.06-3.22-3.22v8.69H15V4.81l-3.22 3.22-1.06-1.06zM9 10.5v8.69l3.22-3.22 1.06 1.06-5.03 5.03-5.03-5.03 1.06-1.06 3.22 3.22V10.5z"/></svg>',ol=e.defineComponent({__name:"SortAction",props:{columnLabel:{},sortDirection:{}},setup(n){const o=n,{t}=E(),l=e.computed(()=>o.sortDirection==="asc"?el:o.sortDirection==="desc"?Qn:tl),r=e.computed(()=>{const a=Oe(o.sortDirection);return t.value(`dataGrid.head.sortingAction.${a}`,{field:o.columnLabel})});return(a,c)=>(e.openBlock(),e.createBlock(Ue,{label:r.value,icon:l.value,color:"medium"},null,8,["label","icon"]))}}),Oe=n=>{switch(n){case"asc":return"desc";case"desc":return"none";case"none":default:return"asc"}},nl=Symbol("Sorting"),ll=n=>{const o=e.toRef((n==null?void 0:n.sortState)??{column:void 0,direction:"none"}),t=e.computed(()=>u=>{var d;const i=e.toValue(n==null?void 0:n.columns);return((d=i==null?void 0:i[u])==null?void 0:d.sortFunc)??a.value}),l=e.computed(()=>u=>{var d;const i=e.toValue(n==null?void 0:n.columns);return!i||((d=i==null?void 0:i[u])==null?void 0:d.enabled)===!0}),{locale:r}=E(),a=e.computed(()=>(u,i)=>new Intl.Collator(r.value).compare(String(u),String(i))),c=u=>{const i=o.value.column===u?Oe(o.value.direction):Oe(),d=i!=="none"?u:void 0;o.value={direction:i,column:d}};return{name:nl,watch:[o,a],mutation:{func:u=>{const{column:i,direction:d}=o.value;if(!i||d==="none")return;const p=d==="asc"?1:-1,m=t.value(i);u.sort((f,y)=>m(f[i],y[i])*p)}},header:{actions:u=>l.value(u)===!0?[{iconComponent:e.h(ol,{columnLabel:String(u),sortDirection:o.value.column===u?o.value.direction:void 0,onClick:()=>c(u)})}]:[]}}},al=Object.freeze(Object.defineProperty({__proto__:null,useSorting:ll},Symbol.toStringTag,{value:"Module"})),te=n=>e.computed(()=>n.value===!0?"onyx-form-element--immediate-invalid":n.value===!1?"onyx-form-element--suppress-invalid":"onyx-form-element--touched-invalid"),rl={class:e.normalizeClass(["onyx-truncation-ellipsis"])},Be=e.defineComponent({__name:"FormMessage",props:{messages:{},type:{}},setup(n){const o=n;return(t,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.messages.hidden?J:"span"),{class:e.normalizeClass(["onyx-component","onyx-form-message",`onyx-form-message__${o.type}`])},{default:e.withCtx(()=>[e.createElementVNode("span",rl,e.toDisplayString(o.messages.shortMessage),1),o.messages.longMessage?(e.openBlock(),e.createBlock(ee,{key:0,class:"onyx-form-message__tooltip",position:"bottom",open:"hover",color:o.type,text:o.messages.longMessage},null,8,["color","text"])):e.createCommentVNode("",!0)]),_:1},8,["class"]))}}),sl={key:0,class:"onyx-form-element__label onyx-text--small"},cl=["for"],il={class:"onyx-form-element__footer onyx-text--small"},ul={class:"onyx-form-element__footer-messages"},dl={key:0,class:"onyx-form-element__counter"},oe=e.defineComponent({__name:"OnyxFormElement",props:{required:{type:Boolean,default:!1},requiredMarker:{},id:{default:()=>e.useId()},name:{},modelValue:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},maxlength:{},withCounter:{type:Boolean},errorMessages:{},message:{},successMessages:{}},setup(n){const o=n,{requiredMarkerClass:t,requiredTypeClass:l}=pe(o),r=e.computed(()=>{var a;if(o.withCounter&&o.maxlength)return`${(((a=o.modelValue)==null?void 0:a.toString())||"").length}/${o.maxlength}`});return(a,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-component","onyx-form-element",e.unref(l),a.successMessages?"onyx-form-element--success":void 0])},[o.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",sl,[e.createElementVNode("label",{for:o.id,class:"onyx-truncation-ellipsis"},e.toDisplayString(o.label),9,cl),o.required?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([o.required?e.unref(t):void 0])},null,2)):e.createCommentVNode("",!0),o.labelTooltip?(e.openBlock(),e.createBlock(ee,{key:1,class:"onyx-form-element__label-tooltip",open:"hover",text:o.labelTooltip},null,8,["text"])):e.createCommentVNode("",!0),o.required?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass([o.required?void 0:e.unref(t)])},null,2))])),e.renderSlot(a.$slots,"default",{id:o.id}),e.createElementVNode("div",il,[e.createElementVNode("span",ul,[o.errorMessages?(e.openBlock(),e.createBlock(Be,{key:0,class:"onyx-form-element__error-message",messages:o.errorMessages,type:"danger"},null,8,["messages"])):e.createCommentVNode("",!0),o.successMessages?(e.openBlock(),e.createBlock(Be,{key:1,class:"onyx-form-element__success-message",messages:o.successMessages,type:"success"},null,8,["messages"])):e.createCommentVNode("",!0),o.message?(e.openBlock(),e.createBlock(Be,{key:2,class:"onyx-form-element__message",messages:o.message,type:"neutral"},null,8,["messages"])):e.createCommentVNode("",!0)]),r.value?(e.openBlock(),e.createElementBlock("span",dl,e.toDisplayString(r.value),1)):e.createCommentVNode("",!0)])],2))}}),pl={class:"onyx-datepicker__wrapper"},ml=["id","type","required","autofocus","name","readonly","disabled","aria-label","title","min","max"],fl=e.defineComponent({__name:"OnyxDatePicker",props:{disabled:{default:O},showError:{default:O},density:{},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},id:{},name:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},error:{},message:{},success:{},autofocus:{type:Boolean},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},hideSuccessIcon:{type:Boolean},hideClearIcon:{type:Boolean},skeleton:{type:[Symbol,Boolean,Number],default:L},modelValue:{},type:{default:"date"},min:{},max:{}},emits:["update:modelValue","validityChange"],setup(n,{emit:o}){const t=n,l=o,{vCustomValidity:r,errorMessages:a}=G({props:t,emit:l}),c=e.computed(()=>H(t.success)),s=e.computed(()=>H(t.message)),{densityClass:u}=C(t),{disabled:i,showError:d}=P(t),p=z(t),m=te(d),f=e.computed(()=>h=>{const v=h!=null?new Date(h):void 0;if(!Se(v))return;const g=v.toISOString().split("T")[0];if(t.type==="date")return g;const x=v.getHours().toString().padStart(2,"0"),w=v.getMinutes().toString().padStart(2,"0");return`${g}T${x}:${w}`}),y=e.computed({get:()=>f.value(t.modelValue),set:h=>{const v=new Date(h??"");l("update:modelValue",Se(v)?v.toISOString():void 0)}});return(h,v)=>e.unref(p)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-component","onyx-datepicker-skeleton",e.unref(u)])},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(M,{key:0,class:"onyx-datepicker-skeleton__label"})),e.createVNode(M,{class:"onyx-datepicker-skeleton__input"})],2)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-component","onyx-datepicker",e.unref(u),e.unref(m)])},[e.createVNode(oe,e.mergeProps(t,{"error-messages":e.unref(a),"success-messages":c.value,message:s.value}),{default:e.withCtx(({id:g})=>[e.createElementVNode("div",pl,[t.loading?(e.openBlock(),e.createBlock(F,{key:0,class:"onyx-datepicker__loading",type:"circle"})):e.createCommentVNode("",!0),e.withDirectives((e.openBlock(),e.createElementBlock("input",{id:g,key:t.type,"onUpdate:modelValue":v[0]||(v[0]=x=>y.value=x),class:e.normalizeClass(["onyx-datepicker__native",{"onyx-datepicker__native--success":c.value}]),type:t.type,required:t.required,autofocus:t.autofocus,name:t.name,readonly:t.readonly,disabled:e.unref(i)||t.loading,"aria-label":t.hideLabel?t.label:void 0,title:t.hideLabel?t.label:void 0,min:f.value(t.min),max:f.value(t.max)},null,10,ml)),[[e.vModelDynamic,y.value],[e.unref(r)]])])]),_:1},16,["error-messages","success-messages","message"])],2))}}),yl=["aria-modal","aria-label","role"],Nt=e.defineComponent({__name:"OnyxDialog",props:{density:{},label:{},open:{type:Boolean,default:!1},modal:{type:Boolean,default:!1},alert:{type:Boolean,default:!1}},emits:["close"],setup(n,{emit:o}){const t=n,l=o,r=e.ref(),{densityClass:a}=C(t),c=()=>{var s,u;t.modal?(s=r.value)==null||s.showModal():(u=r.value)==null||u.show()};return e.watch([r,()=>t.open],()=>{var s;t.open?c():(s=r.value)==null||s.close()}),e.watch(()=>t.modal,()=>{var s;(s=r.value)!=null&&s.open&&(r.value.close(),c())}),(s,u)=>t.open?(e.openBlock(),e.createElementBlock("dialog",{key:0,ref_key:"dialogRef",ref:r,class:e.normalizeClass(["onyx-component","onyx-dialog",e.unref(a),"onyx-truncation-multiline"]),"aria-modal":t.modal,"aria-label":t.label,role:t.alert?"alertdialog":void 0,onCancel:u[0]||(u[0]=e.withModifiers(i=>l("close"),["prevent"]))},[e.renderSlot(s.$slots,"default")],42,yl)):e.createCommentVNode("",!0)}}),hl='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.15 7.913v1.5h4.377l-6.145 6.144 1.06 1.06 6.146-6.144v4.377h1.5V7.913z"/></svg>',vl=n=>/^http(s?):\/\//.test(n),he=e.defineComponent({__name:"OnyxExternalLinkIcon",props:{href:{},withExternalIcon:{type:[Boolean,String],default:"auto"}},setup(n){const o=n,t=e.computed(()=>{const l=o.withExternalIcon;return l!=="auto"?l:vl(o.href??"")});return(l,r)=>t.value?(e.openBlock(),e.createBlock(k,{key:0,class:"onyx-component onyx-external-link-icon",icon:e.unref(hl),size:"16px"},null,8,["icon"])):e.createCommentVNode("",!0)}}),_l=["h1","h2","h3","h4","h5","h6"],gl=["12px","16px","24px","32px","48px","64px","96px"],xl=["aria-label","title","type","disabled","autofocus"],Mt=e.defineComponent({__name:"OnyxIconButton",props:{density:{},autofocus:{type:Boolean},label:{},disabled:{default:O},type:{default:"button"},color:{default:"primary"},loading:{type:Boolean},icon:{},skeleton:{type:[Symbol,Boolean,Number],default:L}},setup(n){const o=n,{densityClass:t}=C(o),{disabled:l}=P(o),r=z(o);return(a,c)=>e.unref(r)?(e.openBlock(),e.createBlock(M,{key:0,class:e.normalizeClass(["onyx-icon-button-skeleton",e.unref(t)])},null,8,["class"])):(e.openBlock(),e.createElementBlock("button",{key:1,class:e.normalizeClass(["onyx-component onyx-icon-button",[`onyx-icon-button--${o.color}`,{"onyx-icon-button--loading":o.loading},e.unref(t)]]),"aria-label":o.label,title:o.label,type:o.type,disabled:e.unref(l)||o.loading,autofocus:o.autofocus},[o.loading?(e.openBlock(),e.createBlock(F,{key:0,type:"circle"})):o.icon?(e.openBlock(),e.createBlock(k,{key:1,icon:o.icon},null,8,["icon"])):e.renderSlot(a.$slots,"default",{key:2})],10,xl))}}),qe='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m15.983 8.095-6.22 6.22-2.468-2.47-1.061 1.062 3.53 3.525 7.28-7.28z"/></svg>',ve='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m17.03 8.03-1.06-1.06L12 10.94 8.03 6.97 6.97 8.03 10.94 12l-3.97 3.97 1.06 1.06L12 13.06l3.97 3.97 1.06-1.06L13.06 12z"/></svg>',kl={class:"onyx-input__wrapper"},bl=["id","placeholder","type","required","autocapitalize","autocomplete","autofocus","name","pattern","readonly","disabled","minlength","maxlength","aria-label","title"],Bl=["aria-label","title"],Cl=e.defineComponent({__name:"OnyxInput",props:e.mergeModels({disabled:{default:O},showError:{default:O},density:{},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},id:{},name:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},error:{},message:{},success:{},maxlength:{},withCounter:{type:Boolean},autofocus:{type:Boolean},modelValue:{},type:{default:"text"},placeholder:{},autocapitalize:{default:"sentences"},autocomplete:{},pattern:{},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},hideSuccessIcon:{type:Boolean,default:!1},hideClearIcon:{type:Boolean,default:!1},minlength:{},skeleton:{type:[Symbol,Boolean,Number],default:L}},{modelValue:{default:""},modelModifiers:{}}),emits:e.mergeModels(["update:modelValue","validityChange"],["update:modelValue"]),setup(n,{emit:o}){const t=n,l=o,{t:r}=E(),{vCustomValidity:a,errorMessages:c}=G({props:t,emit:l}),s=e.computed(()=>H(t.success)),u=e.computed(()=>H(t.message)),{densityClass:i}=C(t),d=e.useModel(n,"modelValue"),p=e.computed(()=>t.pattern instanceof RegExp?t.pattern.source:t.pattern),{disabled:m,showError:f}=P(t),y=z(t),h=te(f);return(v,g)=>e.unref(y)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-component","onyx-input-skeleton",e.unref(i)])},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(M,{key:0,class:"onyx-input-skeleton__label"})),e.createVNode(M,{class:"onyx-input-skeleton__input"})],2)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-component","onyx-input",e.unref(i),e.unref(h)])},[e.createVNode(oe,e.mergeProps(t,{"error-messages":e.unref(c),"success-messages":s.value,message:u.value}),{default:e.withCtx(({id:x})=>[e.createElementVNode("div",kl,[t.loading?(e.openBlock(),e.createBlock(F,{key:0,class:"onyx-input__loading",type:"circle"})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{id:x,"onUpdate:modelValue":g[0]||(g[0]=w=>d.value=w),placeholder:t.placeholder,class:"onyx-input__native",type:t.type,required:t.required,autocapitalize:t.autocapitalize,autocomplete:t.autocomplete,autofocus:t.autofocus,name:t.name,pattern:p.value,readonly:t.readonly,disabled:e.unref(m)||t.loading,minlength:t.minlength,maxlength:t.maxlength,"aria-label":t.hideLabel?t.label:void 0,title:t.hideLabel?t.label:void 0},null,8,bl),[[e.vModelDynamic,d.value],[e.unref(a)]]),!t.hideClearIcon&&d.value!==""?(e.openBlock(),e.createElementBlock("button",{key:1,type:"button",class:"onyx-input__clear","aria-label":e.unref(r)("input.clear"),title:e.unref(r)("input.clear"),onClick:g[1]||(g[1]=()=>d.value="")},[e.createVNode(k,{icon:e.unref(ve)},null,8,["icon"])],8,Bl)):e.createCommentVNode("",!0),!t.hideSuccessIcon&&s.value?(e.openBlock(),e.createBlock(k,{key:2,class:"onyx-input__check-icon",icon:e.unref(qe),color:"success"},null,8,["icon"])):e.createCommentVNode("",!0)])]),_:1},16,["error-messages","success-messages","message"])],2))}}),wl=["email","password","search","tel","text","url"],Vl=["none","sentences","words","characters"],El=["href","target","rel"],Sl=e.defineComponent({__name:"OnyxLink",props:{href:{},withExternalIcon:{type:[Boolean,String],default:"auto"},target:{default:"_self"}},setup(n){const o=n,{t}=E();return(l,r)=>(e.openBlock(),e.createElementBlock("a",{class:"onyx-component onyx-link",href:o.href,target:o.target,rel:o.target==="_blank"?"noreferrer":void 0},[e.renderSlot(l.$slots,"default"),o.target==="_blank"?(e.openBlock(),e.createBlock(J,{key:0},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(t)("link.opensExternally")),1)]),_:1})):e.createCommentVNode("",!0),e.createVNode(he,e.normalizeProps(e.guardReactiveProps(o)),null,16)],8,El))}}),Nl=["_self","_blank","_parent","_top"],Ml='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m21.53 20.47-5.977-5.977a7.512 7.512 0 1 0-1.06 1.06l5.977 5.977zM3.75 9.75a6 6 0 1 1 6 6 6.007 6.007 0 0 1-6-6"/></svg>',$t=()=>{const n=e.useAttrs(),o=e.computed(()=>({class:n.class,style:n.style})),t=e.computed(()=>{const l={...n};return delete l.class,delete l.style,l});return{rootAttrs:o,restAttrs:t}},$l=["placeholder","aria-label"],Tl=["aria-label"],Tt=e.defineComponent({inheritAttrs:!1,__name:"OnyxMiniSearch",props:{density:{},label:{},modelValue:{}},emits:["update:modelValue","clear"],setup(n,{expose:o,emit:t}){const l=n,r=t,{rootAttrs:a,restAttrs:c}=$t(),{densityClass:s}=C(l),{t:u}=E(),i=e.ref(),d=e.computed({get:()=>l.modelValue,set:m=>r("update:modelValue",m??"")}),p=e.computed(()=>u.value("select.searchPlaceholder"));return o({focus:()=>{var m;return(m=i.value)==null?void 0:m.focus()}}),(m,f)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:["onyx-component","onyx-mini-search",e.unref(s)]},e.unref(a),{style:{"--onyx-placeholder-character-count":p.value.length}}),[e.withDirectives(e.createElementVNode("input",e.mergeProps({ref_key:"input",ref:i,"onUpdate:modelValue":f[0]||(f[0]=y=>d.value=y),class:"onyx-mini-search__input onyx-text",placeholder:p.value,type:"text",size:"1"},e.unref(c),{"aria-label":l.label}),null,16,$l),[[e.vModelText,d.value]]),e.createElementVNode("button",{type:"button",class:"onyx-mini-search__clear","aria-label":e.unref(u)("select.clearSearch"),tabindex:"-1",onMousedown:f[1]||(f[1]=e.withModifiers(()=>{},["prevent"])),onClick:f[2]||(f[2]=y=>r("clear"))},[e.createVNode(k,{icon:e.unref(ve)},null,8,["icon"])],40,Tl),e.createVNode(k,{class:"onyx-mini-search__icon",icon:e.unref(Ml)},null,8,["icon"])],16))}}),Ol='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m20.78 4.28-1.06-1.06L12 10.94 4.28 3.22 3.22 4.28 10.94 12l-7.72 7.72 1.06 1.06L12 13.06l7.72 7.72 1.06-1.06L13.06 12z"/></svg>',Il={class:"onyx-component onyx-mobile-nav-button"},Ll=["aria-label"],Dl={class:"onyx-mobile-nav-button__flyout"},Al={class:"onyx-mobile-nav-button__menu"},Ie=e.defineComponent({__name:"OnyxMobileNavButton",props:{label:{},icon:{},open:{type:Boolean,default:!1},headline:{}},emits:["update:open"],setup(n,{emit:o}){const t=n,l=o;return(r,a)=>(e.openBlock(),e.createElementBlock("div",Il,[e.createElementVNode("button",{type:"button",class:e.normalizeClass(["onyx-mobile-nav-button__trigger",{"onyx-mobile-nav-button__trigger--active":t.open}]),"aria-label":t.label,onClick:a[0]||(a[0]=c=>l("update:open",!t.open))},[e.createVNode(k,{icon:t.open?e.unref(Ol):t.icon},null,8,["icon"])],10,Ll),t.open?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",Dl,[e.createElementVNode("div",Al,[t.headline?(e.openBlock(),e.createBlock(Y,{key:0,is:"h2",class:"onyx-mobile-nav-button__headline"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.headline),1)]),_:1})):e.createCommentVNode("",!0),e.renderSlot(r.$slots,"default")])]),e.createElementVNode("div",{class:"onyx-mobile-nav-button__backdrop",role:"presentation",onClick:a[1]||(a[1]=c=>l("update:open",!1))})],64)):e.createCommentVNode("",!0)]))}}),de=(n,o)=>{const t="content-box",l=e.ref(0),r=e.ref(0),a=c=>{const s=c[0].contentBoxSize;l.value=s.reduce((u,{inlineSize:i})=>u+i,0),r.value=s.reduce((u,{blockSize:i})=>u+i,0)};return e.onMounted(()=>{const c=new ResizeObserver(a);if(!n){c.observe(document.documentElement,{box:t});return}e.watch(n,(s,u)=>{const i=Le(s),d=Le(u);d&&(c==null||c.unobserve(d)),i?c==null||c.observe(i,{box:t}):(l.value=0,r.value=0)},{immediate:!0}),e.onBeforeUnmount(()=>c.disconnect())}),{width:l,height:r}},Le=n=>n instanceof Element?n:n==null?void 0:n.$el,zl=n=>{const o=e.ref([]),t=e.ref([]),{width:l}=de(n.parentRef),{width:r}=de(n.moreIndicatorRef),a=e.reactive(new Map);return e.onMounted(()=>{e.watchEffect(()=>{let c=l.value;if(c<=0)return;const s=nt(n.parentRef.value),u=nt(n.listRef.value);r.value>0&&(c-=r.value+s),o.value=[],t.value=[],Array.from(a.entries()).forEach(([i,d],p)=>{c-=d+(p>0?u:0),c>=0||p===a.size-1&&c+r.value>=0?o.value.push(i):t.value.push(i)})})}),{visibleElements:o,hiddenElements:t,componentMap:a}},nt=n=>{const o=Le(n);return o&&Number.parseFloat(getComputedStyle(o).columnGap)||0},Pl=n=>{const o=e.useId(),t=e.ref(),l=e.inject(n,void 0),{width:r}=de(t);e.watch(r,c=>{const s=l==null?void 0:l.componentMap;!s||s.has(o)&&c===0||s.set(o,c)},{immediate:!0}),e.onBeforeUnmount(()=>l==null?void 0:l.componentMap.delete(o));const a=e.computed(()=>(l==null?void 0:l.visibleElements.value.includes(o))??!0);return{componentRef:t,isVisible:a}},Rl=e.defineComponent({__name:"OnyxMoreList",props:{injectionKey:{}},emits:["visibilityChange"],setup(n,{emit:o}){const t=n,l=o,r=e.ref(),a=e.ref(),c=e.ref(),s=zl({parentRef:r,listRef:a,moreIndicatorRef:c});return e.provide(t.injectionKey,s),e.watch([()=>s.visibleElements.value.length,()=>s.hiddenElements.value.length],([u,i])=>{l("visibilityChange",{visibleElements:u,hiddenElements:i})}),(u,i)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"parentRef",ref:r,class:"onyx-component onyx-more-list"},[e.renderSlot(u.$slots,"default",{attributes:{ref:d=>a.value=d,class:"onyx-more-list__elements"}}),e.unref(s).hiddenElements.value.length>0?e.renderSlot(u.$slots,"more",{key:0,attributes:{ref:d=>c.value=d,class:"onyx-more-list__indicator"},hiddenElements:e.unref(s).hiddenElements.value.length,visibleElements:e.unref(s).visibleElements.value.length}):e.createCommentVNode("",!0)],512))}}),Hl=["aria-label"],Fl=["src","alt"],Ul={key:1,class:"onyx-text-small onyx-truncation-ellipsis"},Ot=e.defineComponent({__name:"OnyxNavAppArea",props:{logoUrl:{},appName:{},label:{}},setup(n){const o=n,{t}=E(),l=e.computed(()=>o.label??t.value("navigation.goToHome"));return(r,a)=>(e.openBlock(),e.createElementBlock("button",{type:"button",class:"onyx-component onyx-nav-app-area","aria-label":l.value},[e.renderSlot(r.$slots,"default",{},()=>[o.logoUrl?(e.openBlock(),e.createElementBlock("img",{key:0,src:o.logoUrl,alt:e.unref(t)("navigation.appLogo",{appName:o.appName}),class:"onyx-nav-app-area__logo",width:"24",height:"24"},null,8,Fl)):e.createCommentVNode("",!0),o.appName?(e.openBlock(),e.createElementBlock("span",Ul,e.toDisplayString(o.appName),1)):e.createCommentVNode("",!0)])],8,Hl))}}),ql=`<svg width="166" height="104" viewBox="0 0 166 104" fill="none" xmlns="http://www.w3.org/2000/svg">
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),at={"2xs":320,xs:576,sm:768,md:992,lg:1440,xl:1920},to={key:0,class:"onyx-app__nav"},oo={class:"onyx-app__page"},no={key:1,class:"onyx-app__page-overlay"},lo={key:2,class:"onyx-app__app-overlay"},ao=e.defineComponent({__name:"OnyxAppLayout",props:{navBarAlignment:{default:"top"}},setup(n){const o=n,t=e.useSlots();return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-component onyx-app",{"onyx-app--horizontal":o.navBarAlignment==="left"}])},[t.navBar?(e.openBlock(),e.createElementBlock("div",to,[e.renderSlot(l.$slots,"navBar")])):e.createCommentVNode("",!0),e.createElementVNode("div",oo,[e.renderSlot(l.$slots,"default")]),t.pageOverlay?(e.openBlock(),e.createElementBlock("div",no,[e.renderSlot(l.$slots,"pageOverlay")])):e.createCommentVNode("",!0),t.appOverlay?(e.openBlock(),e.createElementBlock("div",lo,[e.renderSlot(l.$slots,"appOverlay")])):e.createCommentVNode("",!0)],2))}}),ro=["title"],so=["src","alt"],co={key:1,class:"onyx-avatar__initials"},Ve=e.defineComponent({__name:"OnyxAvatar",props:{size:{default:"48px"},label:{},src:{}},setup(n){const o=n,t=e.useSlots(),l=e.computed(()=>{const a=o.label.split(" ");return(a.length>1?`${a[0].charAt(0)}${a[1].charAt(0)}`:a[0].substring(0,2)).toUpperCase()}),r=e.ref(!1);return e.watch(()=>o.src,()=>r.value=!1),(a,c)=>(e.openBlock(),e.createElementBlock("figure",{class:e.normalizeClass(["onyx-component onyx-avatar",[`onyx-avatar--${o.size}`,t.default?"onyx-avatar--custom":""]]),title:o.label},[o.src&&!r.value?(e.openBlock(),e.createElementBlock("img",{key:0,class:"onyx-avatar__svg",src:o.src,alt:o.label,onError:c[0]||(c[0]=s=>r.value=!0)},null,40,so)):(e.openBlock(),e.createElementBlock("div",co,[e.renderSlot(a.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(l.value),1)])]))],10,ro))}}),io={class:"onyx-component onyx-avatar-stack"},uo=e.defineComponent({__name:"OnyxAvatarStack",setup(n){return(o,t)=>(e.openBlock(),e.createElementBlock("div",io,[e.renderSlot(o.$slots,"default")]))}}),po=["compact","default","cozy"],C=n=>({densityClass:e.computed(()=>({[`onyx-density-${n.density}`]:!!n.density}))}),mo=["innerHTML"],k=e.defineComponent({__name:"OnyxIcon",props:{size:{},icon:{},color:{}},setup(n){const o=n;return(t,l)=>(e.openBlock(),e.createElementBlock("figure",{class:e.normalizeClass({"onyx-component":!0,"onyx-icon":!0,[`onyx-icon--${o.size}`]:o.size,[`onyx-icon--${o.color}`]:o.color}),"aria-hidden":"true",innerHTML:o.icon},null,10,mo))}}),rt=e.defineComponent({__name:"OnyxBadge",props:{density:{},color:{default:"primary"},icon:{},dot:{type:Boolean,default:!1}},setup(n){const o=n,{densityClass:t}=C(o);return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-component onyx-badge",["onyx-truncation-ellipsis","onyx-text",`onyx-badge--${o.color}`,o.dot?"onyx-badge--dot":"",e.unref(t)]])},[o.dot?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o.icon?(e.openBlock(),e.createBlock(k,{key:0,class:"onyx-badge__icon",icon:o.icon},null,8,["icon"])):e.renderSlot(l.$slots,"default",{key:1})],64))],2))}}),st=Symbol(),L=Symbol("SKELETON_INJECTED_SYMBOL"),ct=n=>o=>e.computed(()=>typeof o.skeleton!="symbol"?o.skeleton:o.skeleton===L&&(n==null?void 0:n.skeleton)===!0?3:!1),ze=n=>e.provide(st,ct(n)),fo=ct(),z=n=>e.inject(st,fo)(n),it=Symbol(),O=Symbol("FORM_INJECTED_SYMBOL"),We=(n,o,t,l)=>e.computed(()=>{const r=o.value[t];return r!=null&&typeof r!="symbol"?r:r===O?(n==null?void 0:n.value[t])??l:l}),ut=n=>o=>({disabled:We(n,o,"disabled",!1),showError:We(n,o,"showError","touched")}),yo=n=>e.provide(it,ut(n&&e.toRef(n))),ho=ut(),P=n=>e.inject(it,ho)(e.toRef(n)),Pe=(n,o)=>{const t=n.__vccOpts||n;for(const[l,r]of o)t[l]=r;return t},vo={},_o={class:"onyx-component onyx-circle-spinner",viewBox:"0 0 50 50"};function go(n,o){return e.openBlock(),e.createElementBlock("svg",_o,o[0]||(o[0]=[e.createElementVNode("circle",{class:"onyx-circle-spinner__circle",cx:"50%",cy:"50%",r:"45%"},null,-1)]))}const xo=Pe(vo,[["render",go]]),ko={},bo={class:"onyx-component onyx-loading-dots"};function Bo(n,o){return e.openBlock(),e.createElementBlock("div",bo,o[0]||(o[0]=[e.createElementVNode("span",{class:"onyx-loading-dots__center"},null,-1)]))}const Co=Pe(ko,[["render",Bo]]),F=e.defineComponent({__name:"OnyxLoadingIndicator",props:{type:{default:"dots"}},setup(n){const o=n;return(t,l)=>o.type==="circle"?(e.openBlock(),e.createBlock(xo,{key:0})):o.type==="dots"?(e.openBlock(),e.createBlock(Co,{key:1})):e.createCommentVNode("",!0)}}),wo=n=>{const o=e.ref(!1),t=e.reactive(new Map),l=s=>{var d;const u=(d=n.value)==null?void 0:d.getBoundingClientRect();if(!u)return;o.value=!0;const i={id:Date.now().toString(),left:`${s.x-u.left}px`,top:`${s.y-u.top}px`,animationEnded:!1};return t.set(i.id,i),i.id},r=s=>{const u=s.dataset.rippleid;u!=null&&(t.has(u)&&(t.get(u).animationEnded=!0),o.value||t.delete(u))},a=()=>{o.value=!1,t.forEach((s,u)=>{s.animationEnded&&t.delete(u)})},c=e.ref({});return e.onBeforeMount(()=>{var s;(s=window.matchMedia)!=null&&s.call(window,"pointer: none").matches?c.value={touchstart:l,touchend:a,touchcancel:a}:c.value={mousedown:l,mouseleave:a,mouseup:a}}),{isPointerDown:o,ripples:t,startRipple:l,hideRipples:a,hideRipple:r,events:c}},Vo=["data-rippleid"],Eo=e.defineComponent({__name:"OnyxRipple",setup(n,{expose:o}){const t=e.ref(),{ripples:l,hideRipple:r,events:a}=wo(t);return o({events:a}),(c,s)=>(e.openBlock(),e.createElementBlock("span",{ref_key:"rippleTrigger",ref:t,class:"onyx-component onyx-ripple","aria-hidden":"true"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(l),([u,i])=>(e.openBlock(),e.createElementBlock("span",{key:u,class:"onyx-ripple__element",style:e.normalizeStyle({"--onyx-ripple-left":i.left,"--onyx-ripple-top":i.top}),"data-rippleid":u,onAnimationend:s[0]||(s[0]=d=>e.unref(r)(d.target))},null,44,Vo))),128))],512))}}),So={},No={"aria-hidden":"true",class:"onyx-component onyx-skeleton"};function Mo(n,o){return e.openBlock(),e.createElementBlock("figure",No)}const M=Pe(So,[["render",Mo]]),$o=["disabled","type","aria-label","autofocus"],To={class:"onyx-button__label onyx-truncation-ellipsis"},ie=e.defineComponent({__name:"OnyxButton",props:{density:{},autofocus:{type:Boolean},label:{},disabled:{default:O},loading:{type:Boolean,default:!1},type:{default:"button"},color:{default:"primary"},mode:{default:"default"},icon:{},skeleton:{type:[Symbol,Boolean,Number],default:L}},setup(n){const o=n,{densityClass:t}=C(o),{disabled:l}=P(o),r=z(o),a=e.ref(),c=e.computed(()=>{var s;return((s=a.value)==null?void 0:s.events)??{}});return(s,u)=>e.unref(r)?(e.openBlock(),e.createBlock(M,{key:0,class:e.normalizeClass(["onyx-button-skeleton",e.unref(t)])},null,8,["class"])):(e.openBlock(),e.createElementBlock("button",e.mergeProps({key:1,class:["onyx-component","onyx-button",`onyx-button--${o.color}`,`onyx-button--${o.mode}`,{"onyx-button--loading":o.loading},e.unref(t)],disabled:e.unref(l)||o.loading,type:o.type,"aria-label":o.loading?o.label:void 0,autofocus:o.autofocus},e.toHandlers(c.value,!0)),[!e.unref(l)&&!o.loading?(e.openBlock(),e.createBlock(Eo,{key:0,ref_key:"rippleRef",ref:a},null,512)):e.createCommentVNode("",!0),o.icon&&!o.loading?(e.openBlock(),e.createBlock(k,{key:1,class:"onyx-button__icon",icon:o.icon},null,8,["icon"])):e.createCommentVNode("",!0),o.loading?(e.openBlock(),e.createBlock(F,{key:2,class:"onyx-button__loading"})):e.createCommentVNode("",!0),e.createElementVNode("span",To,e.toDisplayString(o.label),1)],16,$o))}}),Oo=["button","submit","reset"],Io=["primary","neutral","danger"],Lo=["default","outline","plain"],pe=n=>({requiredTypeClass:e.computed(()=>({[`onyx-use-${n.requiredMarker}`]:n.requiredMarker})),requiredMarkerClass:e.computed(()=>({"onyx-required-marker":n.required,"onyx-optional-marker":!n.required}))}),Do="(optional)",Ao="Cancel",zo="Apply",Po="Back",Ro="Close",Ho={head:{sortingAction:{asc:"Sort the table ascending by the {field} column.",desc:"Sort the table descending by the {field} column.",none:"Reset sorting."}}},Fo={tooShort:{preview:"Too short, minimum {minLength} characters required",fullError:"Make the input at least {minLength} characters long. It is currently {n} characters long. Special characters might use more than one character."},tooLong:{preview:"Too long, maximum {maxLength} characters allowed",fullError:"Shorten the input to {maxLength} characters or less. It is currently {n} characters long. Special characters might use more than one character."},rangeUnderflow:{preview:"Too low",fullError:"Input value must be greater than or equal to {min}."},rangeOverflow:{preview:"Too high",fullError:"Input value must be less than or equal to {max}."},patternMismatch:{preview:"Invalid format",fullError:"Please match the format requested."},valueMissing:{preview:"Required",fullError:"The field is empty, it is mandatory and must be filled in."},stepMismatch:{preview:"Invalid number",fullError:"Please enter a valid number, that is a multiple of {step}."},badInput:{preview:"Invalid input",fullError:'"{value}" does not match the expected type.'},typeMismatch:{generic:{preview:"Invalid input type",fullError:'"{value}" does not match the expected type.'},email:{preview:"Invalid mail",fullError:'"{value}" is not a valid email address. It should be similar to "johndoe@example.com" (Must contain one @ symbol and a period).'},number:{preview:"Invalid number",fullError:'"{value}" is not a valid number. Make sure it contains only digits, and optionally a single decimal point.'},tel:{preview:"Invalid phone number",fullError:'"{value}" is not a valid phone number.'},url:{preview:"Invalid URL",fullError:'"{value}" is not a valid URL. A URL usually points to a website and should be similar to "https://www.example.com".'}}},Uo={toggleDropDown:"Toggle selection popover",empty:"No data available",noMatch:"No item matches your search",searchInputLabel:"Filter the list items",clearSearch:"Clear search filter",searchPlaceholder:"Search"},qo={selectAll:"Select all",currentSelection:"{n} selected"},Go={decrement:"Decrement by {stepSize}",increment:"Increment by {stepSize}"},Ko={empty:"This table is empty."},Zo={opensExternally:"Opens in a new tab."},jo="Subpages of {label}",Yo={appLogo:"App logo of {appName}",goToHome:"Go to home page",goBack:"Go back",userMenuLabel:"User options",toggleBurgerMenu:"Toggle burger menu",toggleContextMenu:"Toggle context menu",navigationHeadline:"Navigation",moreActionsFlyout:'Choose an action for the column "{column}"',moreActionsTrigger:"Toggle column actions"},Jo={neutral:"Toggle info tooltip",danger:"Toggle error tooltip",success:"Toggle success tooltip"},Wo={headline:"Change appearance",subtitle:"Select the appearance of the application:",appearance:"Appearance",auto:{label:"Auto",description:"The application automatically adapts its appearance to your system settings."},light:{label:"Light",description:"Light mode provides optimal contrast for bright environments."},dark:{label:"Dark",description:"This color mode is optimized for darker environments."}},Xo={label:"Pagination",ofPages:"of 1 page | of {n} pages",previous:"previous page",next:"next page",select:{label:"Page selection",listLabel:"Available pages"}},Qo={clear:"Clear input"},Ee={optional:Do,cancel:Ao,apply:zo,back:Po,close:Ro,dataGrid:Ho,validations:Fo,select:Uo,selections:qo,stepper:Go,table:Ko,link:Zo,navItemOptionsLabel:jo,navigation:Yo,tooltip:Jo,colorScheme:Wo,pagination:Xo,input:Qo},dt=Symbol(),pt=(n={})=>{const o=e.computed(()=>e.unref(n==null?void 0:n.locale)??"en-US");if(n.t)return{t:n.t,locale:o};const t=e.computed(()=>n!=null&&n.messages&&o.value in n.messages?n.messages[o.value]:Ee),l=e.computed(()=>(r,a={})=>{let c=Xe(r,t.value)??Xe(r,Ee)??"";return c=en(c,a.n),tn(c,a)});return{locale:o,t:l}},mt=(n,o)=>{const t=pt(o);return n.provide(dt,t),t},E=()=>e.inject(dt,()=>pt(),!0),Xe=(n,o)=>{const t=n.split(".").reduce((l,r)=>!l||typeof l=="string"?l:l[r],o);return t&&typeof t=="string"?t:void 0},en=(n,o)=>{const t=n.split(" | ").map(r=>r.trim());if(t.length<=1)return n;let l=1;return o===0&&(l=0),o&&(o<=0||o>1)&&(l=2),t.length===2?l===1?t[0]:t[1]:t[l]},tn=(n,o)=>o?Object.entries(o).reduce((l,[r,a])=>a===void 0?l:l.replace(new RegExp(`{${r}}`,"gi"),a.toString()),n).replace(/\s?{.*}\s?/gi,""):n,Se=n=>n instanceof Date&&!isNaN(n),on=(n,o)=>{const t=Object.entries(n).filter(([r,a])=>a!==void 0),l=Object.entries(o).filter(([r,a])=>a!==void 0);return t.length!==l.length?!1:t.every(([r,a])=>a===o[r])},nn=(n,o)=>n.reduce((t,l)=>{const r=l[o]??"";return t[r]=t[r]||[],t[r].push(l),t},{}),ft=()=>Object.entries(Object.getOwnPropertyDescriptors(ValidityState.prototype)).filter(([n,o])=>o.enumerable).map(([n])=>n),ln=n=>ft().reduce((o,t)=>(o[t]=n[t],o),{}),an=n=>{if(n.valueMissing)return"valueMissing";const o=ft().filter(t=>t!=="valid").sort();for(const t of o)if(t in n&&n[t])return t},rn=Object.keys(Ee.validations.typeMismatch),H=n=>{if(n)return typeof n=="string"?{shortMessage:n,longMessage:n,hidden:!1}:n},yt=n=>{if(!n)return;if(typeof n=="string")return n;if(n.shortMessage===n.longMessage)return n.shortMessage;const{shortMessage:o,longMessage:t}=n;return`${o}: ${t}`},G=n=>{const{t:o,locale:t}=E(),l=e.ref(),r=e.ref(!1);e.watch(()=>n.props.modelValue,()=>r.value=!0,{once:!0});const a={mounted:s=>{e.watchEffect(()=>s.setCustomValidity(yt(n.props.customError)??"")),e.watch([()=>n.props],()=>{const u=ln(s.validity);!l.value&&u.valid||l.value&&on(u,l.value)||(l.value=u)},{immediate:!0,deep:!0}),e.watch([()=>n.props.customError,l,r],()=>{!r.value||!l.value||n.emit("validityChange",l.value)},{immediate:!0})}},c=e.computed(()=>{var d,p,m;if(!l.value||l.value.valid)return;const s=an(l.value),u=H(n.props.customError);if(u||s==="customError")return u||void 0;if(!s)return;if(s==="typeMismatch"){const f=rn.includes(n.props.type)?n.props.type:"generic";return{longMessage:o.value(`validations.typeMismatch.${f}.fullError`,{value:(d=n.props.modelValue)==null?void 0:d.toString()}),shortMessage:o.value(`validations.typeMismatch.${f}.preview`)}}const i={value:(p=n.props.modelValue)==null?void 0:p.toString(),n:((m=n.props.modelValue)==null?void 0:m.toString().length)??0,minLength:n.props.minlength,maxLength:n.props.maxlength,min:Qe(t.value,n.props.type,n.props.min),max:Qe(t.value,n.props.type,n.props.max),step:n.props.precision};return{longMessage:o.value(`validations.${s}.fullError`,i),shortMessage:o.value(`validations.${s}.preview`)}});return{vCustomValidity:a,errorMessages:c}},Qe=(n,o,t)=>{if(!o||!["date","datetime-local"].includes(o))return t==null?void 0:t.toString();const l=t!=null?new Date(t):void 0;if(!Se(l))return t==null?void 0:t.toString();const r={day:"2-digit",month:"2-digit",year:"numeric",...o==="datetime-local"?{hour:"2-digit",minute:"2-digit"}:void 0};return l.toLocaleString(n,r)},K=n=>n;function Ne(){const n=e.shallowRef();return e.computed({set:o=>{n.value=o!=null&&"$el"in o?o.$el:o},get:()=>n.value})}const sn=(n,o)=>Object.entries(n).every(([t,l])=>o[t]===l),cn=(n,o)=>typeof o=="string"?n.key===o:sn({altKey:!1,ctrlKey:!1,metaKey:!1,shiftKey:!1,...o},n),Me=n=>!dn.has(n),un=["Unidentified","Alt","AltGraph","CapsLock","Control","Fn","FnLock","Meta","NumLock","ScrollLock","Shift","Symbol","SymbolLock","Hyper","Super","Enter","Tab","ArrowDown","ArrowLeft","ArrowRight","ArrowUp","End","Home","PageDown","PageUp","Backspace","Clear","Copy","CrSel","Cut","Delete","EraseEof","ExSel","Insert","Paste","Redo","Undo","Accept","Again","Attn","Cancel","ContextMenu","Escape","Execute","Find","Help","Pause","Play","Props","Select","ZoomIn","ZoomOut","BrightnessDown","BrightnessUp","Eject","LogOff","Power","PowerOff","PrintScreen","Hibernate","Standby","WakeUp","AllCandidates","Alphanumeric","CodeInput","Compose","Convert","Dead","FinalMode","GroupFirst","GroupLast","GroupNext","GroupPrevious","ModeChange","NextCandidate","NonConvert","PreviousCandidate","Process","SingleCandidate","HangulMode","HanjaMode","JunjaMode","Eisu","Hankaku","Hiragana","HiraganaKatakana","KanaMode","KanjiMode","Katakana","Romaji","Zenkaku","ZenkakuHankaku","F1","F2","F3","F4","F5","F6","F7","F8","F9","F10","F11","F12","Soft1","Soft2","Soft3","Soft4","ChannelDown","ChannelUp","Close","MailForward","MailReply","MailSend","MediaClose","MediaFastForward","MediaPause","MediaPlay","MediaPlayPause","MediaRecord","MediaRewind","MediaStop","MediaTrackNext","MediaTrackPrevious","New","Open","Print","Save","SpellCheck","Key11","Key12","AudioBalanceLeft","AudioBalanceRight","AudioBassBoostDown","AudioBassBoostToggle","AudioBassBoostUp","AudioFaderFront","AudioFaderRear","AudioSurroundModeNext","AudioTrebleDown","AudioTrebleUp","AudioVolumeDown","AudioVolumeUp","AudioVolumeMute","MicrophoneToggle","MicrophoneVolumeDown","MicrophoneVolumeUp","MicrophoneVolumeMute","SpeechCorrectionList","SpeechInputToggle","LaunchApplication1","LaunchApplication2","LaunchCalendar","LaunchContacts","LaunchMail","LaunchMediaPlayer","LaunchMusicPlayer","LaunchPhone","LaunchScreenSaver","LaunchSpreadsheet","LaunchWebBrowser","LaunchWebCam","LaunchWordProcessor","BrowserBack","BrowserFavorites","BrowserForward","BrowserHome","BrowserRefresh","BrowserSearch","BrowserStop","AppSwitch","Call","Camera","CameraFocus","EndCall","GoBack","GoHome","HeadsetHook","LastNumberRedial","Notification","MannerMode","VoiceDial","TV","TV3DMode","TVAntennaCable","TVAudioDescription","TVAudioDescriptionMixDown","TVAudioDescriptionMixUp","TVContentsMenu","TVDataService","TVInput","TVInputComponent1","TVInputComponent2","TVInputComposite1","TVInputComposite2","TVInputHDMI1","TVInputHDMI2","TVInputHDMI3","TVInputHDMI4","TVInputVGA1","TVMediaContext","TVNetwork","TVNumberEntry","TVPower","TVRadioService","TVSatellite","TVSatelliteBS","TVSatelliteCS","TVSatelliteToggle","TVTerrestrialAnalog","TVTerrestrialDigital","TVTimer","AVRInput","AVRPower","ColorF0Red","ColorF1Green","ColorF2Yellow","ColorF3Blue","ColorF4Grey","ColorF5Brown","ClosedCaptionToggle","Dimmer","DisplaySwap","DVR","Exit","FavoriteClear0","FavoriteClear1","FavoriteClear2","FavoriteClear3","FavoriteRecall0","FavoriteRecall1","FavoriteRecall2","FavoriteRecall3","FavoriteStore0","FavoriteStore1","FavoriteStore2","FavoriteStore3","Guide","GuideNextDay","GuidePreviousDay","Info","InstantReplay","Link","ListProgram","LiveContent","Lock","MediaApps","MediaAudioTrack","MediaLast","MediaSkipBackward","MediaSkipForward","MediaStepBackward","MediaStepForward","MediaTopMenu","NavigateIn","NavigateNext","NavigateOut","NavigatePrevious","NextFavoriteChannel","NextUserProfile","OnDemand","Pairing","PinPDown","PinPMove","PinPToggle","PinPUp","PlaySpeedDown","PlaySpeedReset","PlaySpeedUp","RandomToggle","RcLowBattery","RecordSpeedNext","RfBypass","ScanChannelsToggle","ScreenModeNext","Settings","SplitScreenToggle","STBInput","STBPower","Subtitle","Teletext","VideoModeNext","Wink","ZoomToggle","AudioVolumeDown","AudioVolumeUp","AudioVolumeMute","BrowserBack","BrowserForward","ChannelDown","ChannelUp","ContextMenu","Eject","End","Enter","Home","MediaFastForward","MediaPlay","MediaPlayPause","MediaRecord","MediaRewind","MediaStop","MediaNextTrack","MediaPause","MediaPreviousTrack","Power","Unidentified"],dn=new Set(un),j=e.reactive(new Map),pn=(n,o)=>{if(o!=null&&o.size){j.set(n,o);return}j.delete(n),document.removeEventListener(n,ht)},et=(n,o)=>{const t=j.get(n);t==null||t.delete(o),pn(n,t)},mn=(n,o)=>{const t=j.get(n)??new Set;t.add(o),j.set(n,t),document.addEventListener(n,ht)},ht=n=>{var t;const o=n.type;(t=j.get(o))==null||t.forEach(l=>l(n))},me=({type:n,listener:o,disabled:t})=>{e.onBeforeMount(()=>e.watchEffect(()=>t!=null&&t.value?et(n,o):mn(n,o))),e.onBeforeUnmount(()=>et(n,o))},vt=({inside:n,onOutsideClick:o,disabled:t})=>{me({type:"click",listener:r=>{const a=e.toValue(n);!(Array.isArray(a)?a:[a]).some(u=>u==null?void 0:u.contains(r.target))&&o(r)},disabled:t})},_t=(n,o)=>{let t;const l=(...r)=>{clearTimeout(t),t=setTimeout(()=>n(...r),e.toValue(o))};return l.abort=()=>clearTimeout(t),l},gt=(n,o=500)=>{let t="";const l=_t(()=>t="",o);return r=>{Me(r.key)&&(l(),t=`${t}${r.key}`,n(t))}},fn=K(n=>{const o=e.computed(()=>e.unref(n.multiple)??!1),t=e.computed(()=>e.unref(n.isExpanded)??!1),l=new Map,r=i=>(l.has(i)||l.set(i,e.useId()),l.get(i)),a=e.ref(!1);e.watchEffect(async()=>{if(!t.value||n.activeOption.value==null||!a.value&&!n.controlled)return;const i=r(n.activeOption.value);await e.nextTick(()=>{var d;(d=document.getElementById(i))==null||d.scrollIntoView({block:"end",inline:"nearest"})})});const c=gt(i=>{var d;return(d=n.onTypeAhead)==null?void 0:d.call(n,i)}),s=i=>{var d,p,m,f,y,h,v;switch(i.key){case" ":i.preventDefault(),n.activeOption.value!=null&&((d=n.onSelect)==null||d.call(n,n.activeOption.value));break;case"ArrowUp":if(i.preventDefault(),n.activeOption.value==null){(p=n.onActivateLast)==null||p.call(n);return}(m=n.onActivatePrevious)==null||m.call(n,n.activeOption.value);break;case"ArrowDown":if(i.preventDefault(),n.activeOption.value==null){(f=n.onActivateFirst)==null||f.call(n);return}(y=n.onActivateNext)==null||y.call(n,n.activeOption.value);break;case"Home":i.preventDefault(),(h=n.onActivateFirst)==null||h.call(n);break;case"End":i.preventDefault(),(v=n.onActivateLast)==null||v.call(n);break;default:c(i)}};return{elements:{listbox:e.computed(()=>n.controlled?{role:"listbox","aria-multiselectable":o.value,"aria-label":e.unref(n.label),"aria-description":n.description,tabindex:"-1"}:{role:"listbox","aria-multiselectable":o.value,"aria-label":e.unref(n.label),"aria-description":n.description,tabindex:"0","aria-activedescendant":n.activeOption.value!=null?r(n.activeOption.value):void 0,onFocus:()=>a.value=!0,onBlur:()=>a.value=!1,onKeydown:s}),group:e.computed(()=>i=>({role:"group","aria-label":i.label})),option:e.computed(()=>i=>{const d=i.selected??!1;return{id:r(i.value),role:"option","aria-label":i.label,"aria-disabled":i.disabled,"aria-checked":o.value?d:void 0,"aria-selected":o.value?void 0:d,onClick:()=>{var p;return!i.disabled&&((p=n.onSelect)==null?void 0:p.call(n,i.value))}}})},state:{isFocused:a},internals:{getOptionId:r}}}),xt=["ArrowDown","ArrowUp"," ","Enter","Home","End"],kt=["Escape",{key:"ArrowUp",altKey:!0},"Enter","Tab"],tt=["Enter"],yn=(n,o)=>{const t=o?[...tt," "]:tt;return $e(n,t)},$e=(n,o)=>o.some(t=>cn(n,t)),hn=K(({autocomplete:n,onAutocomplete:o,onTypeAhead:t,multiple:l,label:r,listLabel:a,listDescription:c,isExpanded:s,activeOption:u,onToggle:i,onSelect:d,onActivateFirst:p,onActivateLast:m,onActivateNext:f,onActivatePrevious:y,templateRef:h})=>{const v=e.useId(),g=e.computed(()=>e.unref(n)),x=e.computed(()=>e.unref(s)),w=e.computed(()=>e.unref(l)),S=b=>{const ge=b.target;g.value!=="none"&&(o==null||o(ge.value))},$=gt(b=>t==null?void 0:t(b)),q=b=>{d==null||d(b),e.unref(w)||i==null||i()},I=b=>{switch(b.key){case"ArrowUp":if(b.preventDefault(),u.value==null)return m==null?void 0:m();y==null||y(u.value);break;case"ArrowDown":if(b.preventDefault(),u.value==null)return p==null?void 0:p();f==null||f(u.value);break;case"Home":b.preventDefault(),p==null||p();break;case"End":b.preventDefault(),m==null||m();break}},B=b=>{if(b.key==="Enter"&&b.preventDefault(),!x.value&&$e(b,xt))return i==null||i(),b.key===" "&&b.preventDefault(),b.key==="End"?m==null?void 0:m():p==null?void 0:p();if(yn(b,g.value==="none"))return q(u.value);if(x.value&&$e(b,kt))return i==null?void 0:i();if(g.value==="none"&&Me(b.key))return!x.value&&(i==null||i()),$(b);if(g.value!=="none"&&Me(b.key)){!x.value&&(i==null||i());return}return I(b)},N=e.computed(()=>g.value==="none"?null:{"aria-autocomplete":g.value,type:"text"}),{elements:{option:D,group:W,listbox:X},internals:{getOptionId:_e}}=fn({label:a,description:c,multiple:w,controlled:!0,activeOption:u,isExpanded:x,onSelect:q});return vt({inside:h,onOutsideClick(){x.value&&(i==null||i(!0))}}),{elements:{option:D,group:W,listbox:e.computed(()=>({...X.value,id:v,onMousedown:b=>b.preventDefault()})),input:e.computed(()=>({role:"combobox","aria-expanded":x.value,"aria-controls":v,"aria-label":e.unref(r),"aria-activedescendant":u.value!=null?_e(u.value):void 0,onInput:S,onKeydown:B,...N.value})),button:e.computed(()=>({tabindex:"-1",onClick:()=>i==null?void 0:i()}))}}}),vn=K(n=>{const o=e.useId(),t=e.useId(),l=Ne(),r=e.useId();me({type:"keydown",listener:i=>i.key==="Escape"&&c(!1),disabled:e.computed(()=>!n.isExpanded.value)});const a=_t(()=>n.onToggle(),200);e.watch(n.isExpanded,()=>a.abort());const c=(i,d=!1)=>{if(i===n.isExpanded.value){a.abort();return}if(d){a();return}n.onToggle()},s=i=>{const d=document.activeElement,p=(d==null?void 0:d.closest('[role="menu"]'))||l.value;if(!p)return;const m=[...p.querySelectorAll('[role="menuitem"]')];let f=0;if(d){const h=m.indexOf(d);switch(i){case"next":f=h+1;break;case"prev":f=h-1;break;case"first":f=0;break;case"last":f=m.length-1;break}}const y=m[f];y==null||y.focus()};return{elements:{root:{id:o,onKeydown:i=>{switch(i.key){case"ArrowDown":case"ArrowRight":i.preventDefault(),s("next");break;case"ArrowUp":case"ArrowLeft":i.preventDefault(),s("prev");break;case"Home":i.preventDefault(),s("first");break;case"End":i.preventDefault(),s("last");break;case" ":i.preventDefault(),i.target.click();break;case"Escape":i.preventDefault(),c(!1);break}},onMouseenter:()=>c(!0),onMouseleave:()=>c(!1,!0),onFocusout:i=>{var d;o&&((d=document.getElementById(o))!=null&&d.contains(i.relatedTarget))||c(!1)}},button:e.computed(()=>({"aria-controls":t,"aria-expanded":n.isExpanded.value,"aria-haspopup":!0,onFocus:()=>c(!0),id:r})),menu:{id:t,ref:l,role:"menu","aria-labelledby":r,onClick:()=>c(!1)},...bt().elements}}}),bt=K(()=>({elements:{listItem:{role:"none"},menuItem:n=>({"aria-current":n.active?"page":void 0,"aria-disabled":n.disabled,role:"menuitem"})}})),_n={clamp:(n,o,t)=>Math.max(Math.min(n,t),o)},gn=K(({navigationName:n})=>{const o=e.useId(),t=()=>{const r=o?document.getElementById(o):void 0;return r?[...r.querySelectorAll("button[aria-expanded][aria-controls]")]:[]},l=(r,a)=>{const c=t(),s=c.indexOf(r);if(s===-1)return;const u=_n.clamp(s+(a==="next"?1:-1),0,c.length-1);c[u].focus()};return{elements:{nav:{"aria-label":e.unref(n),id:o,onKeydown:r=>{switch(r.key){case"ArrowRight":l(r.target,"next");break;case"ArrowLeft":l(r.target,"previous");break}}}}}}),xn=K(n=>{const o=new Map,t=r=>(o.has(r)||o.set(r,{tabId:e.useId(),panelId:e.useId()}),o.get(r)),l=r=>{var m,f;const a=r.target,c=Array.from(((m=a.parentElement)==null?void 0:m.querySelectorAll('[role="tab"]'))??[]).filter(y=>y.ariaDisabled!=="true"),s=c.indexOf(a),u=y=>{y instanceof HTMLElement&&y.focus()},i=()=>u(c.at(0)),d=()=>u(c.at(-1)),p=y=>{if(s===-1)return;const h=y==="next"?s+1:s-1;return h<0?d():h>=c.length?i():u(c.at(h))};switch(r.key){case"ArrowRight":p("next");break;case"ArrowLeft":p("previous");break;case"Home":i();break;case"End":d();break;case"Enter":case" ":{const y=Array.from(o.entries()).find(([,{tabId:h}])=>h===a.id);y&&((f=n.onSelect)==null||f.call(n,y[0]))}break}};return{elements:{tablist:e.computed(()=>({role:"tablist","aria-label":e.unref(n.label),onKeydown:l})),tab:e.computed(()=>r=>{const{tabId:a}=t(e.unref(n.selectedTab)),{tabId:c,panelId:s}=t(r.value),u=c===a;return{id:c,role:"tab","aria-selected":u,"aria-controls":s,"aria-disabled":r.disabled?!0:void 0,onClick:()=>{var i;return(i=n.onSelect)==null?void 0:i.call(n,r.value)},tabindex:u&&!r.disabled?0:-1}}),tabpanel:e.computed(()=>r=>{const{tabId:a,panelId:c}=t(r.value);return{id:c,role:"tabpanel","aria-labelledby":a}})}}}),Bt=({isExpanded:n})=>me({type:"keydown",listener:o=>{o.key==="Escape"&&(n.value=!1)},disabled:e.computed(()=>!n.value)}),kn=K(({toggleLabel:n,isVisible:o})=>{const t=Ne(),l=Ne(),r=e.toRef(o??!1);vt({inside:e.computed(()=>[t.value,l.value]),onOutsideClick:()=>r.value=!1,disabled:e.computed(()=>!r.value)}),Bt({isExpanded:r});const a=()=>r.value=!r.value;return{elements:{trigger:e.computed(()=>({ref:t,onClick:a,"aria-label":e.toValue(n)})),tooltip:{ref:l,role:"status",tabindex:"-1"}},state:{isVisible:r}}}),bn=K(({debounce:n,isVisible:o})=>{const t=e.useId(),l=e.toRef(o??!1);let r;const a=e.computed({get:()=>l.value,set:s=>{clearTimeout(r),r=setTimeout(()=>{l.value=s},e.toValue(n))}}),c={onMouseover:()=>a.value=!0,onMouseout:()=>a.value=!1,onFocusin:()=>l.value=!0,onFocusout:()=>l.value=!1};return Bt({isExpanded:l}),{elements:{trigger:{"aria-describedby":t,...c},tooltip:{role:"tooltip",id:t,tabindex:"-1",...c}},state:{isVisible:l}}}),Ct=(n,o="bottom")=>{const t=e.ref(o);return{openDirection:t,updateOpenDirection:()=>{var p,m,f;const r=e.unref(n);if(!r){t.value=o;return}const a=(p=Re(r))==null?void 0:p.getBoundingClientRect(),c=r.getBoundingClientRect(),s=(a==null?void 0:a.top)??((m=window.visualViewport)==null?void 0:m.pageTop)??0,i=((a==null?void 0:a.bottom)??((f=window.visualViewport)==null?void 0:f.height)??0)-c.bottom,d=c.top-s;t.value=d>i?"top":"bottom"}}},Re=n=>n?getComputedStyle(n).overflow.includes("hidden")?n:n.parentElement?Re(n.parentElement):void 0:void 0,Bn=(n,o)=>{const l=e.ref("center");return{wedgePosition:l,updateWedgePosition:()=>{var g,x,w,S;const a=e.unref(n),c=e.unref(o);if(!a||!c){l.value="center";return}const s=(g=Re(a))==null?void 0:g.getBoundingClientRect(),u=a.getBoundingClientRect(),i=c.getBoundingClientRect();if(i.width<u.width){l.value="center";return}const d=(i.width-u.width+16*2)/2,p=(s==null?void 0:s.left)??((x=window.visualViewport)==null?void 0:x.pageLeft)??0,m=(s==null?void 0:s.right)??(((w=window.visualViewport)==null?void 0:w.width)??window.innerWidth)+(((S=window.visualViewport)==null?void 0:S.offsetLeft)??0),f=u.left-p,y=m-u.right,h=f>=d,v=y>=d;l.value=h===v?"center":f>y?"right":"left"}}},Q=e.defineComponent({__name:"OnyxTooltip",props:{density:{},text:{},icon:{},color:{default:"neutral"},position:{default:"auto"},alignment:{default:"auto"},fitParent:{type:Boolean,default:!1},open:{type:[String,Boolean,Object],default:"hover"}},setup(n){const o=n,{densityClass:t}=C(o),{t:l}=E(),r=e.ref(!1),a=e.computed({set:$=>r.value=$,get:()=>typeof o.open=="boolean"?o.open:r.value}),c=e.computed(()=>({debounce:200,...typeof o.open=="object"&&o.open.type==="hover"&&o.open||{},isVisible:a})),s=e.computed(()=>({toggleLabel:l.value(`tooltip.${o.color}`),...typeof o.open=="object"&&o.open.type==="click"&&o.open||{},isVisible:a})),u=e.computed(()=>typeof o.open=="object"?o.open.type:typeof o.open=="string"?o.open:"hover"),i=e.computed(()=>({"onyx-tooltip--danger":o.color==="danger","onyx-tooltip--success":o.color==="success","onyx-tooltip--fit-parent":o.fitParent,"onyx-tooltip--hidden":!a.value,[`onyx-tooltip--${v.value}`]:o.position==="auto",[`onyx-tooltip--${o.position}`]:o.position!=="auto",[`onyx-tooltip--${x.value}`]:o.alignment==="auto",[`onyx-tooltip--${o.alignment}`]:o.alignment!=="auto"})),d=()=>u.value==="hover"?bn(c.value):kn(s.value),p=e.shallowRef(d());e.watch(u,()=>p.value=d());const m=e.computed(()=>{var $;return($=p.value)==null?void 0:$.elements.tooltip}),f=e.computed(()=>{var $;return e.toValue(($=p.value)==null?void 0:$.elements.trigger)}),y=e.ref(),h=e.ref(),{openDirection:v,updateOpenDirection:g}=Ct(y,"top"),{wedgePosition:x,updateWedgePosition:w}=Bn(y,h),S=()=>{g(),w()};return me({type:"resize",listener:()=>S()}),e.onMounted(()=>S()),e.watch(a,async()=>{await e.nextTick(),g(),w()}),($,q)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"tooltipWrapperRef",ref:y,class:e.normalizeClass(["onyx-component","onyx-tooltip-wrapper",e.unref(t)])},[e.createElementVNode("div",e.mergeProps({ref_key:"tooltipRef",ref:h},m.value,{class:["onyx-tooltip","onyx-text--small","onyx-truncation-multiline",i.value]}),[o.icon?(e.openBlock(),e.createBlock(k,{key:0,icon:o.icon,size:"16px"},null,8,["icon"])):e.createCommentVNode("",!0),e.renderSlot($.$slots,"tooltip",{},()=>[e.createTextVNode(e.toDisplayString(o.text),1)])],16),e.renderSlot($.$slots,"default",{trigger:f.value})],2))}}),Cn={class:"onyx-component"},He=e.defineComponent({__name:"OnyxErrorTooltip",props:{errorMessages:{},disabled:{type:Boolean}},setup(n){const o=n,t=e.computed(()=>yt(o.errorMessages)),l=e.ref();return(r,a)=>(e.openBlock(),e.createElementBlock("div",Cn,[!t.value||o.disabled?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"targetRef",ref:l},null,512)):e.createCommentVNode("",!0),t.value&&!o.disabled?(e.openBlock(),e.createBlock(Q,{key:1,class:"onyx-error-tooltip",open:"hover",text:t.value,color:"danger"},{default:e.withCtx(({trigger:c})=>[e.createElementVNode("div",e.mergeProps({ref_key:"targetRef",ref:l},c),null,16)]),_:1},8,["text"])):e.createCommentVNode("",!0),l.value?(e.openBlock(),e.createBlock(e.Teleport,{key:2,to:l.value,defer:""},[e.renderSlot(r.$slots,"default")],8,["to"])):e.createCommentVNode("",!0)]))}}),wn=["title"],Vn={class:"onyx-checkbox__container"},En=["aria-label","indeterminate","disabled","required","value","autofocus"],ce=e.defineComponent({__name:"OnyxCheckbox",props:{density:{},value:{},label:{},hideLabel:{type:Boolean},disabled:{default:O},loading:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:L},truncation:{default:"ellipsis"},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},autofocus:{type:Boolean},modelValue:{type:Boolean,default:!1},indeterminate:{type:Boolean,default:!1}},emits:["update:modelValue","validityChange"],setup(n,{emit:o}){const t=n,l=o,r=e.computed({get:()=>t.modelValue,set:f=>l("update:modelValue",f)}),{requiredMarkerClass:a,requiredTypeClass:c}=pe(t),{densityClass:s}=C(t),{vCustomValidity:u,errorMessages:i}=G({props:t,emit:l}),{disabled:d}=P(t),p=z(t),m=e.computed(()=>t.hideLabel?t.label:void 0);return(f,y)=>e.unref(p)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-component","onyx-checkbox-skeleton",e.unref(s)])},[e.createVNode(M,{class:"onyx-checkbox-skeleton__input"}),t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(M,{key:0,class:"onyx-checkbox-skeleton__label"}))],2)):(e.openBlock(),e.createBlock(He,{key:1,disabled:e.unref(d),"error-messages":e.unref(i)},{default:e.withCtx(()=>[e.createElementVNode("label",{class:e.normalizeClass(["onyx-component onyx-checkbox",[e.unref(c),e.unref(s)]]),title:m.value},[e.createElementVNode("div",Vn,[t.loading?(e.openBlock(),e.createBlock(F,{key:0,class:"onyx-checkbox__loading",type:"circle"})):e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:1,"onUpdate:modelValue":y[0]||(y[0]=h=>r.value=h),"aria-label":t.hideLabel?t.label:void 0,class:"onyx-checkbox__input",type:"checkbox",indeterminate:t.indeterminate,disabled:e.unref(d),required:t.required,value:t.value,autofocus:t.autofocus},null,8,En)),[[e.vModelCheckbox,r.value],[e.unref(u)]])]),t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("p",{class:e.normalizeClass(["onyx-checkbox__label",[`onyx-truncation-${t.truncation}`,t.truncation==="multiline"?e.unref(a):void 0]])},e.toDisplayString(t.label),3),t.truncation==="ellipsis"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-checkbox__marker",[e.unref(a)]])},null,2)):e.createCommentVNode("",!0)],64))],10,wn)]),_:1},8,["disabled","error-messages"]))}}),Sn=(n,o)=>e.computed(()=>{const t=o.value.filter(r=>n.value.includes(r)),l=t.length===n.value.length;return{modelValue:l,indeterminate:!l&&n.value.length&&t.length?!0:void 0}}),wt=(n,o,t)=>({state:Sn(n,o),handleChange:l=>{const r=o.value.filter(c=>!n.value.includes(c)),a=l?r.concat(n.value):r;t(a)}}),Y=e.defineComponent({__name:"OnyxHeadline",props:{is:{}},setup(n){const o=n;return(t,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.is),{class:e.normalizeClass(["onyx-component","onyx-headline",`onyx-headline--${o.is}`])},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["class"]))}}),Te='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11.25 6h1.5v1.5h-1.5zm1.5 3.75h-1.5V18h1.5z"/><path fill-rule="evenodd" d="M12 1.5a10.5 10.5 0 1 0 0 21 10.5 10.5 0 0 0 0-21M12 21a9 9 0 1 1 9-9 9.01 9.01 0 0 1-9 9" clip-rule="evenodd"/></svg>',J=e.defineComponent({__name:"OnyxVisuallyHidden",props:{is:{default:"span"}},setup(n){const o=n;return(t,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.is),{class:"onyx-component onyx-visually-hidden"},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3}))}}),Nn={class:"onyx-component onyx-info-tooltip"},ee=e.defineComponent({__name:"OnyxInfoTooltip",props:{text:{},position:{},open:{type:[String,Boolean,Object],default:"click"},color:{default:"neutral"}},setup(n){const o=n,t=e.computed(()=>typeof o.open=="object"?o.open.type:typeof o.open=="string"?o.open:"click");return(l,r)=>(e.openBlock(),e.createElementBlock("span",Nn,[t.value==="click"?(e.openBlock(),e.createBlock(Q,{key:0,text:o.text,open:o.open,color:o.color,position:o.position},{default:e.withCtx(({trigger:a})=>[e.createElementVNode("button",e.mergeProps({type:"button",class:"onyx-info-tooltip__trigger"},a),[e.createVNode(k,{icon:e.unref(Te)},null,8,["icon"])],16)]),_:1},8,["text","open","color","position"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createVNode(Q,{"aria-hidden":"true",text:o.text,open:o.open,color:o.color,position:o.position},{default:e.withCtx(({trigger:a})=>[e.createElementVNode("span",e.mergeProps({class:"onyx-info-tooltip__trigger"},a),[e.createVNode(k,{icon:e.unref(Te)},null,8,["icon"])],16)]),_:1},8,["text","open","color","position"]),e.createVNode(J,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.text),1)]),_:1})],64))]))}}),Mn=["disabled","aria-label"],$n={key:0,class:"onyx-checkbox-group__label"},Tn=e.defineComponent({__name:"OnyxCheckboxGroup",props:{density:{},truncation:{default:"ellipsis"},label:{},labelTooltip:{},hideLabel:{type:Boolean},options:{},modelValue:{default:()=>[]},direction:{default:"vertical"},withCheckAll:{type:[Boolean,Object],default:!1},disabled:{default:O},skeleton:{type:[Symbol,Boolean,Number],default:L}},emits:["update:modelValue"],setup(n,{emit:o}){const t=n,{densityClass:l}=C(t),r=o,{t:a}=E(),c=(m,f)=>{const y=f?[...t.modelValue,m]:t.modelValue.filter(h=>h!==m);r("update:modelValue",y)},s=e.computed(()=>t.options.filter(m=>!m.disabled&&!m.skeleton).map(({value:m})=>m)),{disabled:u}=P(t),i=z(t),d=wt(s,e.computed(()=>t.modelValue),m=>r("update:modelValue",m)),p=e.computed(()=>{var f;const m=a.value("selections.selectAll");return typeof t.withCheckAll=="boolean"?m:((f=t.withCheckAll)==null?void 0:f.label)??m});return(m,f)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(["onyx-component","onyx-checkbox-group",e.unref(l)]),disabled:e.unref(u),"aria-label":t.label},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("legend",$n,[e.createVNode(Y,{is:"h3"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.label),1)]),_:1}),t.labelTooltip?(e.openBlock(),e.createBlock(ee,{key:0,open:"hover",text:t.labelTooltip},null,8,["text"])):e.createCommentVNode("",!0)])),e.createElementVNode("div",{class:e.normalizeClass(["onyx-checkbox-group__content",{"onyx-checkbox-group__content--horizontal":t.direction==="horizontal","onyx-checkbox-group__content--vertical":t.direction==="vertical"}])},[e.unref(i)?typeof e.unref(i)=="number"?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(e.unref(i),y=>(e.openBlock(),e.createBlock(ce,{key:y,label:`Skeleton ${y}`,value:`skeleton-${y}`,skeleton:""},null,8,["label","value"]))),128)):e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.withCheckAll?(e.openBlock(),e.createBlock(ce,e.mergeProps({key:0},e.unref(d).state.value,{label:p.value,value:"all",class:"onyx-checkbox-group__option onyx-checkbox-group__check-all","onUpdate:modelValue":e.unref(d).handleChange}),null,16,["label","onUpdate:modelValue"])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,y=>(e.openBlock(),e.createBlock(ce,e.mergeProps({key:y.value.toString(),ref_for:!0},y,{truncation:y.truncation??t.truncation,"model-value":t.modelValue.includes(y.value),class:"onyx-checkbox-group__option","onUpdate:modelValue":h=>c(y.value,h)}),null,16,["truncation","model-value","onUpdate:modelValue"]))),128))],64))],2)],10,Mn))}}),On='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8.25 17.25h-4.5V6.008h4.5zm-3-1.5h1.5V7.508h-1.5zm14.273 1.958c.457-.668.727-1.47.727-2.333 0-.127-.008-.255-.023-.375V4.508h-4.5v6.765a4.3 4.3 0 0 0-1.5.442V8.258h-4.5v8.992h2.716a4.12 4.12 0 0 0 3.667 2.25c.863 0 1.672-.27 2.332-.727l2.76 2.76 1.058-1.058-2.76-2.76zm-.788-11.7v6.18a4.05 4.05 0 0 0-1.492-.773v-5.4h1.492zm-7.492 9.742V9.758h1.5v3.292a4.1 4.1 0 0 0-.735 2.325c0 .127.007.255.022.375zM16.124 18a2.63 2.63 0 0 1-2.625-2.625 2.63 2.63 0 0 1 2.625-2.625 2.63 2.63 0 0 1 2.625 2.625A2.63 2.63 0 0 1 16.125 18"/></svg>',Vt='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m12 10.94 3.61-3.612 1.062 1.06L13.06 12l3.612 3.61-1.062 1.062L12 13.06l-3.61 3.612-1.062-1.062L10.94 12 7.328 8.389l1.062-1.06z"/><path fill-rule="evenodd" d="M14.049 1.702a10.5 10.5 0 0 1 5.376 2.873 10.466 10.466 0 0 1 0 14.85 10.5 10.5 0 1 1-5.376-17.723m1.394 18.644a9 9 0 0 0 2.92-1.982A9.002 9.002 0 0 0 15.48 3.626a9 9 0 0 0-9.843 2.01 9 9 0 0 0 9.807 14.71" clip-rule="evenodd"/></svg>',In={class:"onyx-empty__label onyx-text onyx-truncation-multiline"},Fe=e.defineComponent({__name:"OnyxEmpty",props:{density:{}},setup(n){const o=n,{densityClass:t}=C(o);return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-component","onyx-empty",e.unref(t)])},[e.renderSlot(l.$slots,"icon",{},()=>[e.createVNode(k,{icon:e.unref(Vt),size:"48px"},null,8,["icon"])]),e.createElementVNode("div",In,[e.renderSlot(l.$slots,"default")])],2))}}),Ln={class:"onyx-table-wrapper onyx-component"},Dn=["tabindex"],An=["span"],zn={key:0,class:"onyx-table__header"},Pn={key:0},Rn=["colspan"],Hn={class:"onyx-table__empty"},Fn={colspan:"100%"},Un={class:"onyx-table__empty-content"},Et=e.defineComponent({__name:"OnyxTable",props:{density:{},striped:{type:Boolean,default:!1},withVerticalBorders:{type:Boolean,default:!1},withPageScrolling:{type:Boolean,default:!1},columnGroups:{}},setup(n){const o=n,t=e.useSlots(),{t:l}=E(),{densityClass:r}=C(o),a=e.computed(()=>l.value("table.empty"));return(c,s)=>{var u;return e.openBlock(),e.createElementBlock("div",Ln,[e.createElementVNode("div",{class:e.normalizeClass({"onyx-table-wrapper__scroll-container":!o.withPageScrolling}),tabindex:o.withPageScrolling?void 0:0},[e.createElementVNode("table",{class:e.normalizeClass(["onyx-table onyx-text",[o.striped?"onyx-table--striped":"",o.withVerticalBorders?"onyx-table--vertical-borders":"",e.unref(r)]])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.columnGroups,i=>(e.openBlock(),e.createElementBlock("colgroup",{key:i.key,span:i.span},null,8,An))),128)),t.head?(e.openBlock(),e.createElementBlock("thead",zn,[(u=o.columnGroups)!=null&&u.length?(e.openBlock(),e.createElementBlock("tr",Pn,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.columnGroups,i=>(e.openBlock(),e.createElementBlock("th",{key:i.key,colspan:i.span,scope:"colgroup",class:"onyx-table__colgroup"},e.toDisplayString(i.header),9,Rn))),128))])):e.createCommentVNode("",!0),e.renderSlot(c.$slots,"head")])):e.createCommentVNode("",!0),e.createElementVNode("tbody",null,[e.renderSlot(c.$slots,"default",{},()=>[e.createElementVNode("tr",Hn,[e.createElementVNode("td",Fn,[e.createElementVNode("div",Un,[e.renderSlot(c.$slots,"empty",{defaultMessage:a.value},()=>[e.createVNode(Fe,null,{icon:e.withCtx(()=>[e.createVNode(k,{icon:e.unref(On),size:"48px"},null,8,["icon"])]),default:e.withCtx(()=>[e.createTextVNode(" "+e.toDisplayString(a.value),1)]),_:1})])])])])])])],2)],10,Dn)])}}}),St=e.defineComponent({__name:"OnyxDataGridRenderer",props:{density:{},striped:{type:Boolean,default:!0},withVerticalBorders:{type:Boolean,default:!0},withPageScrolling:{type:Boolean},columnGroups:{},columns:{},rows:{}},setup(n){const o=n;return(t,l)=>(e.openBlock(),e.createBlock(Et,e.mergeProps({class:"onyx-data-grid"},o),{head:e.withCtx(()=>[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.columns,r=>(e.openBlock(),e.createElementBlock("th",e.mergeProps({key:r.key,ref_for:!0},r.thAttributes,{scope:"col"}),[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.component),e.mergeProps({ref_for:!0},r.props),null,16))],16))),128))])]),default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.rows,r=>(e.openBlock(),e.createElementBlock("tr",e.mergeProps({key:r.id,ref_for:!0},r.trAttributes),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.columns,a=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:a.key},[r.cells[a.key]?(e.openBlock(),e.createElementBlock("td",e.mergeProps({key:0,ref_for:!0},r.cells[a.key].tdAttributes),[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.cells[a.key].component),e.mergeProps({ref_for:!0},r.cells[a.key].props),null,16))],16)):e.createCommentVNode("",!0)],64))),128))],16))),128))]),_:1},16))}}),qn='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3.75 14.25a2.25 2.25 0 1 0 0-4.5 2.25 2.25 0 0 0 0 4.5m8.25 0a2.25 2.25 0 1 0 0-4.5 2.25 2.25 0 0 0 0 4.5M22.5 12a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0"/></svg>',fe=e.defineComponent({__name:"OnyxListItem",props:{density:{},selected:{type:Boolean,default:!1},checked:{type:Boolean,default:!1},active:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},color:{}},setup(n){const o=n,{densityClass:t}=C(o);return(l,r)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass({"onyx-component":!0,"onyx-list-item":!0,...e.unref(t),"onyx-list-item--active":o.active,[`onyx-list-item--${o.color}`]:o.color,"onyx-list-item--disabled":o.disabled,"onyx-list-item--selected":o.selected,"onyx-list-item--checked":o.checked})},[e.renderSlot(l.$slots,"default")],2))}}),Gn=n=>e.computed(n),Z=Symbol("MANAGED_SYMBOL"),ue=(n,o,t)=>{const l=e.computed(()=>n.value===Z),r=e.ref(e.toValue(l)?o:n.value);return{state:Gn({set:c=>{r.value=c,t(c)},get:()=>l.value?r.value:n.value}),isManaged:l}},Kn=["aria-label"],ye=e.defineComponent({__name:"OnyxFlyoutMenu",props:{open:{default:Z},label:{}},emits:["update:open"],setup(n,{emit:o}){const t=n,l=o,{state:r}=ue(e.toRef(()=>t.open),!1,i=>l("update:open",i)),a=e.useSlots(),{elements:{root:c,button:s,menu:u}}=vn({isExpanded:e.computed(()=>!!r.value),onToggle:()=>r.value=!r.value});return(i,d)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:"onyx-component onyx-flyout-menu"},e.unref(c)),[e.renderSlot(i.$slots,"button",{trigger:e.unref(s)}),a.options||a.header||a.footer?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,"aria-label":t.label,class:e.normalizeClass({"onyx-flyout-menu__list--with-header":!!a.header,"onyx-flyout-menu__list--with-footer":!!a.footer,"onyx-flyout-menu__list":!0})},[e.renderSlot(i.$slots,"header"),a.options?(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:0},e.unref(u),{class:"onyx-flyout-menu__wrapper onyx-flyout-menu__group"}),[e.renderSlot(i.$slots,"options")],16)):e.createCommentVNode("",!0),e.renderSlot(i.$slots,"footer")],10,Kn)),[[e.vShow,e.unref(r)]]):e.createCommentVNode("",!0)],16))}}),Zn=["aria-label","title","disabled","autofocus"],Ue=e.defineComponent({__name:"OnyxSystemButton",props:{disabled:{default:O},autofocus:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:L},label:{},icon:{},color:{default:"intense"}},setup(n){const o=n,{disabled:t}=P(o),l=z(o);return(r,a)=>e.unref(l)?(e.openBlock(),e.createBlock(M,{key:0,class:e.normalizeClass(["onyx-system-button-skeleton",o.icon?"":"onyx-system-button-skeleton--text"])},null,8,["class"])):(e.openBlock(),e.createElementBlock("button",{key:1,class:e.normalizeClass(["onyx-system-button","onyx-text--small",`onyx-system-button--${o.color}`]),"aria-label":o.label,title:o.label,type:"button",disabled:e.unref(t),autofocus:o.autofocus},[o.icon?(e.openBlock(),e.createBlock(k,{key:0,icon:o.icon},null,8,["icon"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(o.label),1)],64))],10,Zn))}}),jn={class:"onyx-component onyx-data-grid-header-cell"},Yn={class:"onyx-data-grid-header-cell__label"},Jn={key:0,class:"onyx-data-grid-header-cell__actions"},ot=e.defineComponent({__name:"HeaderCell",props:{label:{}},setup(n){const o=n,t=e.useSlots();return(l,r)=>(e.openBlock(),e.createElementBlock("div",jn,[e.createElementVNode("span",Yn,e.toDisplayString(o.label),1),t.actions?(e.openBlock(),e.createElementBlock("div",Jn,[e.renderSlot(l.$slots,"actions")])):e.createCommentVNode("",!0)]))}});const Wn=n=>{const o=r=>{const c=n.map(s=>s.header).filter(s=>!!s).map(s=>s.actions).filter(s=>!!s);return r.map(s=>{if(c.flatMap(d=>d(s)).length>1){const{t:d}=E(),p=c.flatMap(f=>f(s)).map(({listItems:f})=>f),m=e.h(ye,{label:d.value("navigation.moreActionsFlyout",{column:s})},{button:({trigger:f})=>e.h(Ue,{label:d.value("navigation.moreActionsTrigger"),color:"medium",icon:qn,...f}),options:()=>p});return{key:s,component:()=>e.h(ot,{label:String(s)},{actions:()=>m}),props:{}}}const i=c.flatMap(d=>d(s)).map(({iconComponent:d})=>d);return{key:s,component:()=>e.h(ot,{label:String(s)},{actions:()=>i}),props:{}}})},t=(r,a)=>{const c=n.map(u=>u.mutation).filter(u=>!!u),s=[...r];return c.forEach(({func:u})=>u(s)),s.map(u=>{const i=a.reduce((d,p)=>(d[p]={component:()=>u[p],props:{row:u}},d),{});return{id:u.id,cells:i}})},l=n.flatMap(r=>r.watch);return{createRendererRows:t,createRendererColumns:o,watchSources:l}},Xn=e.defineComponent({__name:"OnyxDataGrid",props:{features:{default:()=>[]},columns:{},data:{}},setup(n){const o=n,t=e.ref([]),l=e.ref([]),{columns:r,data:a,features:c}=e.toRefs(o),s=e.computed(()=>Wn(c.value));let u;const i=()=>{const{createRendererColumns:d,createRendererRows:p,watchSources:m}=s.value;return e.watch([r,a,...m],()=>{t.value=d(r.value),l.value=p(a.value,r.value)},{immediate:!0,deep:!0})};return e.watch(s,()=>{u==null||u(),u=i()},{immediate:!0}),(d,p)=>(e.openBlock(),e.createBlock(St,{columns:t.value,rows:l.value},null,8,["columns","rows"]))}}),Qn='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M16.905 12.653 12 17.558l-4.905-4.905 1.058-1.058 3.097 3.098V6h1.5v8.693l3.098-3.098z"/></svg>',el='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7.095 10.905 12 6l4.905 4.905-1.058 1.058-3.097-3.098v8.693h-1.5V8.865l-3.098 3.098z"/></svg>',tl='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m15.75 1.94 5.03 5.03-1.06 1.06-3.22-3.22v8.69H15V4.81l-3.22 3.22-1.06-1.06zM9 10.5v8.69l3.22-3.22 1.06 1.06-5.03 5.03-5.03-5.03 1.06-1.06 3.22 3.22V10.5z"/></svg>',ol=e.defineComponent({__name:"SortAction",props:{columnLabel:{},sortDirection:{}},setup(n){const o=n,{t}=E(),l=e.computed(()=>o.sortDirection==="asc"?el:o.sortDirection==="desc"?Qn:tl),r=e.computed(()=>{const a=Oe(o.sortDirection);return t.value(`dataGrid.head.sortingAction.${a}`,{field:o.columnLabel})});return(a,c)=>(e.openBlock(),e.createBlock(Ue,{label:r.value,icon:l.value,color:"medium"},null,8,["label","icon"]))}}),Oe=n=>{switch(n){case"asc":return"desc";case"desc":return"none";case"none":default:return"asc"}},nl=Symbol("Sorting"),ll=n=>{const o=e.toRef((n==null?void 0:n.sortState)??{column:void 0,direction:"none"}),t=e.computed(()=>u=>{var d;const i=e.toValue(n==null?void 0:n.columns);return((d=i==null?void 0:i[u])==null?void 0:d.sortFunc)??a.value}),l=e.computed(()=>u=>{var d;const i=e.toValue(n==null?void 0:n.columns);return!i||((d=i==null?void 0:i[u])==null?void 0:d.enabled)===!0}),{locale:r}=E(),a=e.computed(()=>(u,i)=>new Intl.Collator(r.value).compare(String(u),String(i))),c=u=>{const i=o.value.column===u?Oe(o.value.direction):Oe(),d=i!=="none"?u:void 0;o.value={direction:i,column:d}};return{name:nl,watch:[o,a],mutation:{func:u=>{const{column:i,direction:d}=o.value;if(!i||d==="none")return;const p=d==="asc"?1:-1,m=t.value(i);u.sort((f,y)=>m(f[i],y[i])*p)}},header:{actions:u=>l.value(u)===!0?[{iconComponent:e.h(ol,{columnLabel:String(u),sortDirection:o.value.column===u?o.value.direction:void 0,onClick:()=>c(u)})}]:[]}}},al=Object.freeze(Object.defineProperty({__proto__:null,useSorting:ll},Symbol.toStringTag,{value:"Module"})),te=n=>e.computed(()=>n.value===!0?"onyx-form-element--immediate-invalid":n.value===!1?"onyx-form-element--suppress-invalid":"onyx-form-element--touched-invalid"),rl={class:e.normalizeClass(["onyx-truncation-ellipsis"])},Be=e.defineComponent({__name:"FormMessage",props:{messages:{},type:{}},setup(n){const o=n;return(t,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.messages.hidden?J:"span"),{class:e.normalizeClass(["onyx-component","onyx-form-message",`onyx-form-message__${o.type}`])},{default:e.withCtx(()=>[e.createElementVNode("span",rl,e.toDisplayString(o.messages.shortMessage),1),o.messages.longMessage?(e.openBlock(),e.createBlock(ee,{key:0,class:"onyx-form-message__tooltip",position:"bottom",open:"hover",color:o.type,text:o.messages.longMessage},null,8,["color","text"])):e.createCommentVNode("",!0)]),_:1},8,["class"]))}}),sl={key:0,class:"onyx-form-element__label onyx-text--small"},cl=["for"],il={class:"onyx-form-element__footer onyx-text--small"},ul={class:"onyx-form-element__footer-messages"},dl={key:0,class:"onyx-form-element__counter"},oe=e.defineComponent({__name:"OnyxFormElement",props:{required:{type:Boolean,default:!1},requiredMarker:{},id:{default:()=>e.useId()},name:{},modelValue:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},maxlength:{},withCounter:{type:Boolean},errorMessages:{},message:{},successMessages:{}},setup(n){const o=n,{requiredMarkerClass:t,requiredTypeClass:l}=pe(o),r=e.computed(()=>{var a;if(o.withCounter&&o.maxlength)return`${(((a=o.modelValue)==null?void 0:a.toString())||"").length}/${o.maxlength}`});return(a,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-component","onyx-form-element",e.unref(l),a.successMessages?"onyx-form-element--success":void 0])},[o.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",sl,[e.createElementVNode("label",{for:o.id,class:"onyx-truncation-ellipsis"},e.toDisplayString(o.label),9,cl),o.required?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([o.required?e.unref(t):void 0])},null,2)):e.createCommentVNode("",!0),o.labelTooltip?(e.openBlock(),e.createBlock(ee,{key:1,class:"onyx-form-element__label-tooltip",open:"hover",text:o.labelTooltip},null,8,["text"])):e.createCommentVNode("",!0),o.required?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass([o.required?void 0:e.unref(t)])},null,2))])),e.renderSlot(a.$slots,"default",{id:o.id}),e.createElementVNode("div",il,[e.createElementVNode("span",ul,[o.errorMessages?(e.openBlock(),e.createBlock(Be,{key:0,class:"onyx-form-element__error-message",messages:o.errorMessages,type:"danger"},null,8,["messages"])):e.createCommentVNode("",!0),o.successMessages?(e.openBlock(),e.createBlock(Be,{key:1,class:"onyx-form-element__success-message",messages:o.successMessages,type:"success"},null,8,["messages"])):e.createCommentVNode("",!0),o.message?(e.openBlock(),e.createBlock(Be,{key:2,class:"onyx-form-element__message",messages:o.message,type:"neutral"},null,8,["messages"])):e.createCommentVNode("",!0)]),r.value?(e.openBlock(),e.createElementBlock("span",dl,e.toDisplayString(r.value),1)):e.createCommentVNode("",!0)])],2))}}),pl={class:"onyx-datepicker__wrapper"},ml=["id","type","required","autofocus","name","readonly","disabled","aria-label","title","min","max"],fl=e.defineComponent({__name:"OnyxDatePicker",props:{disabled:{default:O},showError:{default:O},density:{},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},id:{},name:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},error:{},message:{},success:{},autofocus:{type:Boolean},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},hideSuccessIcon:{type:Boolean},hideClearIcon:{type:Boolean},skeleton:{type:[Symbol,Boolean,Number],default:L},modelValue:{},type:{default:"date"},min:{},max:{}},emits:["update:modelValue","validityChange"],setup(n,{emit:o}){const t=n,l=o,{vCustomValidity:r,errorMessages:a}=G({props:t,emit:l}),c=e.computed(()=>H(t.success)),s=e.computed(()=>H(t.message)),{densityClass:u}=C(t),{disabled:i,showError:d}=P(t),p=z(t),m=te(d),f=e.computed(()=>h=>{const v=h!=null?new Date(h):void 0;if(!Se(v))return;const g=v.toISOString().split("T")[0];if(t.type==="date")return g;const x=v.getHours().toString().padStart(2,"0"),w=v.getMinutes().toString().padStart(2,"0");return`${g}T${x}:${w}`}),y=e.computed({get:()=>f.value(t.modelValue),set:h=>{const v=new Date(h??"");l("update:modelValue",Se(v)?v.toISOString():void 0)}});return(h,v)=>e.unref(p)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-component","onyx-datepicker-skeleton",e.unref(u)])},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(M,{key:0,class:"onyx-datepicker-skeleton__label"})),e.createVNode(M,{class:"onyx-datepicker-skeleton__input"})],2)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-component","onyx-datepicker",e.unref(u),e.unref(m)])},[e.createVNode(oe,e.mergeProps(t,{"error-messages":e.unref(a),"success-messages":c.value,message:s.value}),{default:e.withCtx(({id:g})=>[e.createElementVNode("div",pl,[t.loading?(e.openBlock(),e.createBlock(F,{key:0,class:"onyx-datepicker__loading",type:"circle"})):e.createCommentVNode("",!0),e.withDirectives((e.openBlock(),e.createElementBlock("input",{id:g,key:t.type,"onUpdate:modelValue":v[0]||(v[0]=x=>y.value=x),class:e.normalizeClass(["onyx-datepicker__native",{"onyx-datepicker__native--success":c.value}]),type:t.type,required:t.required,autofocus:t.autofocus,name:t.name,readonly:t.readonly,disabled:e.unref(i)||t.loading,"aria-label":t.hideLabel?t.label:void 0,title:t.hideLabel?t.label:void 0,min:f.value(t.min),max:f.value(t.max)},null,10,ml)),[[e.vModelDynamic,y.value],[e.unref(r)]])])]),_:1},16,["error-messages","success-messages","message"])],2))}}),yl=["aria-modal","aria-label","role"],Nt=e.defineComponent({__name:"OnyxDialog",props:{density:{},label:{},open:{type:Boolean,default:!1},modal:{type:Boolean,default:!1},alert:{type:Boolean,default:!1}},emits:["close"],setup(n,{emit:o}){const t=n,l=o,r=e.ref(),{densityClass:a}=C(t),c=()=>{var s,u;t.modal?(s=r.value)==null||s.showModal():(u=r.value)==null||u.show()};return e.watch([r,()=>t.open],()=>{var s;t.open?c():(s=r.value)==null||s.close()}),e.watch(()=>t.modal,()=>{var s;(s=r.value)!=null&&s.open&&(r.value.close(),c())}),(s,u)=>t.open?(e.openBlock(),e.createElementBlock("dialog",{key:0,ref_key:"dialogRef",ref:r,class:e.normalizeClass(["onyx-component","onyx-dialog",e.unref(a),"onyx-truncation-multiline"]),"aria-modal":t.modal,"aria-label":t.label,role:t.alert?"alertdialog":void 0,onCancel:u[0]||(u[0]=e.withModifiers(i=>l("close"),["prevent"]))},[e.renderSlot(s.$slots,"default")],42,yl)):e.createCommentVNode("",!0)}}),hl='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.15 7.913v1.5h4.377l-6.145 6.144 1.06 1.06 6.146-6.144v4.377h1.5V7.913z"/></svg>',vl=n=>/^http(s?):\/\//.test(n),he=e.defineComponent({__name:"OnyxExternalLinkIcon",props:{href:{},withExternalIcon:{type:[Boolean,String],default:"auto"}},setup(n){const o=n,t=e.computed(()=>{const l=o.withExternalIcon;return l!=="auto"?l:vl(o.href??"")});return(l,r)=>t.value?(e.openBlock(),e.createBlock(k,{key:0,class:"onyx-component onyx-external-link-icon",icon:e.unref(hl),size:"16px"},null,8,["icon"])):e.createCommentVNode("",!0)}}),_l=["h1","h2","h3","h4","h5","h6"],gl=["12px","16px","24px","32px","48px","64px","96px"],xl=["aria-label","title","type","disabled","autofocus"],Mt=e.defineComponent({__name:"OnyxIconButton",props:{density:{},autofocus:{type:Boolean},label:{},disabled:{default:O},type:{default:"button"},color:{default:"primary"},loading:{type:Boolean},icon:{},skeleton:{type:[Symbol,Boolean,Number],default:L}},setup(n){const o=n,{densityClass:t}=C(o),{disabled:l}=P(o),r=z(o);return(a,c)=>e.unref(r)?(e.openBlock(),e.createBlock(M,{key:0,class:e.normalizeClass(["onyx-icon-button-skeleton",e.unref(t)])},null,8,["class"])):(e.openBlock(),e.createElementBlock("button",{key:1,class:e.normalizeClass(["onyx-component onyx-icon-button",[`onyx-icon-button--${o.color}`,{"onyx-icon-button--loading":o.loading},e.unref(t)]]),"aria-label":o.label,title:o.label,type:o.type,disabled:e.unref(l)||o.loading,autofocus:o.autofocus},[o.loading?(e.openBlock(),e.createBlock(F,{key:0,type:"circle"})):o.icon?(e.openBlock(),e.createBlock(k,{key:1,icon:o.icon},null,8,["icon"])):e.renderSlot(a.$slots,"default",{key:2})],10,xl))}}),qe='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m15.983 8.095-6.22 6.22-2.468-2.47-1.061 1.062 3.53 3.525 7.28-7.28z"/></svg>',ve='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m17.03 8.03-1.06-1.06L12 10.94 8.03 6.97 6.97 8.03 10.94 12l-3.97 3.97 1.06 1.06L12 13.06l3.97 3.97 1.06-1.06L13.06 12z"/></svg>',kl={class:"onyx-input__wrapper"},bl=["id","placeholder","type","required","autocapitalize","autocomplete","autofocus","name","pattern","readonly","disabled","minlength","maxlength","aria-label","title"],Bl=["aria-label","title"],Cl=e.defineComponent({__name:"OnyxInput",props:e.mergeModels({disabled:{default:O},showError:{default:O},density:{},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},id:{},name:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},error:{},message:{},success:{},maxlength:{},withCounter:{type:Boolean},autofocus:{type:Boolean},modelValue:{},type:{default:"text"},placeholder:{},autocapitalize:{default:"sentences"},autocomplete:{},pattern:{},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},hideSuccessIcon:{type:Boolean,default:!1},hideClearIcon:{type:Boolean,default:!1},minlength:{},skeleton:{type:[Symbol,Boolean,Number],default:L}},{modelValue:{default:""},modelModifiers:{}}),emits:e.mergeModels(["update:modelValue","validityChange"],["update:modelValue"]),setup(n,{emit:o}){const t=n,l=o,{t:r}=E(),{vCustomValidity:a,errorMessages:c}=G({props:t,emit:l}),s=e.computed(()=>H(t.success)),u=e.computed(()=>H(t.message)),{densityClass:i}=C(t),d=e.useModel(n,"modelValue"),p=e.computed(()=>t.pattern instanceof RegExp?t.pattern.source:t.pattern),{disabled:m,showError:f}=P(t),y=z(t),h=te(f);return(v,g)=>e.unref(y)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-component","onyx-input-skeleton",e.unref(i)])},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(M,{key:0,class:"onyx-input-skeleton__label"})),e.createVNode(M,{class:"onyx-input-skeleton__input"})],2)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-component","onyx-input",e.unref(i),e.unref(h)])},[e.createVNode(oe,e.mergeProps(t,{"error-messages":e.unref(c),"success-messages":s.value,message:u.value}),{default:e.withCtx(({id:x})=>[e.createElementVNode("div",kl,[t.loading?(e.openBlock(),e.createBlock(F,{key:0,class:"onyx-input__loading",type:"circle"})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{id:x,"onUpdate:modelValue":g[0]||(g[0]=w=>d.value=w),placeholder:t.placeholder,class:"onyx-input__native",type:t.type,required:t.required,autocapitalize:t.autocapitalize,autocomplete:t.autocomplete,autofocus:t.autofocus,name:t.name,pattern:p.value,readonly:t.readonly,disabled:e.unref(m)||t.loading,minlength:t.minlength,maxlength:t.maxlength,"aria-label":t.hideLabel?t.label:void 0,title:t.hideLabel?t.label:void 0},null,8,bl),[[e.vModelDynamic,d.value],[e.unref(a)]]),!t.hideClearIcon&&d.value!==""?(e.openBlock(),e.createElementBlock("button",{key:1,type:"button",class:"onyx-input__clear","aria-label":e.unref(r)("input.clear"),title:e.unref(r)("input.clear"),tabindex:"-1",onClick:g[1]||(g[1]=()=>d.value="")},[e.createVNode(k,{icon:e.unref(ve)},null,8,["icon"])],8,Bl)):e.createCommentVNode("",!0),!t.hideSuccessIcon&&s.value?(e.openBlock(),e.createBlock(k,{key:2,class:"onyx-input__check-icon",icon:e.unref(qe),color:"success"},null,8,["icon"])):e.createCommentVNode("",!0)])]),_:1},16,["error-messages","success-messages","message"])],2))}}),wl=["email","password","search","tel","text","url"],Vl=["none","sentences","words","characters"],El=["href","target","rel"],Sl=e.defineComponent({__name:"OnyxLink",props:{href:{},withExternalIcon:{type:[Boolean,String],default:"auto"},target:{default:"_self"}},setup(n){const o=n,{t}=E();return(l,r)=>(e.openBlock(),e.createElementBlock("a",{class:"onyx-component onyx-link",href:o.href,target:o.target,rel:o.target==="_blank"?"noreferrer":void 0},[e.renderSlot(l.$slots,"default"),o.target==="_blank"?(e.openBlock(),e.createBlock(J,{key:0},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(t)("link.opensExternally")),1)]),_:1})):e.createCommentVNode("",!0),e.createVNode(he,e.normalizeProps(e.guardReactiveProps(o)),null,16)],8,El))}}),Nl=["_self","_blank","_parent","_top"],Ml='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m21.53 20.47-5.977-5.977a7.512 7.512 0 1 0-1.06 1.06l5.977 5.977zM3.75 9.75a6 6 0 1 1 6 6 6.007 6.007 0 0 1-6-6"/></svg>',$t=()=>{const n=e.useAttrs(),o=e.computed(()=>({class:n.class,style:n.style})),t=e.computed(()=>{const l={...n};return delete l.class,delete l.style,l});return{rootAttrs:o,restAttrs:t}},$l=["placeholder","aria-label"],Tl=["aria-label"],Tt=e.defineComponent({inheritAttrs:!1,__name:"OnyxMiniSearch",props:{density:{},label:{},modelValue:{}},emits:["update:modelValue","clear"],setup(n,{expose:o,emit:t}){const l=n,r=t,{rootAttrs:a,restAttrs:c}=$t(),{densityClass:s}=C(l),{t:u}=E(),i=e.ref(),d=e.computed({get:()=>l.modelValue,set:m=>r("update:modelValue",m??"")}),p=e.computed(()=>u.value("select.searchPlaceholder"));return o({focus:()=>{var m;return(m=i.value)==null?void 0:m.focus()}}),(m,f)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:["onyx-component","onyx-mini-search",e.unref(s)]},e.unref(a),{style:{"--onyx-placeholder-character-count":p.value.length}}),[e.withDirectives(e.createElementVNode("input",e.mergeProps({ref_key:"input",ref:i,"onUpdate:modelValue":f[0]||(f[0]=y=>d.value=y),class:"onyx-mini-search__input onyx-text",placeholder:p.value,type:"text",size:"1"},e.unref(c),{"aria-label":l.label}),null,16,$l),[[e.vModelText,d.value]]),e.createElementVNode("button",{type:"button",class:"onyx-mini-search__clear","aria-label":e.unref(u)("select.clearSearch"),tabindex:"-1",onMousedown:f[1]||(f[1]=e.withModifiers(()=>{},["prevent"])),onClick:f[2]||(f[2]=y=>r("clear"))},[e.createVNode(k,{icon:e.unref(ve)},null,8,["icon"])],40,Tl),e.createVNode(k,{class:"onyx-mini-search__icon",icon:e.unref(Ml)},null,8,["icon"])],16))}}),Ol='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m20.78 4.28-1.06-1.06L12 10.94 4.28 3.22 3.22 4.28 10.94 12l-7.72 7.72 1.06 1.06L12 13.06l7.72 7.72 1.06-1.06L13.06 12z"/></svg>',Il={class:"onyx-component onyx-mobile-nav-button"},Ll=["aria-label"],Dl={class:"onyx-mobile-nav-button__flyout"},Al={class:"onyx-mobile-nav-button__menu"},Ie=e.defineComponent({__name:"OnyxMobileNavButton",props:{label:{},icon:{},open:{type:Boolean,default:!1},headline:{}},emits:["update:open"],setup(n,{emit:o}){const t=n,l=o;return(r,a)=>(e.openBlock(),e.createElementBlock("div",Il,[e.createElementVNode("button",{type:"button",class:e.normalizeClass(["onyx-mobile-nav-button__trigger",{"onyx-mobile-nav-button__trigger--active":t.open}]),"aria-label":t.label,onClick:a[0]||(a[0]=c=>l("update:open",!t.open))},[e.createVNode(k,{icon:t.open?e.unref(Ol):t.icon},null,8,["icon"])],10,Ll),t.open?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",Dl,[e.createElementVNode("div",Al,[t.headline?(e.openBlock(),e.createBlock(Y,{key:0,is:"h2",class:"onyx-mobile-nav-button__headline"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.headline),1)]),_:1})):e.createCommentVNode("",!0),e.renderSlot(r.$slots,"default")])]),e.createElementVNode("div",{class:"onyx-mobile-nav-button__backdrop",role:"presentation",onClick:a[1]||(a[1]=c=>l("update:open",!1))})],64)):e.createCommentVNode("",!0)]))}}),de=(n,o)=>{const t="content-box",l=e.ref(0),r=e.ref(0),a=c=>{const s=c[0].contentBoxSize;l.value=s.reduce((u,{inlineSize:i})=>u+i,0),r.value=s.reduce((u,{blockSize:i})=>u+i,0)};return e.onMounted(()=>{const c=new ResizeObserver(a);if(!n){c.observe(document.documentElement,{box:t});return}e.watch(n,(s,u)=>{const i=Le(s),d=Le(u);d&&(c==null||c.unobserve(d)),i?c==null||c.observe(i,{box:t}):(l.value=0,r.value=0)},{immediate:!0}),e.onBeforeUnmount(()=>c.disconnect())}),{width:l,height:r}},Le=n=>n instanceof Element?n:n==null?void 0:n.$el,zl=n=>{const o=e.ref([]),t=e.ref([]),{width:l}=de(n.parentRef),{width:r}=de(n.moreIndicatorRef),a=e.reactive(new Map);return e.onMounted(()=>{e.watchEffect(()=>{let c=l.value;if(c<=0)return;const s=nt(n.parentRef.value),u=nt(n.listRef.value);r.value>0&&(c-=r.value+s),o.value=[],t.value=[],Array.from(a.entries()).forEach(([i,d],p)=>{c-=d+(p>0?u:0),c>=0||p===a.size-1&&c+r.value>=0?o.value.push(i):t.value.push(i)})})}),{visibleElements:o,hiddenElements:t,componentMap:a}},nt=n=>{const o=Le(n);return o&&Number.parseFloat(getComputedStyle(o).columnGap)||0},Pl=n=>{const o=e.useId(),t=e.ref(),l=e.inject(n,void 0),{width:r}=de(t);e.watch(r,c=>{const s=l==null?void 0:l.componentMap;!s||s.has(o)&&c===0||s.set(o,c)},{immediate:!0}),e.onBeforeUnmount(()=>l==null?void 0:l.componentMap.delete(o));const a=e.computed(()=>(l==null?void 0:l.visibleElements.value.includes(o))??!0);return{componentRef:t,isVisible:a}},Rl=e.defineComponent({__name:"OnyxMoreList",props:{injectionKey:{}},emits:["visibilityChange"],setup(n,{emit:o}){const t=n,l=o,r=e.ref(),a=e.ref(),c=e.ref(),s=zl({parentRef:r,listRef:a,moreIndicatorRef:c});return e.provide(t.injectionKey,s),e.watch([()=>s.visibleElements.value.length,()=>s.hiddenElements.value.length],([u,i])=>{l("visibilityChange",{visibleElements:u,hiddenElements:i})}),(u,i)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"parentRef",ref:r,class:"onyx-component onyx-more-list"},[e.renderSlot(u.$slots,"default",{attributes:{ref:d=>a.value=d,class:"onyx-more-list__elements"}}),e.unref(s).hiddenElements.value.length>0?e.renderSlot(u.$slots,"more",{key:0,attributes:{ref:d=>c.value=d,class:"onyx-more-list__indicator"},hiddenElements:e.unref(s).hiddenElements.value.length,visibleElements:e.unref(s).visibleElements.value.length}):e.createCommentVNode("",!0)],512))}}),Hl=["aria-label"],Fl=["src","alt"],Ul={key:1,class:"onyx-text-small onyx-truncation-ellipsis"},Ot=e.defineComponent({__name:"OnyxNavAppArea",props:{logoUrl:{},appName:{},label:{}},setup(n){const o=n,{t}=E(),l=e.computed(()=>o.label??t.value("navigation.goToHome"));return(r,a)=>(e.openBlock(),e.createElementBlock("button",{type:"button",class:"onyx-component onyx-nav-app-area","aria-label":l.value},[e.renderSlot(r.$slots,"default",{},()=>[o.logoUrl?(e.openBlock(),e.createElementBlock("img",{key:0,src:o.logoUrl,alt:e.unref(t)("navigation.appLogo",{appName:o.appName}),class:"onyx-nav-app-area__logo",width:"24",height:"24"},null,8,Fl)):e.createCommentVNode("",!0),o.appName?(e.openBlock(),e.createElementBlock("span",Ul,e.toDisplayString(o.appName),1)):e.createCommentVNode("",!0)])],8,Hl))}}),ql=`<svg width="166" height="104" viewBox="0 0 166 104" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_4499_144781)">
 <mask id="mask0_4499_144781" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="83" height="104">
 <rect width="83" height="104" fill="#D9D9D9"/>

package/dist/index.js CHANGED Viewed

@@ -2710,6 +2710,7 @@ const $a = (o) => {
               class: "onyx-input__clear",
               "aria-label": s(l)("input.clear"),
               title: s(l)("input.clear"),
+              tabindex: "-1",
               onClick: T[1] || (T[1] = () => p.value = "")
             }, [
               B(D, { icon: s(Ze) }, null, 8, ["icon"])

package/dist/style.css CHANGED Viewed

	@@ -1 +1 @@
1	- @layer onyx.reset,onyx.utility,onyx.component,onyx.density;@layer onyx.utility{:root{--onyx-font-family: "Source Sans 3 Variable", sans-serif;--onyx-font-family-mono: "Source Code Pro Variable", monospace;--onyx-1px-in-rem: .0625rem;--onyx-duration-sm: .4s;--onyx-duration-md: .7s;--onyx-duration-lg: 1s;--onyx-shadow-medium-bottom: 0 .125rem .5rem 0 rgba(0, 0, 0, .1);--onyx-shadow-medium-left: -.125rem 0 .5rem 0 rgba(0, 0, 0, .1);--onyx-shadow-medium-right: .125rem 0 .5rem 0 rgba(0, 0, 0, .1);--onyx-shadow-soft-bottom: 0 .5rem 1.5rem 0 rgba(0, 0, 0, .1);--onyx-shadow-soft-left: -.5rem 0 1.5rem 0 rgba(0, 0, 0, .1);--onyx-shadow-soft-right: .5rem 0 1.5rem 0 rgba(0, 0, 0, .1);--onyx-color-backdrop: rgba(0, 0, 0, .15);--onyx-outline-width: .25rem}:root{color-scheme:light}.dark{color-scheme:dark}.dark{--onyx-shadow-medium-bottom: none;--onyx-shadow-medium-left: none;--onyx-shadow-medium-right: none;--onyx-shadow-soft-bottom: none;--onyx-shadow-soft-left: none;--onyx-shadow-soft-right: none;--onyx-color-backdrop: rgba(0, 0, 0, .6)}}:where(html.onyx-transition-active ){transition-duration:.2s;transition-property:color,background-color,border-color;transition-timing-function:ease-in-out}@layer onyx.reset{html:focus-within .onyx-component{scroll-behavior:smooth}.onyx-component,.onyx-component:before,.onyx-component:after,.onyx-component ,.onyx-component :before,.onyx-component :after{margin:0;box-sizing:border-box;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.onyx-component:is(input,button,textarea,optgroup,select),.onyx-component :is(input,button,textarea,optgroup,select){font:inherit}.onyx-component:is(th),.onyx-component :is(th){padding:0}.onyx-component:is(hr),.onyx-component :is(hr){height:0;color:inherit}.onyx-component:is(abbr[title]),.onyx-component :is(abbr[title]){text-decoration:underline dotted}.onyx-component:is(b,strong),.onyx-component :is(b,strong){font-weight:bolder}.onyx-component:is(small),.onyx-component :is(small){font-size:80%}.onyx-component:is(sub,sup),.onyx-component :is(sub,sup){font-size:75%;line-height:0;position:relative;vertical-align:baseline}.onyx-component:is(sub),.onyx-component :is(sub){bottom:-.25em}.onyx-component:is(sup),.onyx-component :is(sup){top:-.5em}.onyx-component:is(table),.onyx-component :is(table){text-indent:0;border-color:inherit}.onyx-component:is(button,select),.onyx-component :is(button,select){text-transform:none}.onyx-component:is(button,[type=button],[type=reset],[type=submit]),.onyx-component :is(button,[type=button],[type=reset],[type=submit]){-webkit-appearance:button}.onyx-component::-moz-focus-inner,.onyx-component ::-moz-focus-inner{border-style:none;padding:0}.onyx-component:-moz-focusring,.onyx-component :-moz-focusring{outline:1px dotted ButtonText}.onyx-component:-moz-ui-invalid,.onyx-component :-moz-ui-invalid{box-shadow:none}.onyx-component:is(legend),.onyx-component :is(legend){padding:0}.onyx-component:is(progress),.onyx-component :is(progress){vertical-align:baseline}.onyx-component::-webkit-inner-spin-button,.onyx-component::-webkit-outer-spin-button,.onyx-component ::-webkit-inner-spin-button,.onyx-component ::-webkit-outer-spin-button{height:auto}.onyx-component:is([type=search]),.onyx-component :is([type=search]){-webkit-appearance:textfield;outline-offset:-2px}.onyx-component::-webkit-search-decoration,.onyx-component ::-webkit-search-decoration{-webkit-appearance:none}.onyx-component::-webkit-file-upload-button,.onyx-component ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.onyx-component:is(summary),.onyx-component :is(summary){display:list-item}}@layer onyx.utility{.onyx-grid{display:grid;grid-template-columns:repeat(var(--onyx-grid-columns),minmax(0,1fr));gap:var(--onyx-grid-gutter)}.onyx-grid-container{padding:var(--onyx-grid-margin);max-width:var(--onyx-grid-max-width, none);margin-inline:var(--onyx-grid-margin-inline);box-sizing:border-box}.onyx-grid-center{--onyx-grid-margin-inline: auto}@media screen and (min-width: 1921px){.onyx-grid-xl-20{--onyx-grid-columns: 20}}.onyx-grid-span-1{grid-column-end:span min(1,var(--onyx-grid-columns))}.onyx-grid-span-2{grid-column-end:span min(2,var(--onyx-grid-columns))}.onyx-grid-span-3{grid-column-end:span min(3,var(--onyx-grid-columns))}.onyx-grid-span-4{grid-column-end:span min(4,var(--onyx-grid-columns))}.onyx-grid-span-5{grid-column-end:span min(5,var(--onyx-grid-columns))}.onyx-grid-span-6{grid-column-end:span min(6,var(--onyx-grid-columns))}.onyx-grid-span-7{grid-column-end:span min(7,var(--onyx-grid-columns))}.onyx-grid-span-8{grid-column-end:span min(8,var(--onyx-grid-columns))}.onyx-grid-span-9{grid-column-end:span min(9,var(--onyx-grid-columns))}.onyx-grid-span-10{grid-column-end:span min(10,var(--onyx-grid-columns))}.onyx-grid-span-11{grid-column-end:span min(11,var(--onyx-grid-columns))}.onyx-grid-span-12{grid-column-end:span min(12,var(--onyx-grid-columns))}.onyx-grid-span-13{grid-column-end:span min(13,var(--onyx-grid-columns))}.onyx-grid-span-14{grid-column-end:span min(14,var(--onyx-grid-columns))}.onyx-grid-span-15{grid-column-end:span min(15,var(--onyx-grid-columns))}.onyx-grid-span-16{grid-column-end:span min(16,var(--onyx-grid-columns))}.onyx-grid-span-17{grid-column-end:span min(17,var(--onyx-grid-columns))}.onyx-grid-span-18{grid-column-end:span min(18,var(--onyx-grid-columns))}.onyx-grid-span-19{grid-column-end:span min(19,var(--onyx-grid-columns))}.onyx-grid-span-20{grid-column-end:span min(20,var(--onyx-grid-columns))}:where(:root){--onyx-grid-columns: 4;--onyx-grid-gutter: 1rem;--onyx-grid-margin: 1rem}.onyx-grid-2xs-span-1{grid-column-end:span min(1,var(--onyx-grid-columns))}.onyx-grid-2xs-span-2{grid-column-end:span min(2,var(--onyx-grid-columns))}.onyx-grid-2xs-span-3{grid-column-end:span min(3,var(--onyx-grid-columns))}.onyx-grid-2xs-span-4{grid-column-end:span min(4,var(--onyx-grid-columns))}@media screen and (min-width: 577px){:where(:root){--onyx-grid-columns: 8;--onyx-grid-gutter: 1rem;--onyx-grid-margin: 1rem}.onyx-grid-xs-span-1{grid-column-end:span min(1,var(--onyx-grid-columns))}.onyx-grid-xs-span-2{grid-column-end:span min(2,var(--onyx-grid-columns))}.onyx-grid-xs-span-3{grid-column-end:span min(3,var(--onyx-grid-columns))}.onyx-grid-xs-span-4{grid-column-end:span min(4,var(--onyx-grid-columns))}.onyx-grid-xs-span-5{grid-column-end:span min(5,var(--onyx-grid-columns))}.onyx-grid-xs-span-6{grid-column-end:span min(6,var(--onyx-grid-columns))}.onyx-grid-xs-span-7{grid-column-end:span min(7,var(--onyx-grid-columns))}.onyx-grid-xs-span-8{grid-column-end:span min(8,var(--onyx-grid-columns))}}@media screen and (min-width: 769px){:where(:root){--onyx-grid-columns: 8;--onyx-grid-gutter: 1.5rem;--onyx-grid-margin: 2rem}.onyx-grid-sm-span-1{grid-column-end:span min(1,var(--onyx-grid-columns))}.onyx-grid-sm-span-2{grid-column-end:span min(2,var(--onyx-grid-columns))}.onyx-grid-sm-span-3{grid-column-end:span min(3,var(--onyx-grid-columns))}.onyx-grid-sm-span-4{grid-column-end:span min(4,var(--onyx-grid-columns))}.onyx-grid-sm-span-5{grid-column-end:span min(5,var(--onyx-grid-columns))}.onyx-grid-sm-span-6{grid-column-end:span min(6,var(--onyx-grid-columns))}.onyx-grid-sm-span-7{grid-column-end:span min(7,var(--onyx-grid-columns))}.onyx-grid-sm-span-8{grid-column-end:span min(8,var(--onyx-grid-columns))}}@media screen and (min-width: 993px){:where(:root){--onyx-grid-columns: 12;--onyx-grid-gutter: 1.5rem;--onyx-grid-margin: 4rem}.onyx-grid-md-span-1{grid-column-end:span min(1,var(--onyx-grid-columns))}.onyx-grid-md-span-2{grid-column-end:span min(2,var(--onyx-grid-columns))}.onyx-grid-md-span-3{grid-column-end:span min(3,var(--onyx-grid-columns))}.onyx-grid-md-span-4{grid-column-end:span min(4,var(--onyx-grid-columns))}.onyx-grid-md-span-5{grid-column-end:span min(5,var(--onyx-grid-columns))}.onyx-grid-md-span-6{grid-column-end:span min(6,var(--onyx-grid-columns))}.onyx-grid-md-span-7{grid-column-end:span min(7,var(--onyx-grid-columns))}.onyx-grid-md-span-8{grid-column-end:span min(8,var(--onyx-grid-columns))}.onyx-grid-md-span-9{grid-column-end:span min(9,var(--onyx-grid-columns))}.onyx-grid-md-span-10{grid-column-end:span min(10,var(--onyx-grid-columns))}.onyx-grid-md-span-11{grid-column-end:span min(11,var(--onyx-grid-columns))}.onyx-grid-md-span-12{grid-column-end:span min(12,var(--onyx-grid-columns))}}@media screen and (min-width: 1441px){:where(:root){--onyx-grid-columns: 16;--onyx-grid-gutter: 2rem;--onyx-grid-margin: 4rem}.onyx-grid-lg-span-1{grid-column-end:span min(1,var(--onyx-grid-columns))}.onyx-grid-lg-span-2{grid-column-end:span min(2,var(--onyx-grid-columns))}.onyx-grid-lg-span-3{grid-column-end:span min(3,var(--onyx-grid-columns))}.onyx-grid-lg-span-4{grid-column-end:span min(4,var(--onyx-grid-columns))}.onyx-grid-lg-span-5{grid-column-end:span min(5,var(--onyx-grid-columns))}.onyx-grid-lg-span-6{grid-column-end:span min(6,var(--onyx-grid-columns))}.onyx-grid-lg-span-7{grid-column-end:span min(7,var(--onyx-grid-columns))}.onyx-grid-lg-span-8{grid-column-end:span min(8,var(--onyx-grid-columns))}.onyx-grid-lg-span-9{grid-column-end:span min(9,var(--onyx-grid-columns))}.onyx-grid-lg-span-10{grid-column-end:span min(10,var(--onyx-grid-columns))}.onyx-grid-lg-span-11{grid-column-end:span min(11,var(--onyx-grid-columns))}.onyx-grid-lg-span-12{grid-column-end:span min(12,var(--onyx-grid-columns))}.onyx-grid-lg-span-13{grid-column-end:span min(13,var(--onyx-grid-columns))}.onyx-grid-lg-span-14{grid-column-end:span min(14,var(--onyx-grid-columns))}.onyx-grid-lg-span-15{grid-column-end:span min(15,var(--onyx-grid-columns))}.onyx-grid-lg-span-16{grid-column-end:span min(16,var(--onyx-grid-columns))}.onyx-grid-max-md{--onyx-grid-max-width: 1440px}}@media screen and (min-width: 1921px){:where(:root){--onyx-grid-columns: 16;--onyx-grid-gutter: 2rem;--onyx-grid-margin: 4rem}.onyx-grid-xl-span-1{grid-column-end:span min(1,var(--onyx-grid-columns))}.onyx-grid-xl-span-2{grid-column-end:span min(2,var(--onyx-grid-columns))}.onyx-grid-xl-span-3{grid-column-end:span min(3,var(--onyx-grid-columns))}.onyx-grid-xl-span-4{grid-column-end:span min(4,var(--onyx-grid-columns))}.onyx-grid-xl-span-5{grid-column-end:span min(5,var(--onyx-grid-columns))}.onyx-grid-xl-span-6{grid-column-end:span min(6,var(--onyx-grid-columns))}.onyx-grid-xl-span-7{grid-column-end:span min(7,var(--onyx-grid-columns))}.onyx-grid-xl-span-8{grid-column-end:span min(8,var(--onyx-grid-columns))}.onyx-grid-xl-span-9{grid-column-end:span min(9,var(--onyx-grid-columns))}.onyx-grid-xl-span-10{grid-column-end:span min(10,var(--onyx-grid-columns))}.onyx-grid-xl-span-11{grid-column-end:span min(11,var(--onyx-grid-columns))}.onyx-grid-xl-span-12{grid-column-end:span min(12,var(--onyx-grid-columns))}.onyx-grid-xl-span-13{grid-column-end:span min(13,var(--onyx-grid-columns))}.onyx-grid-xl-span-14{grid-column-end:span min(14,var(--onyx-grid-columns))}.onyx-grid-xl-span-15{grid-column-end:span min(15,var(--onyx-grid-columns))}.onyx-grid-xl-span-16{grid-column-end:span min(16,var(--onyx-grid-columns))}.onyx-grid-max-lg{--onyx-grid-max-width: 1920px}.onyx-grid-xl-span-17{grid-column-end:span min(17,var(--onyx-grid-columns))}.onyx-grid-xl-span-18{grid-column-end:span min(18,var(--onyx-grid-columns))}.onyx-grid-xl-span-19{grid-column-end:span min(19,var(--onyx-grid-columns))}.onyx-grid-xl-span-20{grid-column-end:span min(20,var(--onyx-grid-columns))}}}:root{--onyx-z-index-app-overlay: 60;--onyx-z-index-navigation: 50;--onyx-z-index-page-overlay: 40;--onyx-z-index-notification: 30;--onyx-z-index-sticky-content: 20;--onyx-z-index-flyout: 10}@layer onyx.utility{:root{--ON: initial;--OFF: }:root,.onyx-use-required{--onyx-use-required: var(--ON);--onyx-use-optional: var(--OFF)}.onyx-use-optional{--onyx-use-required: var(--OFF);--onyx-use-optional: var(--ON)}.onyx-required-marker:after{font-family:var(--onyx-use-required, var(--onyx-font-family));content:var(--onyx-use-required, "");color:var(--onyx-use-required, var(--onyx-color-text-icons-danger-intense));padding-left:var(--onyx-use-required, var(--onyx-spacing-5xs))}.onyx-optional-marker:after{font-family:var(--onyx-use-optional, var(--onyx-font-family));font-weight:var(--onyx-use-optional, 400);font-style:var(--onyx-use-optional, normal);content:var(--onyx-use-optional, var(--onyx-global-optional-text, "(optional)"));color:var(--onyx-use-optional, var(--onyx-color-text-icons-neutral-soft));padding-left:var(--onyx-use-optional, var(--onyx-density-xs));-webkit-hyphens:var(--onyx-use-optional, none);hyphens:var(--onyx-use-optional, none)}}@layer onyx.utility{.onyx-text{font-weight:400;font-size:1rem;line-height:1.5rem;text-wrap:balance}.onyx-text--small{font-size:.8125rem;line-height:1.25rem}.onyx-text--large{font-size:1.25rem;line-height:1.75rem}.onyx-text--monospace{font-family:var(--onyx-font-family-mono)}.onyx-truncation-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.onyx-truncation-multiline{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}}:where(:root),.onyx-theme-default{--onyx-color-digits-100: #e8fcfc;--onyx-color-digits-200: #bbeaed;--onyx-color-digits-300: #79dde2;--onyx-color-digits-400: #3dd0d8;--onyx-color-digits-500: #00c3cd;--onyx-color-digits-600: #00adb5;--onyx-color-digits-700: #00969d;--onyx-color-digits-800: #008085;--onyx-color-digits-900: #00696e;--onyx-color-digits-1000: #005356;--onyx-color-digits-1100: #003c3e;--onyx-color-digits-1200: #002626;--onyx-color-grayscale-black: #000000;--onyx-color-grayscale-white: #ffffff;--onyx-color-green-100: #ecf8f2;--onyx-color-green-200: #c6e4d5;--onyx-color-green-300: #98d1b3;--onyx-color-green-400: #6ebe94;--onyx-color-green-500: #44aa75;--onyx-color-green-600: #3b9b69;--onyx-color-green-700: #328c5e;--onyx-color-green-800: #297d52;--onyx-color-green-900: #216d46;--onyx-color-green-1000: #185e3a;--onyx-color-green-1100: #0f4f2f;--onyx-color-green-1200: #064023;--onyx-color-kl-100: #fafbfc;--onyx-color-kl-200: #e9ecf0;--onyx-color-kl-300: #d7dce0;--onyx-color-kl-400: #b7bec4;--onyx-color-kl-500: #96a1ab;--onyx-color-kl-600: #657682;--onyx-color-kl-700: #42515c;--onyx-color-kl-800: #42515c;--onyx-color-kl-900: #31414b;--onyx-color-kl-1000: #212e3a;--onyx-color-kl-1100: #101e2a;--onyx-color-kl-1200: #000d19;--onyx-color-lemon-100: #fcfff0;--onyx-color-lemon-200: #f5ffcc;--onyx-color-lemon-300: #f1ffad;--onyx-color-lemon-400: #eaff70;--onyx-color-lemon-500: #e5ff29;--onyx-color-lemon-600: #c7de22;--onyx-color-lemon-700: #9db015;--onyx-color-lemon-800: #72800f;--onyx-color-lemon-900: #586309;--onyx-color-lemon-1000: #3f4805;--onyx-color-lemon-1100: #282e02;--onyx-color-lemon-1200: #121601;--onyx-color-lidl-100: #e8f3fc;--onyx-color-lidl-200: #bedcf2;--onyx-color-lidl-300: #77b7e4;--onyx-color-lidl-400: #3b98d9;--onyx-color-lidl-500: #0079ce;--onyx-color-lidl-600: #0069b4;--onyx-color-lidl-700: #005899;--onyx-color-lidl-800: #00487f;--onyx-color-lidl-900: #003e6c;--onyx-color-lidl-1000: #003359;--onyx-color-lidl-1100: #002946;--onyx-color-lidl-1200: #001e33;--onyx-color-lime-100: #effcef;--onyx-color-lime-200: #d5f5d6;--onyx-color-lime-300: #b8f3bc;--onyx-color-lime-400: #85e890;--onyx-color-lime-500: #32dc5a;--onyx-color-lime-600: #2abf4d;--onyx-color-lime-700: #1c9a3a;--onyx-color-lime-800: #146e29;--onyx-color-lime-900: #0d541e;--onyx-color-lime-1000: #073c13;--onyx-color-lime-1100: #032609;--onyx-color-lime-1200: #011103;--onyx-color-onyx-100: #e8fcfc;--onyx-color-onyx-200: #bbeaed;--onyx-color-onyx-300: #79dde2;--onyx-color-onyx-400: #3dd0d8;--onyx-color-onyx-500: #00c3cd;--onyx-color-onyx-600: #00adb5;--onyx-color-onyx-700: #00969d;--onyx-color-onyx-800: #008085;--onyx-color-onyx-900: #00696e;--onyx-color-onyx-1000: #005356;--onyx-color-onyx-1100: #003c3e;--onyx-color-onyx-1200: #002626;--onyx-color-orange-100: #faf6f2;--onyx-color-orange-200: #f8e7d7;--onyx-color-orange-300: #f6d1b1;--onyx-color-orange-400: #f4b57e;--onyx-color-orange-500: #f2994a;--onyx-color-orange-600: #d98841;--onyx-color-orange-700: #bf7737;--onyx-color-orange-800: #a6662e;--onyx-color-orange-900: #8c5625;--onyx-color-orange-1000: #73451c;--onyx-color-orange-1100: #593412;--onyx-color-orange-1200: #402309;--onyx-color-purple-100: #f4f1f8;--onyx-color-purple-200: #dbcfea;--onyx-color-purple-300: #c2addc;--onyx-color-purple-400: #a98ace;--onyx-color-purple-500: #9068c0;--onyx-color-purple-600: #805aae;--onyx-color-purple-700: #704c9b;--onyx-color-purple-800: #603e89;--onyx-color-purple-900: #513077;--onyx-color-purple-1000: #412265;--onyx-color-purple-1100: #311452;--onyx-color-purple-1200: #210640;--onyx-color-quantitatives-100: #005795;--onyx-color-quantitatives-150: #004475;--onyx-color-quantitatives-200: #ff8a25;--onyx-color-quantitatives-250: #c65f06;--onyx-color-quantitatives-300: #e51718;--onyx-color-quantitatives-350: #b70b0c;--onyx-color-quantitatives-400: #36b16b;--onyx-color-quantitatives-450: #22874e;--onyx-color-quantitatives-500: #56d8fc;--onyx-color-quantitatives-550: #1ea2c6;--onyx-color-quantitatives-600: #ff9990;--onyx-color-quantitatives-650: #d15146;--onyx-color-quantitatives-700: #ff3fd1;--onyx-color-quantitatives-750: #bd0e93;--onyx-color-quantitatives-800: #3c6475;--onyx-color-quantitatives-850: #51849c;--onyx-color-quantitatives-900: #c4bc81;--onyx-color-quantitatives-950: #9c955d;--onyx-color-quantitatives-1000: #c3143f;--onyx-color-quantitatives-1050: #f03b68;--onyx-color-quantitatives-1100: #a09dfa;--onyx-color-quantitatives-1150: #5551ce;--onyx-color-quantitatives-1200: #00bcc6;--onyx-color-quantitatives-1250: #018a91;--onyx-color-red-100: #fbefee;--onyx-color-red-200: #f1d2d1;--onyx-color-red-300: #e6a7a5;--onyx-color-red-400: #dc706e;--onyx-color-red-500: #d1332f;--onyx-color-red-600: #bc2d2a;--onyx-color-red-700: #a82824;--onyx-color-red-800: #93221f;--onyx-color-red-900: #7e1d19;--onyx-color-red-1000: #691714;--onyx-color-red-1100: #55120e;--onyx-color-red-1200: #400c09;--onyx-color-schwarz-100: #ebf1fe;--onyx-color-schwarz-200: #c5d4fc;--onyx-color-schwarz-300: #94adf3;--onyx-color-schwarz-400: #6a8bef;--onyx-color-schwarz-500: #4a6be8;--onyx-color-schwarz-600: #3e58ba;--onyx-color-schwarz-700: #2a3f90;--onyx-color-schwarz-800: #203274;--onyx-color-schwarz-900: #172559;--onyx-color-schwarz-1000: #0e1840;--onyx-color-schwarz-1100: #060d29;--onyx-color-schwarz-1200: #020413;--onyx-color-steel-100: #fafbfc;--onyx-color-steel-200: #e3eaf0;--onyx-color-steel-300: #c9d6e0;--onyx-color-steel-400: #9db3c4;--onyx-color-steel-500: #7392aa;--onyx-color-steel-600: #506e84;--onyx-color-steel-700: #3e596e;--onyx-color-steel-800: #31495c;--onyx-color-steel-900: #22384a;--onyx-color-steel-1000: #11212d;--onyx-color-steel-1100: #081723;--onyx-color-steel-1200: #000e19;--onyx-color-stone-100: #fafbfc;--onyx-color-stone-200: #eaedf0;--onyx-color-stone-300: #d8dde1;--onyx-color-stone-400: #b7bfc5;--onyx-color-stone-500: #95a1aa;--onyx-color-stone-600: #697985;--onyx-color-stone-700: #52626d;--onyx-color-stone-800: #42515c;--onyx-color-stone-900: #31414b;--onyx-color-stone-1000: #21303a;--onyx-color-stone-1100: #10202a;--onyx-color-stone-1200: #000f19;--onyx-color-twogo-100: #e8fcfc;--onyx-color-twogo-200: #b4e2e3;--onyx-color-twogo-300: #7bcace;--onyx-color-twogo-400: #41b3b8;--onyx-color-twogo-500: #079ba2;--onyx-color-twogo-600: #07888f;--onyx-color-twogo-700: #06767b;--onyx-color-twogo-800: #056368;--onyx-color-twogo-900: #035155;--onyx-color-twogo-1000: #023e42;--onyx-color-twogo-1100: #012c2e;--onyx-color-twogo-1200: #00191b;--onyx-number-opacity-medium: 3.75rem;--onyx-number-opacity-soft: .9375rem;--onyx-number-radius-100: .125rem;--onyx-number-radius-200: .25rem;--onyx-number-radius-300: .5rem;--onyx-number-radius-400: 1rem;--onyx-number-radius-500: 2rem;--onyx-number-radius-600: 62.5rem;--onyx-number-spacing-0: 0rem;--onyx-number-spacing-100: .125rem;--onyx-number-spacing-200: .25rem;--onyx-number-spacing-250: .375rem;--onyx-number-spacing-300: .5rem;--onyx-number-spacing-325: .625rem;--onyx-number-spacing-350: .75rem;--onyx-number-spacing-400: 1rem;--onyx-number-spacing-500: 1.5rem;--onyx-number-spacing-600: 2rem;--onyx-number-spacing-700: 3rem;--onyx-number-spacing-800: 4rem;--onyx-number-spacing-900: 6rem;--onyx-number-spacing-950: 8rem}:where(:root),.onyx-theme-default{--onyx-color-base-background-blank: var(--onyx-color-grayscale-white);--onyx-color-base-background-tinted: var(--onyx-color-steel-100);--onyx-color-base-danger-100: var(--onyx-color-red-100);--onyx-color-base-danger-200: var(--onyx-color-red-200);--onyx-color-base-danger-300: var(--onyx-color-red-300);--onyx-color-base-danger-400: var(--onyx-color-red-400);--onyx-color-base-danger-500: var(--onyx-color-red-500);--onyx-color-base-danger-600: var(--onyx-color-red-600);--onyx-color-base-danger-700: var(--onyx-color-red-700);--onyx-color-base-danger-800: var(--onyx-color-red-800);--onyx-color-base-danger-900: var(--onyx-color-red-900);--onyx-color-base-grayscale-black: var(--onyx-color-grayscale-black);--onyx-color-base-grayscale-white: var(--onyx-color-grayscale-white);--onyx-color-base-info-100: var(--onyx-color-purple-100);--onyx-color-base-info-200: var(--onyx-color-purple-200);--onyx-color-base-info-300: var(--onyx-color-purple-300);--onyx-color-base-info-400: var(--onyx-color-purple-400);--onyx-color-base-info-500: var(--onyx-color-purple-500);--onyx-color-base-info-600: var(--onyx-color-purple-600);--onyx-color-base-info-700: var(--onyx-color-purple-700);--onyx-color-base-info-800: var(--onyx-color-purple-800);--onyx-color-base-info-900: var(--onyx-color-purple-900);--onyx-color-base-neutral-100: var(--onyx-color-steel-100);--onyx-color-base-neutral-200: var(--onyx-color-steel-200);--onyx-color-base-neutral-300: var(--onyx-color-steel-300);--onyx-color-base-neutral-400: var(--onyx-color-steel-400);--onyx-color-base-neutral-500: var(--onyx-color-steel-500);--onyx-color-base-neutral-600: var(--onyx-color-steel-600);--onyx-color-base-neutral-700: var(--onyx-color-steel-700);--onyx-color-base-neutral-800: var(--onyx-color-steel-800);--onyx-color-base-neutral-900: var(--onyx-color-steel-900);--onyx-color-base-primary-100: var(--onyx-color-onyx-100);--onyx-color-base-primary-200: var(--onyx-color-onyx-200);--onyx-color-base-primary-300: var(--onyx-color-onyx-300);--onyx-color-base-primary-400: var(--onyx-color-onyx-400);--onyx-color-base-primary-500: var(--onyx-color-onyx-500);--onyx-color-base-primary-600: var(--onyx-color-onyx-600);--onyx-color-base-primary-700: var(--onyx-color-onyx-700);--onyx-color-base-primary-800: var(--onyx-color-onyx-800);--onyx-color-base-primary-900: var(--onyx-color-onyx-900);--onyx-color-base-quantitatives-100: var(--onyx-color-quantitatives-100);--onyx-color-base-quantitatives-200: var(--onyx-color-quantitatives-200);--onyx-color-base-quantitatives-300: var(--onyx-color-quantitatives-300);--onyx-color-base-quantitatives-400: var(--onyx-color-quantitatives-400);--onyx-color-base-quantitatives-500: var(--onyx-color-quantitatives-500);--onyx-color-base-quantitatives-600: var(--onyx-color-quantitatives-600);--onyx-color-base-quantitatives-700: var(--onyx-color-quantitatives-700);--onyx-color-base-quantitatives-800: var(--onyx-color-quantitatives-800);--onyx-color-base-quantitatives-900: var(--onyx-color-quantitatives-900);--onyx-color-base-quantitatives-1000: var(--onyx-color-quantitatives-1000);--onyx-color-base-quantitatives-1100: var(--onyx-color-quantitatives-1100);--onyx-color-base-quantitatives-1200: var(--onyx-color-quantitatives-1200);--onyx-color-base-success-100: var(--onyx-color-green-100);--onyx-color-base-success-200: var(--onyx-color-green-200);--onyx-color-base-success-300: var(--onyx-color-green-300);--onyx-color-base-success-400: var(--onyx-color-green-400);--onyx-color-base-success-500: var(--onyx-color-green-500);--onyx-color-base-success-600: var(--onyx-color-green-600);--onyx-color-base-success-700: var(--onyx-color-green-700);--onyx-color-base-success-800: var(--onyx-color-green-800);--onyx-color-base-success-900: var(--onyx-color-green-900);--onyx-color-base-warning-100: var(--onyx-color-orange-100);--onyx-color-base-warning-200: var(--onyx-color-orange-200);--onyx-color-base-warning-300: var(--onyx-color-orange-300);--onyx-color-base-warning-400: var(--onyx-color-orange-400);--onyx-color-base-warning-500: var(--onyx-color-orange-500);--onyx-color-base-warning-600: var(--onyx-color-orange-600);--onyx-color-base-warning-700: var(--onyx-color-orange-700);--onyx-color-base-warning-800: var(--onyx-color-orange-800);--onyx-color-base-warning-900: var(--onyx-color-orange-900);--onyx-color-component-border-danger: var(--onyx-color-base-danger-500);--onyx-color-component-border-danger-hover: var(--onyx-color-base-danger-400);--onyx-color-component-border-disabled: var(--onyx-color-base-neutral-200);--onyx-color-component-border-neutral: var(--onyx-color-base-neutral-300);--onyx-color-component-border-neutral-hover: var(--onyx-color-base-neutral-400);--onyx-color-component-border-primary: var(--onyx-color-base-primary-500);--onyx-color-component-border-primary-hover: var(--onyx-color-base-primary-400);--onyx-color-component-border-success: var(--onyx-color-base-success-500);--onyx-color-component-border-success-hover: var(--onyx-color-base-success-400);--onyx-color-component-cta-danger: var(--onyx-color-base-danger-500);--onyx-color-component-cta-danger-hover: var(--onyx-color-base-danger-400);--onyx-color-component-cta-default: var(--onyx-color-base-primary-500);--onyx-color-component-cta-default-hover: var(--onyx-color-base-primary-300);--onyx-color-component-cta-disabled: var(--onyx-color-base-neutral-200);--onyx-color-component-focus-danger: var(--onyx-color-base-danger-300);--onyx-color-component-focus-neutral: var(--onyx-color-base-neutral-200);--onyx-color-component-focus-primary: var(--onyx-color-base-primary-200);--onyx-color-component-focus-success: var(--onyx-color-base-success-200);--onyx-color-component-focus-warning: var(--onyx-color-base-warning-200);--onyx-color-text-icons-danger-bold: var(--onyx-color-red-700);--onyx-color-text-icons-danger-intense: var(--onyx-color-red-500);--onyx-color-text-icons-danger-medium: var(--onyx-color-red-300);--onyx-color-text-icons-danger-soft: var(--onyx-color-red-200);--onyx-color-text-icons-info-bold: var(--onyx-color-purple-700);--onyx-color-text-icons-info-intense: var(--onyx-color-purple-500);--onyx-color-text-icons-info-medium: var(--onyx-color-purple-300);--onyx-color-text-icons-info-soft: var(--onyx-color-purple-200);--onyx-color-text-icons-neutral-button: var(--onyx-color-grayscale-white);--onyx-color-text-icons-neutral-intense: var(--onyx-color-stone-900);--onyx-color-text-icons-neutral-inverted: var(--onyx-color-grayscale-white);--onyx-color-text-icons-neutral-medium: var(--onyx-color-stone-600);--onyx-color-text-icons-neutral-soft: var(--onyx-color-stone-500);--onyx-color-text-icons-primary-bold: var(--onyx-color-onyx-700);--onyx-color-text-icons-primary-intense: var(--onyx-color-onyx-500);--onyx-color-text-icons-primary-medium: var(--onyx-color-onyx-300);--onyx-color-text-icons-primary-soft: var(--onyx-color-onyx-200);--onyx-color-text-icons-success-bold: var(--onyx-color-green-700);--onyx-color-text-icons-success-intense: var(--onyx-color-green-500);--onyx-color-text-icons-success-medium: var(--onyx-color-green-300);--onyx-color-text-icons-success-soft: var(--onyx-color-green-200);--onyx-color-text-icons-warning-bold: var(--onyx-color-orange-700);--onyx-color-text-icons-warning-intense: var(--onyx-color-orange-500);--onyx-color-text-icons-warning-medium: var(--onyx-color-orange-300);--onyx-color-text-icons-warning-soft: var(--onyx-color-orange-200);--onyx-opacity-backdrop: var(--onyx-number-opacity-soft);--onyx-radius-full: var(--onyx-number-radius-600);--onyx-radius-lg: var(--onyx-number-radius-400);--onyx-radius-md: var(--onyx-number-radius-300);--onyx-radius-sm: var(--onyx-number-radius-200);--onyx-radius-xl: var(--onyx-number-radius-500);--onyx-radius-xs: var(--onyx-number-radius-100)}.dark,.onyx-theme-default-dark{--onyx-color-base-background-blank: var(--onyx-color-steel-1100);--onyx-color-base-background-tinted: var(--onyx-color-steel-1200);--onyx-color-base-danger-100: var(--onyx-color-red-1100);--onyx-color-base-danger-200: var(--onyx-color-red-1000);--onyx-color-base-danger-300: var(--onyx-color-red-900);--onyx-color-base-danger-400: var(--onyx-color-red-800);--onyx-color-base-danger-500: var(--onyx-color-red-700);--onyx-color-base-danger-600: var(--onyx-color-red-600);--onyx-color-base-danger-700: var(--onyx-color-red-500);--onyx-color-base-danger-800: var(--onyx-color-red-400);--onyx-color-base-danger-900: var(--onyx-color-red-300);--onyx-color-base-grayscale-black: var(--onyx-color-grayscale-black);--onyx-color-base-grayscale-white: var(--onyx-color-grayscale-white);--onyx-color-base-info-100: var(--onyx-color-purple-1100);--onyx-color-base-info-200: var(--onyx-color-purple-1000);--onyx-color-base-info-300: var(--onyx-color-purple-900);--onyx-color-base-info-400: var(--onyx-color-purple-800);--onyx-color-base-info-500: var(--onyx-color-purple-700);--onyx-color-base-info-600: var(--onyx-color-purple-600);--onyx-color-base-info-700: var(--onyx-color-purple-500);--onyx-color-base-info-800: var(--onyx-color-purple-400);--onyx-color-base-info-900: var(--onyx-color-purple-300);--onyx-color-base-neutral-100: var(--onyx-color-steel-1100);--onyx-color-base-neutral-200: var(--onyx-color-steel-1000);--onyx-color-base-neutral-300: var(--onyx-color-steel-900);--onyx-color-base-neutral-400: var(--onyx-color-steel-800);--onyx-color-base-neutral-500: var(--onyx-color-steel-700);--onyx-color-base-neutral-600: var(--onyx-color-steel-600);--onyx-color-base-neutral-700: var(--onyx-color-steel-500);--onyx-color-base-neutral-800: var(--onyx-color-steel-400);--onyx-color-base-neutral-900: var(--onyx-color-steel-300);--onyx-color-base-primary-100: var(--onyx-color-onyx-1100);--onyx-color-base-primary-200: var(--onyx-color-onyx-1000);--onyx-color-base-primary-300: var(--onyx-color-onyx-900);--onyx-color-base-primary-400: var(--onyx-color-onyx-800);--onyx-color-base-primary-500: var(--onyx-color-onyx-700);--onyx-color-base-primary-600: var(--onyx-color-onyx-600);--onyx-color-base-primary-700: var(--onyx-color-onyx-500);--onyx-color-base-primary-800: var(--onyx-color-onyx-400);--onyx-color-base-primary-900: var(--onyx-color-onyx-300);--onyx-color-base-quantitatives-100: var(--onyx-color-quantitatives-150);--onyx-color-base-quantitatives-200: var(--onyx-color-quantitatives-250);--onyx-color-base-quantitatives-300: var(--onyx-color-quantitatives-350);--onyx-color-base-quantitatives-400: var(--onyx-color-quantitatives-450);--onyx-color-base-quantitatives-500: var(--onyx-color-quantitatives-550);--onyx-color-base-quantitatives-600: var(--onyx-color-quantitatives-650);--onyx-color-base-quantitatives-700: var(--onyx-color-quantitatives-750);--onyx-color-base-quantitatives-800: var(--onyx-color-quantitatives-850);--onyx-color-base-quantitatives-900: var(--onyx-color-quantitatives-950);--onyx-color-base-quantitatives-1000: var(--onyx-color-quantitatives-1050);--onyx-color-base-quantitatives-1100: var(--onyx-color-quantitatives-1150);--onyx-color-base-quantitatives-1200: var(--onyx-color-quantitatives-1250);--onyx-color-base-success-100: var(--onyx-color-green-1100);--onyx-color-base-success-200: var(--onyx-color-green-1000);--onyx-color-base-success-300: var(--onyx-color-green-900);--onyx-color-base-success-400: var(--onyx-color-green-800);--onyx-color-base-success-500: var(--onyx-color-green-700);--onyx-color-base-success-600: var(--onyx-color-green-600);--onyx-color-base-success-700: var(--onyx-color-green-500);--onyx-color-base-success-800: var(--onyx-color-green-400);--onyx-color-base-success-900: var(--onyx-color-green-300);--onyx-color-base-warning-100: var(--onyx-color-orange-1100);--onyx-color-base-warning-200: var(--onyx-color-orange-1000);--onyx-color-base-warning-300: var(--onyx-color-orange-900);--onyx-color-base-warning-400: var(--onyx-color-orange-800);--onyx-color-base-warning-500: var(--onyx-color-orange-700);--onyx-color-base-warning-600: var(--onyx-color-orange-600);--onyx-color-base-warning-700: var(--onyx-color-orange-500);--onyx-color-base-warning-800: var(--onyx-color-orange-400);--onyx-color-base-warning-900: var(--onyx-color-orange-300);--onyx-color-component-border-danger: var(--onyx-color-base-danger-500);--onyx-color-component-border-danger-hover: var(--onyx-color-base-danger-400);--onyx-color-component-border-disabled: var(--onyx-color-base-neutral-200);--onyx-color-component-border-neutral: var(--onyx-color-base-neutral-300);--onyx-color-component-border-neutral-hover: var(--onyx-color-base-neutral-400);--onyx-color-component-border-primary: var(--onyx-color-base-primary-500);--onyx-color-component-border-primary-hover: var(--onyx-color-base-primary-400);--onyx-color-component-border-success: var(--onyx-color-base-success-500);--onyx-color-component-border-success-hover: var(--onyx-color-base-success-400);--onyx-color-component-cta-danger: var(--onyx-color-base-danger-500);--onyx-color-component-cta-danger-hover: var(--onyx-color-base-danger-400);--onyx-color-component-cta-default: var(--onyx-color-base-primary-500);--onyx-color-component-cta-default-hover: var(--onyx-color-base-primary-400);--onyx-color-component-cta-disabled: var(--onyx-color-base-neutral-200);--onyx-color-component-focus-danger: var(--onyx-color-base-danger-300);--onyx-color-component-focus-neutral: var(--onyx-color-base-neutral-500);--onyx-color-component-focus-primary: var(--onyx-color-base-primary-200);--onyx-color-component-focus-success: var(--onyx-color-base-success-200);--onyx-color-component-focus-warning: var(--onyx-color-base-warning-200);--onyx-color-text-icons-danger-bold: var(--onyx-color-red-400);--onyx-color-text-icons-danger-intense: var(--onyx-color-red-500);--onyx-color-text-icons-danger-medium: var(--onyx-color-red-700);--onyx-color-text-icons-danger-soft: var(--onyx-color-red-900);--onyx-color-text-icons-info-bold: var(--onyx-color-purple-400);--onyx-color-text-icons-info-intense: var(--onyx-color-purple-500);--onyx-color-text-icons-info-medium: var(--onyx-color-purple-700);--onyx-color-text-icons-info-soft: var(--onyx-color-purple-900);--onyx-color-text-icons-neutral-button: var(--onyx-color-grayscale-white);--onyx-color-text-icons-neutral-intense: var(--onyx-color-stone-200);--onyx-color-text-icons-neutral-inverted: var(--onyx-color-stone-1200);--onyx-color-text-icons-neutral-medium: var(--onyx-color-stone-400);--onyx-color-text-icons-neutral-soft: var(--onyx-color-stone-600);--onyx-color-text-icons-primary-bold: var(--onyx-color-onyx-400);--onyx-color-text-icons-primary-intense: var(--onyx-color-onyx-500);--onyx-color-text-icons-primary-medium: var(--onyx-color-onyx-700);--onyx-color-text-icons-primary-soft: var(--onyx-color-onyx-900);--onyx-color-text-icons-success-bold: var(--onyx-color-green-400);--onyx-color-text-icons-success-intense: var(--onyx-color-green-500);--onyx-color-text-icons-success-medium: var(--onyx-color-green-700);--onyx-color-text-icons-success-soft: var(--onyx-color-green-900);--onyx-color-text-icons-warning-bold: var(--onyx-color-orange-400);--onyx-color-text-icons-warning-intense: var(--onyx-color-orange-500);--onyx-color-text-icons-warning-medium: var(--onyx-color-orange-700);--onyx-color-text-icons-warning-soft: var(--onyx-color-orange-900);--onyx-opacity-backdrop: var(--onyx-number-opacity-medium);--onyx-radius-full: var(--onyx-number-radius-600);--onyx-radius-lg: var(--onyx-number-radius-400);--onyx-radius-md: var(--onyx-number-radius-300);--onyx-radius-sm: var(--onyx-number-radius-200);--onyx-radius-xl: var(--onyx-number-radius-500);--onyx-radius-xs: var(--onyx-number-radius-100)}:where(.onyx-density-compact){--onyx-density-2xl: var(--onyx-number-spacing-600);--onyx-density-2xs: var(--onyx-number-spacing-100);--onyx-density-3xl: var(--onyx-number-spacing-700);--onyx-density-3xs: var(--onyx-number-spacing-0);--onyx-density-4xl: var(--onyx-number-spacing-800);--onyx-density-lg: var(--onyx-number-spacing-400);--onyx-density-md: var(--onyx-number-spacing-325);--onyx-density-sm: var(--onyx-number-spacing-300);--onyx-density-xl: var(--onyx-number-spacing-500);--onyx-density-xs: var(--onyx-number-spacing-200)}:where(:root),:where(.onyx-density-default){--onyx-density-2xl: var(--onyx-number-spacing-700);--onyx-density-2xs: var(--onyx-number-spacing-200);--onyx-density-3xl: var(--onyx-number-spacing-800);--onyx-density-3xs: var(--onyx-number-spacing-100);--onyx-density-4xl: var(--onyx-number-spacing-900);--onyx-density-lg: var(--onyx-number-spacing-500);--onyx-density-md: var(--onyx-number-spacing-400);--onyx-density-sm: var(--onyx-number-spacing-350);--onyx-density-xl: var(--onyx-number-spacing-600);--onyx-density-xs: var(--onyx-number-spacing-300)}:where(.onyx-density-cozy){--onyx-density-2xl: var(--onyx-number-spacing-800);--onyx-density-2xs: var(--onyx-number-spacing-300);--onyx-density-3xl: var(--onyx-number-spacing-900);--onyx-density-3xs: var(--onyx-number-spacing-200);--onyx-density-4xl: var(--onyx-number-spacing-950);--onyx-density-lg: var(--onyx-number-spacing-600);--onyx-density-md: var(--onyx-number-spacing-500);--onyx-density-sm: var(--onyx-number-spacing-400);--onyx-density-xl: var(--onyx-number-spacing-700);--onyx-density-xs: var(--onyx-number-spacing-350)}:where(:root){--onyx-spacing-2xl: var(--onyx-number-spacing-700);--onyx-spacing-2xs: var(--onyx-number-spacing-300);--onyx-spacing-3xl: var(--onyx-number-spacing-800);--onyx-spacing-3xs: var(--onyx-number-spacing-250);--onyx-spacing-4xl: var(--onyx-number-spacing-900);--onyx-spacing-4xs: var(--onyx-number-spacing-200);--onyx-spacing-5xl: var(--onyx-number-spacing-950);--onyx-spacing-5xs: var(--onyx-number-spacing-100);--onyx-spacing-lg: var(--onyx-number-spacing-500);--onyx-spacing-md: var(--onyx-number-spacing-400);--onyx-spacing-sm: var(--onyx-number-spacing-350);--onyx-spacing-xl: var(--onyx-number-spacing-600);--onyx-spacing-xs: var(--onyx-number-spacing-325)}@layer onyx.component{.onyx-app{--background-color-nav: var(--onyx-color-base-background-blank);--background-color-overlay-backdrop: rgba(125, 125, 125, .9);height:100vh;width:100vw;display:grid;grid-template-rows:max-content 1fr;grid-template-areas:"nav" "page";font-family:var(--onyx-font-family);color:var(--onyx-color-text-icons-neutral-intense)}.onyx-app--horizontal{grid-template-rows:none;grid-template-columns:max-content 1fr;grid-template-areas:"nav page"}.onyx-app__nav{grid-area:nav;z-index:var(--onyx-z-index-navigation);background-color:var(--background-color-nav)}.onyx-app__page{grid-area:page;overflow:hidden auto;position:relative}.onyx-app__page-overlay{grid-area:page;z-index:var(--onyx-z-index-page-overlay)}.onyx-app__app-overlay{grid-column:1/-1;grid-row:1/-1;position:fixed;top:0;left:0;bottom:0;right:0;z-index:var(--onyx-z-index-app-overlay);background-color:var(--background-color-overlay-backdrop)}}@layer onyx.component{.onyx-avatar{width:var(--onyx-avatar-size);height:var(--onyx-avatar-size);min-width:var(--onyx-avatar-size);border-radius:var(--onyx-radius-full)}.onyx-avatar:has(.onyx-avatar__initials){background-color:var(--onyx-color-base-primary-200)}.onyx-avatar--custom{--onyx-avatar-padding: var(--onyx-spacing-sm);width:max-content;padding:var(--onyx-avatar-padding)}.onyx-avatar__svg{border-radius:inherit;height:100%;width:100%;background-color:var(--onyx-color-base-neutral-100);object-fit:cover}.onyx-avatar__initials{color:var(--onyx-color-text-icons-primary-bold);font-family:var(--onyx-font-family);line-height:normal;font-weight:600;height:100%;width:100%;border-radius:inherit;display:flex;align-items:center;justify-content:center}.onyx-avatar--16px{--onyx-avatar-size: 1rem;font-size:.5rem;--onyx-avatar-padding: var(--onyx-spacing-4xs)}.onyx-avatar--24px{--onyx-avatar-size: 1.5rem;font-size:.625rem;--onyx-avatar-padding: var(--onyx-spacing-3xs)}.onyx-avatar--32px{--onyx-avatar-size: 2rem;font-size:.875rem;--onyx-avatar-padding: var(--onyx-spacing-2xs)}.onyx-avatar--48px{--onyx-avatar-size: 3rem;font-size:1.25rem}.onyx-avatar--64px{--onyx-avatar-size: 4rem;font-size:1.75rem}.onyx-avatar--96px{--onyx-avatar-size: 6rem;font-size:3rem}}@layer onyx.component{.onyx-avatar-stack{display:flex;align-items:center;flex-wrap:wrap;width:max-content;max-width:100%}.onyx-avatar-stack>.onyx-avatar{border:var(--onyx-1px-in-rem) solid var(--onyx-color-base-primary-700)}.onyx-avatar-stack>.onyx-avatar:not(:last-child){margin-right:calc(-.5 * var(--onyx-avatar-size) - var(--onyx-1px-in-rem))}}@layer onyx.component{.onyx-icon{--icon-size: 1.5rem;--icon-color: currentColor;display:inline-block;width:var(--icon-size);min-width:var(--icon-size);height:var(--icon-size);fill:var(--icon-color)}.onyx-icon>svg{display:block}.onyx-icon--12px{--icon-size: .75rem}.onyx-icon--16px{--icon-size: 1rem}.onyx-icon--24px{--icon-size: 1.5rem}.onyx-icon--32px{--icon-size: 2rem}.onyx-icon--48px{--icon-size: 3rem}.onyx-icon--64px{--icon-size: 4rem}.onyx-icon--96px{--icon-size: 6rem}.onyx-icon--primary{--icon-color: var(--onyx-color-text-icons-primary-intense)}.onyx-icon--neutral{--icon-color: var(--onyx-color-text-icons-neutral-intense)}.onyx-icon--danger{--icon-color: var(--onyx-color-text-icons-danger-intense)}.onyx-icon--warning{--icon-color: var(--onyx-color-text-icons-warning-intense)}.onyx-icon--success{--icon-color: var(--onyx-color-text-icons-success-intense)}.onyx-icon--info{--icon-color: var(--onyx-color-text-icons-info-intense)}}@layer onyx.density{.onyx-density-compact .onyx-badge,:is(.onyx-badge).onyx-density-compact{--onyx-badge-icon-padding: var(--onyx-spacing-4xs);--onyx-badge-icon-size: 1rem}}@layer onyx.density{.onyx-badge,.onyx-density-default .onyx-badge,:is(.onyx-badge).onyx-density-default{--onyx-badge-icon-padding: var(--onyx-spacing-3xs);--onyx-badge-icon-size: 1rem}}@layer onyx.density{.onyx-density-cozy .onyx-badge,:is(.onyx-badge).onyx-density-cozy{--onyx-badge-icon-padding: var(--onyx-spacing-4xs);--onyx-badge-icon-size: 1.5rem}}@layer onyx.component{.onyx-badge{--onyx-badge-background-color: var(--onyx-color-component-cta-default);display:inline-block;max-width:100%;padding:var(--onyx-density-3xs) var(--onyx-density-sm);border-radius:var(--onyx-radius-full);background-color:var(--onyx-badge-background-color);color:var(--onyx-color-text-icons-neutral-inverted);font-family:var(--onyx-font-family);font-style:normal}.onyx-badge:has(.onyx-badge__icon){padding:var(--onyx-badge-icon-padding)}.onyx-badge:has(.onyx-badge__icon) .onyx-icon{--icon-size: var(--onyx-badge-icon-size)}.onyx-badge--neutral{--onyx-badge-background-color: var(--onyx-color-base-neutral-700)}.onyx-badge--danger{--onyx-badge-background-color: var(--onyx-color-base-danger-500)}.onyx-badge--warning{--onyx-badge-background-color: var(--onyx-color-base-warning-500)}.onyx-badge--success{--onyx-badge-background-color: var(--onyx-color-base-success-500)}.onyx-badge--info{--onyx-badge-background-color: var(--onyx-color-base-info-500)}.onyx-badge__icon{display:flex}.onyx-badge--dot{height:max-content;width:max-content;padding:var(--onyx-density-2xs)}}@layer onyx.component{.onyx-circle-spinner{--indicator-size: 1.5rem;--stroke-color: currentColor;width:var(--indicator-size);aspect-ratio:1;animation:onyx-circle-spinner var(--onyx-duration-lg) cubic-bezier(.4,.35,.7,.8) infinite}.onyx-circle-spinner__circle{fill:transparent;stroke-width:2px;stroke-linecap:round;stroke:var(--stroke-color);stroke-dasharray:106.0287520587 35.3429173529;stroke-dashoffset:35.3429173529;animation:onyx-circle-spinner-stroke var(--onyx-duration-lg) cubic-bezier(.4,.35,.7,.8) infinite}@keyframes onyx-circle-spinner{to{transform:rotate(1turn)}}@keyframes onyx-circle-spinner-stroke{0%{stroke-dasharray:106.0287520587 35.3429173529}75%{stroke-dasharray:35.3429173529 106.0287520587}to{stroke-dasharray:106.0287520587 35.3429173529}}}@layer onyx.component{.onyx-loading-dots{--indicator-size: 1.5rem;--dot-size: calc(.25 * var(--indicator-size));width:var(--indicator-size);aspect-ratio:1;position:relative}.onyx-loading-dots__center{box-shadow:0 var(--dot-size) 0 0;position:absolute;background-color:transparent;width:var(--dot-size);aspect-ratio:1;border-radius:var(--onyx-radius-full);animation:onyx-loading-dots var(--onyx-duration-lg) infinite linear;animation-delay:calc(var(--onyx-duration-lg) / 6);left:calc(50% - .5 * var(--dot-size));top:calc(50% - 1.5 * var(--dot-size))}.onyx-loading-dots__center:before,.onyx-loading-dots__center:after{content:"";box-shadow:0 var(--dot-size) 0 0;position:absolute;background-color:transparent;width:var(--dot-size);aspect-ratio:1;border-radius:var(--onyx-radius-full);animation:onyx-loading-dots var(--onyx-duration-lg) infinite linear}.onyx-loading-dots__center:before{left:calc(-.5 * var(--indicator-size) + .5 * var(--dot-size))}.onyx-loading-dots__center:after{right:calc(-.5 * var(--indicator-size) + .5 * var(--dot-size));animation-delay:calc(var(--onyx-duration-lg) / 3)}@keyframes onyx-loading-dots{0%{box-shadow:0 var(--dot-size) 0 0}33%{box-shadow:0 var(--dot-size) 0 calc(-1 * var(--dot-size) / 2)}66%{box-shadow:0 var(--dot-size) 0 calc(-1 * var(--dot-size) / 2)}}}@property --onyx-ripple-radius{syntax: "<percentage>"; initial-value: 0%; inherits: false;}@layer onyx.component{.onyx-ripple{--onyx-ripple-color: var(--onyx-color-base-primary-600);display:block;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit;width:100%;height:100%}.onyx-ripple__element{display:block;position:absolute;pointer-events:none;width:100%;height:100%;background:radial-gradient(circle at var(--onyx-ripple-left) var(--onyx-ripple-top),transparent var(--onyx-ripple-radius),var(--onyx-ripple-color) var(--onyx-ripple-radius));animation:onyx-ripple var(--onyx-duration-sm) cubic-bezier(0,0,.2,1) forwards}@media (prefers-reduced-motion){.onyx-ripple__element{animation:none}}@keyframes onyx-ripple{0%{--onyx-ripple-radius: 0%}to{--onyx-ripple-radius: 100%}}}@layer onyx.component{.onyx-skeleton{border-radius:var(--onyx-radius-sm);height:100%;width:100%;background:linear-gradient(to right,var(--onyx-color-base-neutral-200) 20%,var(--onyx-color-base-neutral-300) 40%,var(--onyx-color-base-neutral-200) 60%);background-size:500% 100%;animation:onyx-skeleton var(--onyx-duration-lg) ease infinite}@keyframes onyx-skeleton{0%{background-position:100% 50%}75%{background-position:0 50%}to{background-position:0 50%}}}.onyx-button,.onyx-button-skeleton{--onyx-button-padding-vertical: var(--onyx-density-xs)}@layer onyx.component{.onyx-button{--onyx-button-background-color: transparent;--onyx-button-background-hover-color: var(--onyx-color-base-primary-100);--onyx-button-border-color: transparent;--onyx-button-text-color: var(--onyx-color-text-icons-primary-intense);--onyx-button-outline-color: var(--onyx-color-component-focus-primary);--onyx-button-border-width: var(--onyx-1px-in-rem);position:relative;display:inline-flex;max-width:100%;width:max-content;padding:calc(var(--onyx-button-padding-vertical) - var(--onyx-button-border-width)) var(--onyx-density-sm);justify-content:center;align-items:center;gap:var(--onyx-density-2xs);border-radius:var(--onyx-radius-sm);cursor:pointer;font-family:var(--onyx-font-family);background-color:var(--onyx-button-background-color);border:var(--onyx-button-border-width) solid var(--onyx-button-border-color);color:var(--onyx-button-text-color)}.onyx-button:focus-visible{outline:var(--onyx-outline-width) solid var(--onyx-button-outline-color)}.onyx-button--primary:disabled:not(.onyx-button--loading){--onyx-button-text-color: var(--onyx-color-text-icons-primary-soft)}.onyx-button--primary.onyx-button--default{--onyx-button-background-color: var(--onyx-color-component-cta-default);--onyx-button-background-hover-color: var(--onyx-color-component-cta-default-hover);--onyx-button-text-color: var(--onyx-color-text-icons-neutral-button);--onyx-button-border-color: var(--onyx-button-background-color)}.onyx-button--primary.onyx-button--default:disabled:not(.onyx-button--loading){--onyx-button-background-color: var(--onyx-color-base-primary-200);--onyx-button-text-color: var(--onyx-color-text-icons-neutral-inverted)}.onyx-button--primary.onyx-button--outline{--onyx-button-border-color: var(--onyx-color-base-primary-400)}.onyx-button--primary.onyx-button--outline:disabled:not(.onyx-button--loading){--onyx-button-border-color: var(--onyx-color-base-primary-200)}.onyx-button--neutral{--onyx-button-background-hover-color: var(--onyx-color-base-neutral-200);--onyx-button-outline-color: var(--onyx-color-component-focus-neutral);--onyx-button-text-color: var(--onyx-color-text-icons-neutral-intense)}.onyx-button--neutral:disabled:not(.onyx-button--loading){--onyx-button-text-color: var(--onyx-color-text-icons-neutral-soft)}.onyx-button--neutral.onyx-button--default{--onyx-button-background-color: var(--onyx-color-base-background-blank);--onyx-button-background-hover-color: var(--onyx-color-base-neutral-200);--onyx-button-border-color: var(--onyx-color-base-neutral-400)}.onyx-button--neutral.onyx-button--default:disabled:not(.onyx-button--loading){--onyx-button-background-color: var(--onyx-color-base-background-blank);--onyx-button-border-color: var(--onyx-color-base-neutral-200)}.onyx-button--neutral.onyx-button--outline{--onyx-button-border-color: var(--onyx-color-base-neutral-400)}.onyx-button--neutral.onyx-button--outline:disabled:not(.onyx-button--loading){--onyx-button-border-color: var(--onyx-color-base-neutral-200)}.onyx-button--danger{--onyx-button-background-hover-color: var(--onyx-color-base-danger-100);--onyx-button-outline-color: var(--onyx-color-component-focus-danger);--onyx-button-text-color: var(--onyx-color-text-icons-danger-bold)}.onyx-button--danger:disabled:not(.onyx-button--loading){--onyx-button-text-color: var(--onyx-color-text-icons-danger-medium)}.onyx-button--danger.onyx-button--default{--onyx-button-background-color: var(--onyx-color-base-danger-200);--onyx-button-border-color: var(--onyx-color-base-danger-500)}.onyx-button--danger.onyx-button--default:disabled:not(.onyx-button--loading){--onyx-button-background-color: var(--onyx-color-base-danger-100);--onyx-button-border-color: var(--onyx-color-base-danger-200)}.onyx-button--danger.onyx-button--outline{--onyx-button-border-color: var(--onyx-color-base-danger-500)}.onyx-button--danger.onyx-button--outline:enabled{--onyx-button-text-color: var(--onyx-color-text-icons-danger-intense)}.onyx-button--danger.onyx-button--outline:enabled:hover{--onyx-button-text-color: var(--onyx-color-text-icons-danger-bold)}.onyx-button--danger.onyx-button--outline:disabled:not(.onyx-button--loading){--onyx-button-border-color: var(--onyx-color-base-danger-200)}.onyx-button--danger.onyx-button--plain:enabled{--onyx-button-text-color: var(--onyx-color-text-icons-danger-intense)}.onyx-button--danger.onyx-button--plain:enabled:hover{--onyx-button-text-color: var(--onyx-color-text-icons-danger-bold)}.onyx-button:hover:enabled:not(:has(.onyx-ripple__element)){--onyx-button-background-color: var(--onyx-button-background-hover-color)}.onyx-button:disabled{cursor:default}.onyx-button__label{padding-inline:var(--onyx-density-2xs);font-size:1rem;font-style:normal;font-weight:600;line-height:1.5rem;position:relative}.onyx-button__icon{position:relative}.onyx-button--loading .onyx-button__label{visibility:hidden}.onyx-button__loading{position:absolute}}.onyx-button-skeleton{width:var(--onyx-density-4xl);height:calc(1.5rem + 2 * var(--onyx-button-padding-vertical));display:inline-block;vertical-align:middle}.onyx-button .onyx-ripple{--onyx-ripple-color: var(--onyx-button-background-hover-color)}@layer onyx.component{.onyx-tooltip{--background-color: var(--onyx-color-base-neutral-900);--color: var(--onyx-color-text-icons-neutral-inverted);border-radius:var(--onyx-radius-sm);padding:var(--onyx-density-2xs) var(--onyx-density-sm);box-shadow:var(--onyx-shadow-medium-bottom);z-index:var(--onyx-z-index-flyout);display:flex;justify-content:center;align-items:center;gap:var(--onyx-density-2xs);height:max-content;margin-bottom:.5rem;background-color:var(--background-color);color:var(--color);font-family:var(--onyx-font-family);text-align:center;white-space:pre-line;min-width:var(--onyx-spacing-3xl);width:max-content;max-width:19rem;position:absolute;left:50%;transform:translate(-50%);bottom:100%}.onyx-tooltip--hidden{display:none}.onyx-tooltip--fit-parent{width:100%}.onyx-tooltip--danger{--background-color: var(--onyx-color-base-danger-200);--color: var(--onyx-color-text-icons-danger-bold)}.onyx-tooltip--success{--background-color: var(--onyx-color-base-success-200);--color: var(--onyx-color-text-icons-success-bold)}.onyx-tooltip:after{content:" ";position:absolute;top:100%;left:50%;margin-left:-.5rem;border-width:.5rem;border-style:solid;border-color:var(--background-color) transparent transparent;white-space:normal}.onyx-tooltip--bottom{margin-bottom:0;margin-top:.5rem;bottom:0;top:100%}.onyx-tooltip--bottom:after{top:-1rem;border-color:transparent transparent var(--background-color)}.onyx-tooltip--left{left:var(--wedge-size);transform:none}.onyx-tooltip--left:after{left:1rem}.onyx-tooltip--right{left:100%;transform:translate(-100%)}.onyx-tooltip--right:after{left:calc(100% - 1rem)}}@layer onyx.component{.onyx-tooltip-wrapper{position:relative;width:max-content}}@layer onyx.component{.onyx-error-tooltip{max-width:100%}}.onyx-checkbox{--onyx-checkbox-input-size: 1rem;--onyx-checkbox-input-padding: var(--onyx-density-sm)}@layer onyx.component{.onyx-checkbox{--onyx-checkbox-label-padding-vertical: var(--onyx-density-xs);font-family:var(--onyx-font-family);color:var(--onyx-color-text-icons-neutral-intense);display:inline-flex;align-items:flex-start;cursor:pointer;width:max-content;max-width:100%}.onyx-checkbox:has(.onyx-checkbox__label){padding-right:var(--onyx-checkbox-label-padding-vertical)}.onyx-checkbox:hover .onyx-checkbox__input:enabled{border-color:var(--onyx-color-component-border-primary-hover)}.onyx-checkbox:hover .onyx-checkbox__input:user-invalid{border-color:var(--onyx-color-component-border-danger-hover)}.onyx-checkbox:has(.onyx-checkbox__input:focus-visible) .onyx-checkbox__container:has(.onyx-checkbox__input:enabled){background-color:var(--onyx-color-base-primary-200)}.onyx-checkbox:has(.onyx-checkbox__input:focus-visible) .onyx-checkbox__input:enabled{border-color:var(--onyx-color-component-border-primary)}.onyx-checkbox:has(.onyx-checkbox__input:focus-visible) .onyx-checkbox__container:has(.onyx-checkbox__input:user-invalid){background-color:var(--onyx-color-base-danger-200)}.onyx-checkbox:has(.onyx-checkbox__input:focus-visible) .onyx-checkbox__input:user-invalid{border-color:var(--onyx-color-component-border-danger)}.onyx-checkbox:has(.onyx-checkbox__input:disabled){cursor:default;color:var(--onyx-color-text-icons-neutral-soft)}.onyx-checkbox:has(.onyx-checkbox__loading){cursor:default}.onyx-checkbox__container{display:inline-flex;align-items:flex-start;padding:var(--onyx-checkbox-input-padding);border-radius:var(--onyx-radius-full)}.onyx-checkbox__label{display:inline-block;padding:var(--onyx-checkbox-label-padding-vertical) 0}.onyx-checkbox__input{height:var(--onyx-checkbox-input-size);width:var(--onyx-checkbox-input-size);-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;border-radius:var(--onyx-radius-sm);outline:none;cursor:inherit;border:var(--onyx-1px-in-rem) solid var(--onyx-color-component-border-neutral);background:var(--onyx-color-base-background-blank);background-position:50%;background-repeat:no-repeat;background-size:100% 100%}.onyx-checkbox__input:checked:enabled,.onyx-checkbox__input:indeterminate:enabled{border-color:var(--onyx-color-component-cta-default);background-color:var(--onyx-color-component-cta-default)}.onyx-checkbox__input:checked:enabled:hover,.onyx-checkbox__input:indeterminate:enabled:hover{background-color:var(--onyx-color-component-cta-default-hover)}.onyx-checkbox__input:checked:user-invalid,.onyx-checkbox__input:indeterminate:user-invalid{border-color:var(--onyx-color-component-cta-danger);background-color:var(--onyx-color-component-cta-danger)}.onyx-checkbox__input:checked:user-invalid:hover,.onyx-checkbox__input:indeterminate:user-invalid:hover{background-color:var(--onyx-color-component-cta-danger-hover)}.onyx-checkbox__input:checked:disabled,.onyx-checkbox__input:indeterminate:disabled{background-color:var(--onyx-color-base-neutral-300)}.onyx-checkbox__input:disabled{border-color:var(--onyx-color-base-neutral-300)}.onyx-checkbox__input:user-invalid{border-color:var(--onyx-color-component-border-danger)}.onyx-checkbox__input:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' xml:space='preserve' viewBox='0 0 32 32'%3E%3Cpath d='m21.311 10.793-8.293 8.293-3.291-3.292-1.415 1.415 4.706 4.705 9.707-9.707z'/%3E%3C/svg%3E")}.onyx-checkbox__input:indeterminate{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' xml:space='preserve' viewBox='0 0 32 32'%3E%3Cpath d='M8 15h16v2H8z'/%3E%3C/svg%3E")}.onyx-checkbox__label,.onyx-checkbox__marker{padding:var(--onyx-checkbox-label-padding-vertical) 0;font-size:1rem;line-height:1.5rem}.onyx-checkbox__loading{color:var(--onyx-color-text-icons-primary-intense);max-width:var(--onyx-checkbox-input-size);height:var(--onyx-checkbox-input-size)}}.onyx-checkbox-skeleton{--onyx-checkbox-input-size: 1rem;--onyx-checkbox-input-padding: var(--onyx-density-sm)}@layer onyx.component{.onyx-checkbox-skeleton{display:flex;align-items:flex-start;gap:var(--onyx-checkbox-input-padding);padding:var(--onyx-checkbox-input-padding);width:max-content}.onyx-checkbox-skeleton__input{height:var(--onyx-checkbox-input-size);width:var(--onyx-checkbox-input-size)}.onyx-checkbox-skeleton__label{height:var(--onyx-spacing-md);width:var(--onyx-spacing-3xl)}}@layer onyx.component{.onyx-headline{font-weight:600;font-family:var(--onyx-font-family);color:var(--onyx-color-text-icons-neutral-intense)}.onyx-headline--h1{font-size:1.75rem;line-height:2.5rem}.onyx-headline--h2{font-size:1.25rem;line-height:1.75rem}.onyx-headline--h3{font-size:1rem;line-height:1.5rem}.onyx-headline--h4,.onyx-headline--h5,.onyx-headline--h6{font-size:.8125rem;line-height:1.25rem}}@layer onyx.component{.onyx-visually-hidden{border:0;clip:rect(0,0,0,0);height:0;margin:0;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}}@layer onyx.component{.onyx-info-tooltip__trigger{border:none;background-color:transparent;padding:0;color:inherit;display:flex;height:1lh;align-items:center}.onyx-info-tooltip__trigger:focus-visible{outline:none}.onyx-info-tooltip__trigger .onyx-icon{--icon-size: 1em}}@layer onyx.component{.onyx-checkbox-group{padding:0;border:none;max-width:max-content;min-width:unset}.onyx-checkbox-group__label{display:flex;gap:var(--onyx-spacing-2xs);align-items:center;margin-bottom:var(--onyx-density-xs)}.onyx-checkbox-group__content{display:flex}.onyx-checkbox-group__content--vertical{flex-direction:column}.onyx-checkbox-group__content--vertical .onyx-checkbox-group__option{width:100%}.onyx-checkbox-group__content--vertical .onyx-checkbox-group__check-all{border-bottom:var(--onyx-1px-in-rem) solid var(--onyx-color-component-border-neutral)}.onyx-checkbox-group__content--horizontal{flex-flow:row wrap;column-gap:var(--onyx-density-xl)}.onyx-checkbox-group__content--horizontal .onyx-checkbox-group__check-all{border-right:var(--onyx-1px-in-rem) solid var(--onyx-color-component-border-neutral)}.onyx-checkbox-group__content--horizontal .onyx-checkbox-group__check-all .onyx-checkbox__label{padding-right:var(--onyx-density-md)}}@layer onyx.component{.onyx-empty{padding:var(--onyx-density-xl);max-width:max-content;font-family:var(--onyx-font-family);text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--onyx-density-md)}.onyx-empty__label{color:var(--onyx-color-text-icons-neutral-soft);font-weight:600;white-space:pre-line}.onyx-empty .onyx-icon{color:var(--onyx-color-text-icons-primary-medium)}}@layer onyx.component{.onyx-table-wrapper{position:relative}.onyx-table-wrapper__scroll-container{border-radius:var(--onyx-radius-sm);overflow:auto;box-sizing:border-box;max-height:inherit;max-width:inherit;overscroll-behavior:none}.onyx-table-wrapper__scroll-container:focus-visible{outline:var(--onyx-outline-width) solid var(--onyx-color-component-focus-primary)}.onyx-table-wrapper:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:var(--onyx-1px-in-rem) solid var(--onyx-color-component-border-neutral);border-radius:var(--onyx-radius-sm);pointer-events:none}}@layer onyx.component{.onyx-table{font-family:var(--onyx-font-family);color:var(--onyx-color-text-icons-neutral-intense);text-align:left;contain:paint;width:100%;border-spacing:0;border-collapse:separate;border-radius:var(--onyx-radius-sm)}.onyx-table th,.onyx-table td{border-bottom:var(--onyx-1px-in-rem) solid var(--onyx-color-component-border-neutral)}.onyx-table th:first-child,.onyx-table td:first-child{border-left:var(--onyx-1px-in-rem) solid var(--onyx-color-component-border-neutral)}.onyx-table th:last-child,.onyx-table td:last-child{border-right:var(--onyx-1px-in-rem) solid var(--onyx-color-component-border-neutral)}.onyx-table tr:first-of-type th{border-top:var(--onyx-1px-in-rem) solid var(--onyx-color-component-border-neutral)}.onyx-table tr:first-child th:first-child{border-top-left-radius:var(--onyx-radius-sm)}.onyx-table tr:first-child th:last-child{border-top-right-radius:var(--onyx-radius-sm)}.onyx-table tr:last-child td:first-child{border-bottom-left-radius:var(--onyx-radius-sm)}.onyx-table tr:last-child td:last-child{border-bottom-right-radius:var(--onyx-radius-sm)}.onyx-table:not(:has(thead)) tr:first-child td{border-top:var(--onyx-1px-in-rem) solid var(--onyx-color-component-border-neutral)}.onyx-table:not(:has(thead)) tr:first-child td:first-child{border-top-left-radius:var(--onyx-radius-sm)}.onyx-table:not(:has(thead)) tr:first-child td:last-child{border-top-right-radius:var(--onyx-radius-sm)}.onyx-table--vertical-borders td:not(:last-child),.onyx-table--vertical-borders th:not(:last-child){border-right:var(--onyx-1px-in-rem) solid var(--onyx-color-component-border-neutral)}.onyx-table__empty-content{display:flex;justify-content:center}.onyx-table__header,.onyx-table__header th{position:sticky;top:0;z-index:var(--onyx-z-index-sticky-content)}.onyx-table th,.onyx-table td{position:relative;padding:var(--onyx-density-xs) var(--onyx-density-md)}.onyx-table th.onyx-table__colgroup,.onyx-table td.onyx-table__colgroup{padding-top:var(--onyx-density-3xs);padding-bottom:var(--onyx-density-3xs)}.onyx-table th{font-size:.8125rem;line-height:1.25rem;font-weight:600}.onyx-table th:not(.onyx-table__colgroup){background-color:var(--onyx-color-base-neutral-200);color:var(--onyx-color-text-icons-neutral-medium)}.onyx-table th:not(.onyx-table__colgroup):hover{background:var(--onyx-color-base-neutral-300)}.onyx-table td:before{content:"";background-color:var(--onyx-color-base-background-blank);position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2}.onyx-table--striped tbody tr:nth-child(2n) td:before{background-color:var(--onyx-color-base-background-tinted)}.onyx-table tr:hover:not(.onyx-table__empty) td:before{background-color:var(--onyx-color-base-neutral-200)}th:not(.onyx-table__colgroup):hover:before{background-color:color-mix(in srgb,var(--onyx-color-base-neutral-500),transparent 85%);content:"";height:100vh;position:absolute;top:0;left:0;width:100%;bottom:0;pointer-events:none}.onyx-table:has(.onyx-table__empty) th{pointer-events:none}.onyx-table__colgroup{background-color:var(--onyx-color-base-primary-100);color:var(--onyx-color-text-icons-primary-intense)}}@layer onyx.component;@layer onyx.component{.onyx-list-item{--onyx-list-item-color: var(--onyx-color-text-icons-neutral-intense);--onyx-list-item-color-selected: var(--onyx-color-text-icons-primary-bold);--onyx-list-item-background-hover: var(--onyx-color-base-primary-100);--onyx-list-item-background-selected: var(--onyx-color-base-primary-200);--onyx-list-item-padding: var(--onyx-density-xs) var(--onyx-density-sm);font-family:var(--onyx-font-family);color:var(--onyx-list-item-color);padding:var(--onyx-list-item-padding);background-color:var(--onyx-color-base-background-blank);font-weight:400;font-size:1rem;line-height:1.5rem;border:none;width:100%;outline:none;display:flex;align-items:center;gap:var(--onyx-density-sm)}.onyx-list-item:not(.onyx-list-item--disabled){cursor:pointer}.onyx-list-item:not(.onyx-list-item--disabled):hover,.onyx-list-item:not(.onyx-list-item--disabled):focus-within,.onyx-list-item:not(.onyx-list-item--disabled).onyx-list-item--active{background-color:var(--onyx-list-item-background-hover)}.onyx-list-item:not(.onyx-list-item--disabled).onyx-list-item--selected{background-color:var(--onyx-list-item-background-selected)}.onyx-list-item:not(.onyx-list-item--disabled).onyx-list-item--selected:hover,.onyx-list-item:not(.onyx-list-item--disabled).onyx-list-item--selected.onyx-list-item--active{color:var(--onyx-list-item-color-selected)}.onyx-list-item:not(.onyx-list-item--disabled).onyx-list-item--checked:hover,.onyx-list-item:not(.onyx-list-item--disabled).onyx-list-item--checked.onyx-list-item--active{background-color:var(--onyx-list-item-background-selected);color:var(--onyx-list-item-color-selected)}.onyx-list-item--disabled{color:var(--onyx-color-text-icons-neutral-soft)}.onyx-list-item--danger{--onyx-list-item-color: var(--onyx-color-text-icons-danger-intense);--onyx-list-item-color-selected: var(--onyx-color-text-icons-danger-intense);--onyx-list-item-background-hover: var(--onyx-color-base-danger-100);--onyx-list-item-background-selected: var(--onyx-color-base-danger-200)}}@layer onyx.component{.onyx-flyout-menu{display:inline-flex;width:min-content;position:relative}.onyx-flyout-menu__list{position:absolute;top:calc(100% + var(--onyx-spacing-sm));border-radius:var(--onyx-radius-md);background-color:var(--onyx-color-base-background-blank);padding:var(--onyx-spacing-2xs) 0;box-shadow:var(--onyx-shadow-medium-bottom);box-sizing:border-box;width:max-content;min-width:var(--onyx-spacing-4xl);max-width:20rem;font-family:var(--onyx-font-family);z-index:var(--onyx-z-index-flyout)}.onyx-flyout-menu__list--with-header{padding-top:0}.onyx-flyout-menu__list--with-footer{padding-bottom:0}.onyx-flyout-menu__wrapper{padding:0}}@layer onyx.component{.onyx-system-button,.onyx-system-button-skeleton{--height: 1.5rem}}@layer onyx.component{.onyx-system-button-skeleton{height:var(--height);width:var(--height);max-width:100%}.onyx-system-button-skeleton--text{width:var(--onyx-spacing-4xl)}}@layer onyx.component{.onyx-system-button{font-family:var(--onyx-font-family);color:var(--color);background-color:var(--background-color);border-radius:var(--onyx-radius-sm);border:none;padding:0;height:var(--height);min-width:var(--height);max-width:100%;display:inline-flex;align-items:center;justify-content:center}.onyx-system-button:enabled{cursor:pointer}.onyx-system-button:enabled:hover,.onyx-system-button:enabled:focus-visible{--background-color: var(--hover-background-color);--color: var(--hover-focus-color)}.onyx-system-button:enabled:focus-visible{--background-color: var(--focus-active-background-color);--color: var(--hover-focus-color);outline:var(--onyx-outline-width) solid var(--onyx-color-component-focus-primary)}.onyx-system-button:enabled:active{--background-color: var(--focus-active-background-color);--color: var(--active-color)}.onyx-system-button .onyx-icon{--icon-size: 1.125rem}.onyx-system-button:not(:has(.onyx-icon)){padding:var(--onyx-spacing-5xs) var(--onyx-spacing-2xs)}.onyx-system-button--intense{--color: var(--onyx-color-text-icons-neutral-medium);--hover-focus-color: var(--onyx-color-text-icons-neutral-intense);--active-color: var(--onyx-color-text-icons-primary-bold);--background-color: transparent;--hover-background-color: var(--onyx-color-base-neutral-300);--focus-active-background-color: var(--onyx-color-base-neutral-300)}.onyx-system-button--intense:not(:has(.onyx-icon)){--color: var(--onyx-color-text-icons-neutral-intense);--hover-focus-color: var(--onyx-color-text-icons-neutral-intense);--active-color: var(--onyx-color-text-icons-primary-bold);--background-color: var(--onyx-color-base-neutral-300);--hover-background-color: var(--onyx-color-base-neutral-200);--focus-active-background-color: var(--onyx-color-base-neutral-200)}.onyx-system-button--soft{--color: var(--onyx-color-text-icons-neutral-medium);--hover-focus-color: var(--onyx-color-text-icons-neutral-intense);--active-color: var(--onyx-color-text-icons-primary-intense);--background-color: transparent;--hover-background-color: var(--onyx-color-base-background-blank);--focus-active-background-color: var(--onyx-color-base-background-blank)}.onyx-system-button--soft:not(:has(.onyx-icon)){--color: var(--onyx-color-text-icons-neutral-intense);--hover-focus-color: var(--onyx-color-text-icons-neutral-intense);--active-color: var(--onyx-color-text-icons-primary-intense);--background-color: transparent;--hover-background-color: var(--onyx-color-base-background-blank);--focus-active-background-color: var(--onyx-color-base-background-blank)}.onyx-system-button--medium{--color: var(--onyx-color-text-icons-neutral-medium);--hover-focus-color: var(--onyx-color-text-icons-neutral-intense);--active-color: var(--onyx-color-text-icons-primary-intense);--background-color: transparent;--hover-background-color: var(--onyx-color-base-neutral-200);--focus-active-background-color: var(--onyx-color-base-neutral-200)}.onyx-system-button--medium:not(:has(.onyx-icon)){--color: var(--onyx-color-text-icons-neutral-intense);--hover-focus-color: var(--onyx-color-text-icons-neutral-intense);--active-color: var(--onyx-color-text-icons-primary-bold);--background-color: var(--onyx-color-base-neutral-200);--hover-background-color: var(--onyx-color-base-neutral-300);--focus-active-background-color: var(--onyx-color-base-neutral-200)}.onyx-system-button:disabled{--background-color: transparent;--color: var(--onyx-color-text-icons-neutral-soft)}}.onyx-data-grid-header-cell{display:flex;align-items:center;gap:var(--onyx-spacing-2xs)}.onyx-data-grid-header-cell__actions{display:inline-flex}@layer onyx.component{.onyx-form-message{display:inline-flex;gap:var(--onyx-spacing-2xs)}}.onyx-use-optional:not(:has(.onyx-required-marker)) .onyx-form-element__optional{display:inline-block}@layer onyx.component{.onyx-form-element{font-family:var(--onyx-font-family);display:flex;flex-direction:column;gap:var(--onyx-density-3xs)}.onyx-form-element__label{display:flex;align-items:center;max-width:100%;width:100%;color:var(--onyx-color-text-icons-neutral-medium)}.onyx-form-element__label .onyx-optional-marker{flex-grow:1;text-align:end}.onyx-form-element__optional{display:none;font-family:var(--onyx-font-family);font-weight:400;font-style:normal;color:var(--onyx-color-text-icons-neutral-soft);padding-left:var(--onyx-density-xs);-webkit-hyphens:none;hyphens:none;margin-left:auto}.onyx-form-element__label-tooltip{margin-left:var(--onyx-spacing-2xs)}.onyx-form-element__footer{width:100%;max-width:100%;display:flex;justify-content:space-between;gap:var(--onyx-spacing-2xs);color:var(--onyx-color-text-icons-neutral-soft)}.onyx-form-element__footer-messages{flex:1;min-width:0;display:flex;flex-direction:column}.onyx-form-element__counter{max-width:fit-content}.onyx-form-element__error-message,.onyx-form-element__error-tooltip{display:var(--error-message-display, none);color:var(--onyx-color-base-danger-500)}.onyx-form-element__success-message,.onyx-form-element__success-tooltip{display:var(--success-message-display, flex);color:var(--onyx-color-base-success-700)}.onyx-form-element__message{display:var(--message-display, flex)}}.onyx-datepicker,.onyx-datepicker-skeleton{--onyx-datepicker-padding-vertical: var(--onyx-density-xs)}.onyx-datepicker-skeleton{display:flex;flex-direction:column;gap:calc(var(--onyx-density-3xs) + var(--skeleton-label-density-adjustment, 0rem));line-height:1.5rem}.onyx-datepicker-skeleton__label{width:var(--onyx-density-3xl);height:calc(1.25rem - var(--skeleton-label-density-adjustment, 0rem))}.onyx-datepicker-skeleton__input{width:17rem;max-width:100%;height:calc(1lh + 2 * var(--onyx-datepicker-padding-vertical))}@layer onyx.density{.onyx-density-compact .onyx-datepicker-skeleton,:is(.onyx-datepicker-skeleton).onyx-density-compact{--skeleton-label-density-adjustment: var(--onyx-spacing-5xs)}}@layer onyx.component{.onyx-datepicker{--border-color: var(--onyx-color-component-border-neutral);--hover-border-color: var(--onyx-color-component-border-primary-hover);--selection-color: var(--onyx-color-base-primary-200);--background-color: var(--onyx-color-base-background-blank);--outline-color: var(--onyx-color-component-focus-primary);--outline-style: none;--button-color: var(--onyx-color-text-icons-neutral-soft)}.onyx-datepicker__wrapper{border-radius:var(--onyx-radius-sm);border:var(--onyx-1px-in-rem) solid var(--border-color);background-color:var(--background-color);color:var(--onyx-color-text-icons-neutral-intense);outline:var(--onyx-outline-width) var(--outline-style) var(--outline-color);display:flex;align-items:center;gap:var(--onyx-density-xs);font-size:1rem;line-height:1.5rem;padding:var(--onyx-datepicker-padding-vertical) var(--onyx-density-sm);height:calc(1lh + 2 * var(--onyx-datepicker-padding-vertical))}.onyx-datepicker__wrapper:has(.onyx-datepicker__native:read-write):hover{--border-color: var(--hover-border-color, var(--onyx-color-component-border-primary-hover));--button-color: var(--button-hover-color, var(--onyx-color-text-icons-primary-medium))}.onyx-datepicker__wrapper:has(.onyx-datepicker__native:enabled:focus,.onyx-datepicker__native--show-focus){--border-color: var(--focus-border-color, var(--onyx-color-component-border-primary-hover));--outline-style: solid}.onyx-datepicker__wrapper:has(.onyx-datepicker__native:enabled:focus,.onyx-datepicker__native--show-focus):has(.onyx-datepicker__native:read-write){--button-color: var(--button-focus-color, var(--onyx-color-text-icons-primary-intense))}.onyx-datepicker__wrapper:has(.onyx-datepicker__native:read-only){--selection-color: var(--onyx-color-base-neutral-200);--background-color: var(--onyx-color-base-background-tinted)}.onyx-datepicker__wrapper:has(.onyx-datepicker__native:enabled:read-only):hover{--border-color: var(--onyx-color-component-border-neutral-hover)}.onyx-datepicker__wrapper:has(.onyx-datepicker__native:enabled:read-only):has(.onyx-datepicker__native:focus,.onyx-datepicker__native--show-focus){--border-color: var(--onyx-color-component-border-neutral);--outline-color: var(--onyx-color-component-focus-neutral)}.onyx-datepicker__wrapper:has(.onyx-datepicker__native:read-write):has(.onyx-datepicker__native:autofill,.onyx-datepicker__native[data-test-autofill],.onyx-datepicker__native[data-com-onepassword-filled]){background-color:var(--onyx-color-base-warning-100)}.onyx-datepicker__wrapper:focus-within .onyx-datepicker__check-icon,.onyx-datepicker__wrapper:has(.onyx-datepicker__native--show-focus) .onyx-datepicker__check-icon{display:none}.onyx-datepicker__loading{color:var(--onyx-color-text-icons-primary-intense)}.onyx-datepicker__button{all:initial;display:flex;color:var(--button-color)}.onyx-datepicker__button:enabled{cursor:pointer}.onyx-datepicker__button:focus-visible{outline:var(--onyx-outline-width) solid var(--outline-color);border-radius:var(--onyx-radius-sm);--button-color: var(--button-focus-color, var(--onyx-color-text-icons-primary-intense))}.onyx-datepicker:has(.onyx-form-element__success-message){--message-display: none;--border-color: var(--onyx-color-component-border-success);--outline-color: var(--onyx-color-component-focus-success);--selection-color: var(--onyx-color-base-success-200);--focus-border-color: var(--onyx-color-component-border-success);--hover-border-color: var(--onyx-color-component-border-success-hover);--button-hover-color: var(--onyx-color-text-icons-success-medium);--button-focus-color: var(--onyx-color-text-icons-success-intense)}.onyx-datepicker:not(.onyx-form-element-suppress-invalid).onyx-form-element--touched-invalid:has(.onyx-datepicker__native:user-invalid,.onyx-datepicker__native--touched:invalid),.onyx-datepicker:not(.onyx-form-element-suppress-invalid).onyx-form-element--immediate-invalid:has(.onyx-datepicker__native:invalid){--error-message-display: inline-flex;--message-display: none;--success-message-display: none;--border-color: var(--onyx-color-component-border-danger);--outline-color: var(--onyx-color-component-focus-danger);--selection-color: var(--onyx-color-base-danger-200);--focus-border-color: var(--onyx-color-component-border-danger);--hover-border-color: var(--onyx-color-component-border-danger-hover);--button-hover-color: var(--onyx-color-text-icons-danger-medium);--button-focus-color: var(--onyx-color-text-icons-danger-intense)}.onyx-datepicker__native{border:none;border-radius:inherit;background-color:transparent;color:inherit;width:100%;outline:none;font-family:inherit;font-size:inherit;line-height:inherit;padding:0;height:100%}.onyx-datepicker__native::placeholder{color:var(--onyx-color-text-icons-neutral-soft);font-weight:400;opacity:1}.onyx-datepicker__native::selection{background:var(--selection-color)}.onyx-datepicker__native:autofill,.onyx-datepicker__native[data-test-autofill],.onyx-datepicker__native[data-com-onepassword-filled]{background-color:transparent;-webkit-text-fill-color:var(--onyx-color-text-icons-neutral-intense);transition:background-color calc(infinity * 1s)}.onyx-datepicker:has(.onyx-datepicker__native:disabled) .onyx-form-element__label{color:var(--onyx-color-text-icons-neutral-soft)}.onyx-datepicker:has(.onyx-datepicker__native:disabled) .onyx-datepicker__wrapper{color:var(--onyx-color-text-icons-neutral-soft)}.onyx-datepicker__native::-webkit-calendar-picker-indicator{cursor:pointer}}@layer onyx.component{.onyx-dialog{outline:none;border:var(--onyx-1px-in-rem) solid var(--onyx-color-component-border-neutral);border-radius:var(--onyx-radius-md);font-family:var(--onyx-font-family);color:var(--onyx-color-text-icons-neutral-intense);padding:var(--onyx-density-lg);background-color:var(--onyx-color-base-background-blank);overflow:auto;z-index:var(--onyx-z-index-page-overlay);max-width:calc(100% - 2 * var(--onyx-grid-margin));max-height:calc(100% - 2 * var(--onyx-grid-margin));height:max-content;width:max-content;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.onyx-dialog::backdrop{background-color:var(--onyx-color-backdrop)}.onyx-dialog:modal{z-index:var(--onyx-z-index-app-overlay)}}@layer onyx.component{.onyx-external-link-icon{align-self:flex-start}}.onyx-icon-button,.onyx-icon-button-skeleton{--onyx-icon-button-padding: var(--onyx-density-xs)}.onyx-icon-button-skeleton{height:calc(1.5rem + 2 * var(--onyx-icon-button-padding));width:calc(1.5rem + 2 * var(--onyx-icon-button-padding));border-radius:var(--onyx-radius-full)}@layer onyx.component{.onyx-icon-button{--icon-button-color: var(--onyx-color-text-icons-primary-intense);--icon-button-bg-color: transparent;--icon-button-cursor: pointer;display:inline-grid;place-items:center;padding:var(--onyx-icon-button-padding);color:var(--icon-button-color);cursor:var(--icon-button-cursor);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;border-radius:var(--onyx-radius-full);background-color:var(--icon-button-bg-color)}.onyx-icon-button:hover,.onyx-icon-button:focus-visible{--icon-button-bg-color: var(--onyx-color-base-primary-200);--icon-button-color: var(--onyx-color-text-icons-primary-bold)}.onyx-icon-button:disabled:not(.onyx-icon-button--loading){--icon-button-color: var(--onyx-color-text-icons-primary-soft)}.onyx-icon-button:active{--icon-button-bg-color: var(--onyx-color-base-primary-300);--icon-button-color: var(--onyx-color-text-icons-primary-bold)}.onyx-icon-button--neutral{--icon-button-color: var(--onyx-color-text-icons-neutral-medium)}.onyx-icon-button--neutral:hover,.onyx-icon-button--neutral:focus-visible{--icon-button-bg-color: var(--onyx-color-base-neutral-200);--icon-button-color: var(--onyx-color-text-icons-neutral-intense)}.onyx-icon-button--neutral:disabled:not(.onyx-icon-button--neutral--loading){--icon-button-color: var(--onyx-color-text-icons-neutral-soft)}.onyx-icon-button--neutral:active{--icon-button-bg-color: var(--onyx-color-base-neutral-300);--icon-button-color: var(--onyx-color-text-icons-neutral-intense)}.onyx-icon-button--danger{--icon-button-color: var(--onyx-color-text-icons-danger-intense)}.onyx-icon-button--danger:hover,.onyx-icon-button--danger:focus-visible{--icon-button-bg-color: var(--onyx-color-base-danger-200);--icon-button-color: var(--onyx-color-text-icons-danger-bold)}.onyx-icon-button--danger:disabled:not(.onyx-icon-button--danger--loading){--icon-button-color: var(--onyx-color-text-icons-danger-soft)}.onyx-icon-button--danger:active{--icon-button-bg-color: var(--onyx-color-base-danger-300);--icon-button-color: var(--onyx-color-text-icons-danger-bold)}.onyx-icon-button:disabled{--icon-button-bg-color: transparent;--icon-button-cursor: default}}.onyx-input,.onyx-input-skeleton{--onyx-input-padding-vertical: var(--onyx-density-xs)}.onyx-input-skeleton{display:flex;flex-direction:column;gap:calc(var(--onyx-density-3xs) + var(--skeleton-label-density-adjustment, 0rem));line-height:1.5rem}.onyx-input-skeleton__label{width:var(--onyx-density-3xl);height:calc(1.25rem - var(--skeleton-label-density-adjustment, 0rem))}.onyx-input-skeleton__input{width:17rem;max-width:100%;height:calc(1lh + 2 * var(--onyx-input-padding-vertical))}@layer onyx.density{.onyx-density-compact .onyx-input-skeleton,:is(.onyx-input-skeleton).onyx-density-compact{--skeleton-label-density-adjustment: var(--onyx-spacing-5xs)}}@layer onyx.component{.onyx-input{--border-color: var(--onyx-color-component-border-neutral);--hover-border-color: var(--onyx-color-component-border-primary-hover);--selection-color: var(--onyx-color-base-primary-200);--background-color: var(--onyx-color-base-background-blank);--outline-color: var(--onyx-color-component-focus-primary);--outline-style: none;--button-color: var(--onyx-color-text-icons-neutral-soft)}.onyx-input__wrapper{border-radius:var(--onyx-radius-sm);border:var(--onyx-1px-in-rem) solid var(--border-color);background-color:var(--background-color);color:var(--onyx-color-text-icons-neutral-intense);outline:var(--onyx-outline-width) var(--outline-style) var(--outline-color);display:flex;align-items:center;gap:var(--onyx-density-xs);font-size:1rem;line-height:1.5rem;padding:var(--onyx-input-padding-vertical) var(--onyx-density-sm);height:calc(1lh + 2 * var(--onyx-input-padding-vertical))}.onyx-input__wrapper:has(.onyx-input__native:read-write):hover{--border-color: var(--hover-border-color, var(--onyx-color-component-border-primary-hover));--button-color: var(--button-hover-color, var(--onyx-color-text-icons-primary-medium))}.onyx-input__wrapper:has(.onyx-input__native:enabled:focus,.onyx-input__native--show-focus){--border-color: var(--focus-border-color, var(--onyx-color-component-border-primary-hover));--outline-style: solid}.onyx-input__wrapper:has(.onyx-input__native:enabled:focus,.onyx-input__native--show-focus):has(.onyx-input__native:read-write){--button-color: var(--button-focus-color, var(--onyx-color-text-icons-primary-intense))}.onyx-input__wrapper:has(.onyx-input__native:read-only){--selection-color: var(--onyx-color-base-neutral-200);--background-color: var(--onyx-color-base-background-tinted)}.onyx-input__wrapper:has(.onyx-input__native:enabled:read-only):hover{--border-color: var(--onyx-color-component-border-neutral-hover)}.onyx-input__wrapper:has(.onyx-input__native:enabled:read-only):has(.onyx-input__native:focus,.onyx-input__native--show-focus){--border-color: var(--onyx-color-component-border-neutral);--outline-color: var(--onyx-color-component-focus-neutral)}.onyx-input__wrapper:has(.onyx-input__native:read-write):has(.onyx-input__native:autofill,.onyx-input__native[data-test-autofill],.onyx-input__native[data-com-onepassword-filled]){background-color:var(--onyx-color-base-warning-100)}.onyx-input__wrapper:focus-within .onyx-input__check-icon,.onyx-input__wrapper:has(.onyx-input__native--show-focus) .onyx-input__check-icon{display:none}.onyx-input__loading{color:var(--onyx-color-text-icons-primary-intense)}.onyx-input__button{all:initial;display:flex;color:var(--button-color)}.onyx-input__button:enabled{cursor:pointer}.onyx-input__button:focus-visible{outline:var(--onyx-outline-width) solid var(--outline-color);border-radius:var(--onyx-radius-sm);--button-color: var(--button-focus-color, var(--onyx-color-text-icons-primary-intense))}.onyx-input:has(.onyx-form-element__success-message){--message-display: none;--border-color: var(--onyx-color-component-border-success);--outline-color: var(--onyx-color-component-focus-success);--selection-color: var(--onyx-color-base-success-200);--focus-border-color: var(--onyx-color-component-border-success);--hover-border-color: var(--onyx-color-component-border-success-hover);--button-hover-color: var(--onyx-color-text-icons-success-medium);--button-focus-color: var(--onyx-color-text-icons-success-intense)}.onyx-input:not(.onyx-form-element-suppress-invalid).onyx-form-element--touched-invalid:has(.onyx-input__native:user-invalid,.onyx-input__native--touched:invalid),.onyx-input:not(.onyx-form-element-suppress-invalid).onyx-form-element--immediate-invalid:has(.onyx-input__native:invalid){--error-message-display: inline-flex;--message-display: none;--success-message-display: none;--border-color: var(--onyx-color-component-border-danger);--outline-color: var(--onyx-color-component-focus-danger);--selection-color: var(--onyx-color-base-danger-200);--focus-border-color: var(--onyx-color-component-border-danger);--hover-border-color: var(--onyx-color-component-border-danger-hover);--button-hover-color: var(--onyx-color-text-icons-danger-medium);--button-focus-color: var(--onyx-color-text-icons-danger-intense)}.onyx-input__native{border:none;border-radius:inherit;background-color:transparent;color:inherit;width:100%;outline:none;font-family:inherit;font-size:inherit;line-height:inherit;padding:0;height:100%}.onyx-input__native::placeholder{color:var(--onyx-color-text-icons-neutral-soft);font-weight:400;opacity:1}.onyx-input__native::selection{background:var(--selection-color)}.onyx-input__native:autofill,.onyx-input__native[data-test-autofill],.onyx-input__native[data-com-onepassword-filled]{background-color:transparent;-webkit-text-fill-color:var(--onyx-color-text-icons-neutral-intense);transition:background-color calc(infinity * 1s)}.onyx-input:has(.onyx-input__native:disabled) .onyx-form-element__label{color:var(--onyx-color-text-icons-neutral-soft)}.onyx-input:has(.onyx-input__native:disabled) .onyx-input__wrapper{color:var(--onyx-color-text-icons-neutral-soft)}}.onyx-input ::-webkit-search-cancel-button{display:none}.onyx-input__clear{height:100%;margin:0;padding:0;display:flex;align-items:center;background-color:transparent;border:none;cursor:pointer;color:var(--onyx-color-text-icons-neutral-intense)}.onyx-input__clear:hover,.onyx-input__clear:focus-visible{color:var(--onyx-color-text-icons-primary-intense)}.onyx-input__clear:focus-visible{outline:var(--onyx-outline-width) solid var(--onyx-color-component-focus-primary);border-radius:var(--onyx-radius-sm)}.onyx-input:not(.onyx-input:has(.onyx-input__wrapper:focus-within)) .onyx-input__clear,.onyx-input:has(.onyx-input__native:read-only) .onyx-input__clear{display:none}@layer onyx.component{.onyx-link{text-decoration:underline;color:var(--onyx-color-text-icons-primary-intense);display:inline-block}.onyx-link:hover{color:var(--onyx-color-text-icons-primary-medium)}.onyx-link:focus-visible{color:var(--onyx-color-text-icons-primary-intense);border-radius:var(--onyx-radius-sm);outline:var(--onyx-1px-in-rem) solid var(--onyx-color-component-focus-primary)}.onyx-link:active,.onyx-link:visited{color:var(--onyx-color-text-icons-primary-bold)}.onyx-link:visited:hover{color:var(--onyx-color-text-icons-primary-intense)}.onyx-link .onyx-external-link-icon{margin-left:var(--onyx-density-3xs)}}@layer onyx.component{.onyx-mini-search{--onyx-mini-search-icon-size: 1.5rem;--onyx-mini-search-padding-inline: var(--onyx-density-sm);display:flex;gap:var(--onyx-mini-search-padding-inline);padding:var(--onyx-density-xs) var(--onyx-mini-search-padding-inline);background-color:var(--onyx-color-base-background-blank);color:var(--onyx-color-text-icons-neutral-intense)}.onyx-mini-search__input,.onyx-mini-search__clear{all:initial}.onyx-mini-search__input{font-family:var(--onyx-font-family);font-style:normal;flex-grow:1;min-width:calc(var(--onyx-placeholder-character-count) * 1ch);color:var(--onyx-color-text-icons-neutral-intense)}.onyx-mini-search__input::placeholder{color:var(--onyx-color-text-icons-neutral-soft)}.onyx-mini-search__clear{color:var(--onyx-color-text-icons-neutral-medium);cursor:pointer;display:none}.onyx-mini-search__clear .onyx-icon{--icon-size: var(--onyx-mini-search-icon-size)}.onyx-mini-search__icon{display:grid;align-self:center;color:var(--onyx-color-text-icons-neutral-soft);--icon-size: var(--onyx-mini-search-icon-size)}.onyx-mini-search:has(.onyx-mini-search__input:not(:placeholder-shown)) .onyx-mini-search__clear{display:grid;place-items:center}.onyx-mini-search:has(.onyx-mini-search__input:not(:placeholder-shown)) .onyx-mini-search__icon{display:none}}@layer onyx.component{.onyx-mobile-nav-button{--top-position: 3.5rem}.onyx-mobile-nav-button__trigger{display:flex;background-color:var(--onyx-color-base-background-blank);color:var(--onyx-color-text-icons-neutral-medium);padding:var(--onyx-spacing-md);cursor:pointer}:where(.onyx-mobile-nav-button__trigger){border:none}.onyx-mobile-nav-button__trigger:hover:not(.onyx-mobile-nav-button__trigger--active){background-color:var(--onyx-color-base-background-tinted)}.onyx-mobile-nav-button__trigger:focus-visible{background-color:var(--onyx-color-base-primary-100);outline:none}.onyx-mobile-nav-button__trigger:active,.onyx-mobile-nav-button__trigger--active{background-color:var(--onyx-color-base-primary-100);color:var(--onyx-color-text-icons-primary-intense)}.onyx-mobile-nav-button__headline{position:sticky;top:0;z-index:1;background-color:var(--onyx-color-base-background-tinted);padding:var(--onyx-spacing-xl) 0 var(--onyx-spacing-2xs);margin-inline:auto}.onyx-mobile-nav-button__flyout{max-height:calc(100vh - var(--top-position) - var(--onyx-spacing-3xl));width:100%;background-color:var(--onyx-color-base-background-tinted);box-shadow:var(--onyx-shadow-medium-bottom);position:relative;font-family:var(--onyx-font-family);color:var(--onyx-color-text-icons-neutral-intense);overflow-y:auto;position:absolute;top:var(--top-position);left:0;z-index:var(--onyx-z-index-navigation)}.onyx-mobile-nav-button__backdrop{content:"";background-color:var(--onyx-color-backdrop);width:100%;height:100vh;display:block;cursor:pointer;position:fixed;top:var(--top-position);left:0;z-index:var(--onyx-z-index-page-overlay)}.onyx-mobile-nav-button__menu{max-width:36rem;padding:0 var(--onyx-spacing-md) var(--onyx-spacing-xl);margin-inline:auto}.onyx-mobile-nav-button__menu:has(.onyx-nav-bar__mobile-context-content){padding-top:var(--onyx-spacing-xl)}.onyx-mobile-nav-button__menu :has(.onyx-nav-button__mobile-children--open)>.onyx-nav-button:not(:has(.onyx-nav-button__mobile-children--open)){display:none}.onyx-mobile-nav-button:has(.onyx-nav-button__mobile-children--open) .onyx-mobile-nav-button__headline{display:none}.onyx-mobile-nav-button:has(.onyx-nav-button__mobile-children--open) .onyx-mobile-nav-button__menu,.onyx-mobile-nav-button__menu:not(:has(.onyx-mobile-nav-button__headline)){padding-top:var(--onyx-spacing-xl)}}@layer onyx.component{.onyx-more-list{display:flex;align-items:center;gap:var(--onyx-spacing-4xs)}.onyx-more-list__elements{display:inherit;align-items:inherit;gap:inherit;overflow-x:clip}.onyx-more-list__indicator{min-width:max-content;max-width:100%}}@layer onyx.component{.onyx-nav-app-area{background:none;border:none;display:flex;align-items:center;gap:var(--onyx-spacing-md);padding:var(--onyx-spacing-md);font-weight:600;white-space:pre-line;max-height:100cqh;cursor:pointer;text-align:left;font-family:var(--onyx-font-family);color:var(--onyx-color-text-icons-neutral-intense);background-color:var(--onyx-color-base-background-blank);overflow-x:hidden}.onyx-nav-app-area:hover{background-color:var(--onyx-color-base-background-tinted)}.onyx-nav-app-area:focus-visible{background-color:var(--onyx-color-base-primary-100);outline:none}.onyx-nav-app-area:active{background-color:var(--onyx-color-base-primary-200)}.onyx-nav-app-area__logo{width:auto;height:1.5rem}}@layer onyx.component{.onyx-color-scheme-dialog{--image-size: 10rem;width:32rem;background-color:var(--onyx-color-base-background-tinted)}.onyx-color-scheme-dialog__form{display:flex;flex-direction:column;gap:var(--onyx-spacing-md)}.onyx-color-scheme-dialog__subtitle{color:var(--onyx-color-text-icons-neutral-medium)}.onyx-color-scheme-dialog__list{list-style:none;padding:0;container-type:inline-size;display:flex;flex-direction:column;gap:var(--onyx-spacing-md);border:none}.onyx-color-scheme-dialog__option{display:flex;padding:var(--onyx-spacing-md) var(--onyx-spacing-xl);align-items:flex-start;gap:var(--onyx-spacing-md);align-self:stretch;color:var(--onyx-color-text-icons-neutral-medium);cursor:pointer;border:var(--onyx-1px-in-rem) solid var(--onyx-color-component-border-neutral);background-color:var(--onyx-color-base-background-blank);border-radius:var(--onyx-radius-md)}@container (max-width: 24rem){.onyx-color-scheme-dialog__option{flex-direction:column;--image-size: 6rem}}.onyx-color-scheme-dialog__option:hover{background:var(--onyx-color-base-background-tinted)}.onyx-color-scheme-dialog__option:has(input:checked){border-color:var(--onyx-color-base-primary-200);background-color:var(--onyx-color-base-primary-100)}.onyx-color-scheme-dialog__option:has(input:checked):hover{border-color:var(--onyx-color-component-border-primary)}.onyx-color-scheme-dialog__option:has(input:checked) .onyx-color-scheme-dialog__label{color:var(--onyx-color-text-icons-primary-intense)}.onyx-color-scheme-dialog__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--onyx-spacing-md)}.onyx-color-scheme-dialog__image{display:inline-flex}.onyx-color-scheme-dialog__image svg{width:var(--image-size);height:auto}}@layer onyx.component{.onyx-menu-item{--onyx-menu-item-gap: var(--onyx-density-sm);padding:0}.onyx-menu-item__trigger{display:flex;align-items:center;gap:var(--onyx-menu-item-gap);color:inherit;text-decoration:none;padding:var(--onyx-list-item-padding);width:100%;height:100%;border-radius:inherit;cursor:pointer}.onyx-menu-item__trigger:focus{outline:none}.onyx-menu-item__trigger:is(button){background-color:inherit;border:none}}@layer onyx.component{.onyx-color-scheme-menu-item__value{color:var(--onyx-color-text-icons-neutral-soft)}.onyx-color-scheme-menu-item .onyx-color-scheme-dialog{text-align:left}}@layer onyx.component{.onyx-nav-separator{background-color:var(--onyx-color-base-neutral-300);margin:0 var(--onyx-spacing-2xs);width:var(--onyx-1px-in-rem);min-height:2rem;height:100%;max-height:100%}.onyx-nav-separator--horizontal{min-height:unset;height:var(--onyx-1px-in-rem);width:100%;margin:var(--onyx-spacing-xs) 0}}@layer onyx.component{.onyx-nav-button{width:max-content;position:relative;list-style:none}.onyx-nav-button__trigger{display:inline-flex;position:relative;height:2.5rem;width:max-content;padding:var(--onyx-spacing-2xs) var(--onyx-spacing-md);justify-content:center;align-items:center;gap:var(--onyx-spacing-2xs);flex-shrink:0;border-radius:var(--onyx-radius-sm);background:var(--onyx-color-base-background-blank);text-decoration:none;font-family:var(--onyx-font-family);color:var(--onyx-color-text-icons-neutral-medium);border:none}.onyx-nav-button__trigger:focus-visible{outline:var(--onyx-outline-width) solid var(--onyx-color-component-focus-primary)}.onyx-nav-button__link{cursor:pointer}.onyx-nav-button--active .onyx-nav-button__trigger,.onyx-nav-button:has(.onyx-list-item--active):not(:has(.onyx-nav-button__mobile-children--open)) .onyx-nav-button__trigger{color:var(--onyx-color-text-icons-primary-intense);font-weight:600}.onyx-nav-button--active .onyx-nav-button__trigger:after,.onyx-nav-button:has(.onyx-list-item--active):not(:has(.onyx-nav-button__mobile-children--open)) .onyx-nav-button__trigger:after{content:" ";position:absolute;width:100%;height:.125rem;bottom:calc(-1 * var(--onyx-spacing-2xs));border-radius:var(--onyx-radius-full) var(--onyx-radius-full) 0 0;background:var(--onyx-color-base-primary-500);z-index:1}.onyx-nav-button:not(.onyx-nav-button--mobile):hover .onyx-nav-button__trigger,.onyx-nav-button:not(.onyx-nav-button--mobile):focus-within:has(.onyx-flyout-menu__list) .onyx-nav-button__trigger{background-color:var(--onyx-color-base-neutral-200)}.onyx-nav-button .onyx-external-link-icon{margin-left:calc(-1 * var(--onyx-spacing-2xs))}.onyx-nav-button__mobile-chevron{margin-left:auto}.onyx-nav-button__mobile-children{display:contents;padding:0}.onyx-nav-button--mobile{width:100%;border-radius:var(--onyx-radius-sm);display:flex;flex-direction:column;align-items:flex-start;gap:var(--onyx-spacing-xs)}.onyx-nav-button--mobile .onyx-nav-button__trigger{padding-inline:var(--onyx-spacing-sm)}.onyx-nav-button--mobile:not(.onyx-nav-button--active) .onyx-nav-button__trigger{color:var(--onyx-color-text-icons-neutral-intense)}.onyx-nav-button--mobile>.onyx-nav-button__trigger,.onyx-nav-button--mobile .onyx-menu-item{width:100%;justify-content:flex-start;border:var(--onyx-1px-in-rem) solid var(--onyx-color-component-border-neutral);height:3rem;border-radius:var(--onyx-radius-sm)}.onyx-nav-button--mobile>.onyx-nav-button__trigger .onyx-menu-item__trigger,.onyx-nav-button--mobile .onyx-menu-item .onyx-menu-item__trigger{--onyx-list-item-padding: var(--onyx-spacing-sm)}.onyx-nav-button--mobile>.onyx-nav-button__trigger:after,.onyx-nav-button--mobile .onyx-menu-item:after{display:none}.onyx-nav-button--mobile>.onyx-nav-button__trigger:hover,.onyx-nav-button--mobile .onyx-menu-item:hover{background-color:var(--onyx-color-base-background-tinted)}.onyx-nav-button--mobile.onyx-nav-button--active .onyx-nav-button__trigger,.onyx-nav-button--mobile:has(.onyx-list-item--active):not(:has(.onyx-nav-button__mobile-children--open)) .onyx-nav-button__trigger,.onyx-nav-button--mobile .onyx-list-item--active{--onyx-list-item-background-selected: var(--onyx-color-base-primary-100);--onyx-list-item-color-selected: var(--onyx-color-text-icons-primary-intense);background-color:var(--onyx-list-item-background-selected);border-color:var(--onyx-color-base-primary-200);font-weight:600}.onyx-nav-button--mobile.onyx-nav-button--active .onyx-nav-button__trigger:hover,.onyx-nav-button--mobile:has(.onyx-list-item--active):not(:has(.onyx-nav-button__mobile-children--open)) .onyx-nav-button__trigger:hover,.onyx-nav-button--mobile .onyx-list-item--active:hover{border-color:var(--onyx-color-component-border-primary);background-color:var(--onyx-list-item-background-selected)}}@layer onyx.component{.onyx-nav-item .onyx-external-link-icon{margin-left:calc(-1 * var(--onyx-menu-item-gap))}}@layer onyx.component{.onyx-timer{display:inline-flex;gap:var(--onyx-spacing-2xs);border-radius:var(--onyx-radius-md);border:none;background:var(--onyx-color-base-background-blank);padding:var(--onyx-spacing-2xs) var(--onyx-spacing-md);font-family:var(--onyx-font-family);color:var(--onyx-color-text-icons-neutral-intense);width:max-content;max-width:100%}.onyx-timer__label{color:var(--onyx-color-text-icons-neutral-soft)}.onyx-timer__time{font-weight:600}}@layer onyx.component{.onyx-user-menu__footer,.onyx-user-menu__mobile-footer{color:var(--onyx-color-text-icons-neutral-soft);display:flex;align-items:center;justify-content:space-between;gap:var(--onyx-spacing-2xs)}.onyx-user-menu__footer{border-top:var(--onyx-1px-in-rem) solid var(--onyx-color-component-border-neutral);padding:var(--onyx-spacing-4xs) var(--onyx-spacing-md)}.onyx-user-menu__mobile-footer{margin-top:var(--onyx-spacing-xs);border:var(--onyx-1px-in-rem) solid var(--onyx-color-component-border-neutral);border-radius:var(--onyx-radius-sm);font-size:.8125rem;line-height:1.25rem}}@layer onyx.component{.onyx-user-menu{--onyx-user-menu-height: 2.5rem;font-family:var(--onyx-font-family);width:max-content;position:relative}.onyx-user-menu:focus-within,.onyx-user-menu:hover{outline:0}.onyx-user-menu:focus-within .onyx-user-menu__trigger,.onyx-user-menu:hover .onyx-user-menu__trigger{outline:var(--onyx-outline-width) solid var(--onyx-color-component-focus-primary);background-color:var(--onyx-color-base-neutral-200)}.onyx-user-menu__trigger{border-radius:var(--onyx-radius-sm);border:none;background:var(--onyx-color-base-background-blank);padding:var(--onyx-spacing-2xs) var(--onyx-spacing-md);display:flex;align-items:center;gap:var(--onyx-spacing-2xs);color:var(--onyx-color-text-icons-neutral-medium);margin-left:auto;font-weight:600}.onyx-user-menu__trigger:hover{background-color:var(--onyx-color-base-neutral-200)}.onyx-user-menu__trigger:focus{outline:0}.onyx-user-menu .onyx-flyout-menu__list{right:0}.onyx-user-menu__header{border-bottom:var(--onyx-1px-in-rem) solid var(--onyx-color-component-border-neutral);padding:var(--onyx-spacing-md);color:var(--onyx-color-text-icons-neutral-intense);display:flex;align-items:center;gap:var(--onyx-spacing-md);text-align:left}.onyx-user-menu__username{font-weight:600}.onyx-user-menu__description{color:var(--onyx-color-text-icons-neutral-soft);font-weight:600}.onyx-user-menu--mobile{width:100%;position:static}.onyx-user-menu--mobile .onyx-user-menu__header{border:var(--onyx-1px-in-rem) solid var(--onyx-color-component-border-neutral);background-color:var(--onyx-color-base-background-blank);border-radius:var(--onyx-radius-sm);margin-bottom:var(--onyx-spacing-xs)}.onyx-user-menu--mobile .onyx-user-menu__options .onyx-list-item{border:var(--onyx-1px-in-rem) solid var(--onyx-color-component-border-neutral);border-bottom:none}.onyx-user-menu--mobile .onyx-user-menu__options .onyx-list-item:first-of-type{border-radius:var(--onyx-radius-sm) var(--onyx-radius-sm) 0 0}.onyx-user-menu--mobile .onyx-user-menu__options .onyx-list-item:last-of-type{border-bottom:var(--onyx-1px-in-rem) solid var(--onyx-color-component-border-neutral);border-radius:0 0 var(--onyx-radius-sm) var(--onyx-radius-sm)}}@layer onyx.component{.onyx-nav-bar{--nav-bar-height: 3.5rem;background-color:var(--onyx-color-base-background-blank);font-family:var(--onyx-font-family);color:var(--onyx-color-text-icons-neutral-intense);height:var(--nav-bar-height);z-index:var(--onyx-z-index-navigation);position:relative;container-type:size}.onyx-nav-bar:after{content:" ";background-color:var(--onyx-color-component-border-neutral);height:var(--onyx-1px-in-rem);width:100%;position:absolute;bottom:0}.onyx-nav-bar__content{display:grid;grid-template-columns:max-content 1fr auto;grid-template-areas:"app nav context";align-items:center;gap:var(--onyx-spacing-md);height:100%;padding-inline:var(--onyx-grid-margin);max-width:var(--onyx-grid-max-width);margin-inline:var(--onyx-grid-margin-inline)}.onyx-nav-bar__content:has(.onyx-nav-bar__back){grid-template-columns:max-content max-content 1fr auto;grid-template-areas:"app back nav context"}.onyx-nav-bar__back{grid-area:back}.onyx-nav-bar__nav{grid-area:nav}.onyx-nav-bar__nav>ul{display:flex;align-items:center;gap:var(--onyx-spacing-4xs);padding:0}.onyx-nav-bar__nav--mobile{display:flex;flex-direction:column;gap:var(--onyx-spacing-2xs)}.onyx-nav-bar__nav--mobile>ul{display:contents}.onyx-nav-bar__context{display:flex;align-items:center;justify-content:flex-end;gap:var(--onyx-spacing-4xs);grid-area:context}.onyx-nav-bar__app{border-right:var(--onyx-1px-in-rem) solid var(--onyx-color-component-border-neutral);grid-area:app}.onyx-nav-bar--mobile .onyx-nav-bar__content{grid-template-columns:max-content max-content auto auto;grid-template-areas:"burger back nav mobile-context";gap:0;padding-inline:0}.onyx-nav-bar--mobile .onyx-nav-bar__content .onyx-nav-bar__back{margin-left:var(--onyx-spacing-md)}.onyx-nav-bar--mobile .onyx-nav-bar__app{border-right:none;grid-area:nav}.onyx-nav-bar__burger{border-right:var(--onyx-1px-in-rem) solid var(--onyx-color-component-border-neutral);grid-area:burger}.onyx-nav-bar__mobile-context{grid-area:mobile-context;display:flex;align-items:center;margin-left:auto;gap:var(--onyx-spacing-4xs)}.onyx-nav-bar__mobile-global-context{display:flex;flex-direction:row-reverse;gap:inherit}.onyx-nav-bar__mobile-context-content{display:flex;flex-direction:row-reverse;flex-wrap:wrap-reverse;align-items:center;justify-content:flex-end;gap:var(--onyx-spacing-2xs)}.onyx-nav-bar__mobile-context-content:not(:has(.onyx-nav-separator+.onyx-user-menu)) .onyx-user-menu{margin-bottom:var(--onyx-spacing-md)}.onyx-nav-bar__mobile-page{grid-area:nav;color:var(--onyx-color-text-icons-primary-intense);padding-inline:var(--onyx-spacing-md);font-weight:600}.onyx-nav-bar .onyx-mobile-nav-button{--top-position: var(--nav-bar-height)}}@layer onyx.component{.onyx-page{--background-color-sidebar: var(--onyx-color-base-background-blank);--background-color-main: var(--onyx-color-base-background-tinted);--background-color-footer: var(--onyx-color-base-background-blank);height:100%;width:100%;display:grid;grid-template-rows:auto;grid-template-columns:auto;grid-template-areas:"main"}.onyx-page--footer-full{grid-template-columns:max-content 1fr;grid-template-rows:1fr max-content;grid-template-areas:"side main" "footer footer"}.onyx-page--footer-partial{grid-template-columns:max-content 1fr;grid-template-rows:1fr max-content;grid-template-areas:"side main" "side footer"}.onyx-page__sidebar{grid-area:side;overflow:hidden auto;background-color:var(--background-color-sidebar)}.onyx-page__main{grid-area:main;overflow:hidden auto;position:relative;background-color:var(--background-color-main)}.onyx-page__footer{grid-area:footer;background-color:var(--background-color-footer)}}.onyx-select-input,.onyx-select-input-skeleton{--onyx-select-input-padding-vertical: var(--onyx-density-xs)}@layer onyx.component{.onyx-select-input{--border-color: var(--onyx-color-component-border-neutral);--hover-border-color: var(--onyx-color-component-border-primary-hover);--selection-color: var(--onyx-color-base-primary-200);--background-color: var(--onyx-color-base-background-blank);--outline-color: var(--onyx-color-component-focus-primary);--outline-style: none;--button-color: var(--onyx-color-text-icons-neutral-soft)}.onyx-select-input__wrapper{border-radius:var(--onyx-radius-sm);border:var(--onyx-1px-in-rem) solid var(--border-color);background-color:var(--background-color);color:var(--onyx-color-text-icons-neutral-intense);outline:var(--onyx-outline-width) var(--outline-style) var(--outline-color);display:flex;align-items:center;gap:var(--onyx-density-xs);font-size:1rem;line-height:1.5rem;padding:var(--onyx-select-input-padding-vertical) var(--onyx-density-sm);height:calc(1lh + 2 * var(--onyx-select-input-padding-vertical))}.onyx-select-input__wrapper:has(.onyx-select-input__native:read-write):hover{--border-color: var(--hover-border-color, var(--onyx-color-component-border-primary-hover));--button-color: var(--button-hover-color, var(--onyx-color-text-icons-primary-medium))}.onyx-select-input__wrapper:has(.onyx-select-input__native:enabled:focus,.onyx-select-input__native--show-focus){--border-color: var(--focus-border-color, var(--onyx-color-component-border-primary-hover));--outline-style: solid}.onyx-select-input__wrapper:has(.onyx-select-input__native:enabled:focus,.onyx-select-input__native--show-focus):has(.onyx-select-input__native:read-write){--button-color: var(--button-focus-color, var(--onyx-color-text-icons-primary-intense))}.onyx-select-input__wrapper:has(.onyx-select-input__native:read-only){--selection-color: var(--onyx-color-base-neutral-200);--background-color: var(--onyx-color-base-background-tinted)}.onyx-select-input__wrapper:has(.onyx-select-input__native:enabled:read-only):hover{--border-color: var(--onyx-color-component-border-neutral-hover)}.onyx-select-input__wrapper:has(.onyx-select-input__native:enabled:read-only):has(.onyx-select-input__native:focus,.onyx-select-input__native--show-focus){--border-color: var(--onyx-color-component-border-neutral);--outline-color: var(--onyx-color-component-focus-neutral)}.onyx-select-input__wrapper:has(.onyx-select-input__native:read-write):has(.onyx-select-input__native:autofill,.onyx-select-input__native[data-test-autofill],.onyx-select-input__native[data-com-onepassword-filled]){background-color:var(--onyx-color-base-warning-100)}.onyx-select-input__wrapper:focus-within .onyx-select-input__check-icon,.onyx-select-input__wrapper:has(.onyx-select-input__native--show-focus) .onyx-select-input__check-icon{display:none}.onyx-select-input__loading{color:var(--onyx-color-text-icons-primary-intense)}.onyx-select-input__button{all:initial;display:flex;color:var(--button-color)}.onyx-select-input__button:enabled{cursor:pointer}.onyx-select-input__button:focus-visible{outline:var(--onyx-outline-width) solid var(--outline-color);border-radius:var(--onyx-radius-sm);--button-color: var(--button-focus-color, var(--onyx-color-text-icons-primary-intense))}.onyx-select-input:has(.onyx-form-element__success-message){--message-display: none;--border-color: var(--onyx-color-component-border-success);--outline-color: var(--onyx-color-component-focus-success);--selection-color: var(--onyx-color-base-success-200);--focus-border-color: var(--onyx-color-component-border-success);--hover-border-color: var(--onyx-color-component-border-success-hover);--button-hover-color: var(--onyx-color-text-icons-success-medium);--button-focus-color: var(--onyx-color-text-icons-success-intense)}.onyx-select-input:not(.onyx-form-element-suppress-invalid).onyx-form-element--touched-invalid:has(.onyx-select-input__native:user-invalid,.onyx-select-input__native--touched:invalid),.onyx-select-input:not(.onyx-form-element-suppress-invalid).onyx-form-element--immediate-invalid:has(.onyx-select-input__native:invalid){--error-message-display: inline-flex;--message-display: none;--success-message-display: none;--border-color: var(--onyx-color-component-border-danger);--outline-color: var(--onyx-color-component-focus-danger);--selection-color: var(--onyx-color-base-danger-200);--focus-border-color: var(--onyx-color-component-border-danger);--hover-border-color: var(--onyx-color-component-border-danger-hover);--button-hover-color: var(--onyx-color-text-icons-danger-medium);--button-focus-color: var(--onyx-color-text-icons-danger-intense)}.onyx-select-input__native{border:none;border-radius:inherit;background-color:transparent;color:inherit;width:100%;outline:none;font-family:inherit;font-size:inherit;line-height:inherit;padding:0;height:100%}.onyx-select-input__native::placeholder{color:var(--onyx-color-text-icons-neutral-soft);font-weight:400;opacity:1}.onyx-select-input__native::selection{background:var(--selection-color)}.onyx-select-input__native:autofill,.onyx-select-input__native[data-test-autofill],.onyx-select-input__native[data-com-onepassword-filled]{background-color:transparent;-webkit-text-fill-color:var(--onyx-color-text-icons-neutral-intense);transition:background-color calc(infinity * 1s)}.onyx-select-input:has(.onyx-select-input__native:disabled) .onyx-form-element__label{color:var(--onyx-color-text-icons-neutral-soft)}.onyx-select-input:has(.onyx-select-input__native:disabled) .onyx-select-input__wrapper{color:var(--onyx-color-text-icons-neutral-soft)}.onyx-select-input__native{caret-color:transparent}.onyx-select-input .onyx-select-input__wrapper:has(.onyx-select-input__native:enabled){cursor:pointer}.onyx-select-input .onyx-select-input__wrapper:has(.onyx-select-input__native:enabled) .onyx-select-input__native{cursor:pointer}.onyx-select-input__badge{display:block;cursor:pointer}.onyx-select-input-skeleton{display:flex;flex-direction:column;gap:calc(var(--onyx-density-3xs) + var(--skeleton-label-density-adjustment, 0rem));line-height:1.5rem}.onyx-select-input-skeleton__label{width:var(--onyx-density-3xl);height:calc(1.25rem - var(--skeleton-label-density-adjustment, 0rem))}.onyx-select-input-skeleton__input{width:17rem;max-width:100%;height:calc(1lh + 2 * var(--onyx-select-input-padding-vertical))}@layer onyx.density{.onyx-density-compact .onyx-select-input-skeleton,:is(.onyx-select-input-skeleton).onyx-density-compact{--skeleton-label-density-adjustment: var(--onyx-spacing-5xs)}}}.onyx-select-option{--onyx-checkbox-input-size: 1rem;--onyx-checkbox-input-padding: var(--onyx-density-sm)}@layer onyx.component{.onyx-select-option__checkbox{flex-shrink:0;height:var(--onyx-checkbox-input-size);width:var(--onyx-checkbox-input-size);-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;border-radius:var(--onyx-radius-sm);outline:none;cursor:inherit;border:var(--onyx-1px-in-rem) solid var(--onyx-color-component-border-neutral);background:var(--onyx-color-base-background-blank);background-position:50%;background-repeat:no-repeat;background-size:100% 100%}.onyx-select-option__checkbox:checked:enabled,.onyx-select-option__checkbox:indeterminate:enabled{border-color:var(--onyx-color-component-cta-default);background-color:var(--onyx-color-component-cta-default)}.onyx-select-option__checkbox:checked:enabled:hover,.onyx-select-option__checkbox:indeterminate:enabled:hover{background-color:var(--onyx-color-component-cta-default-hover)}.onyx-select-option__checkbox:checked:user-invalid,.onyx-select-option__checkbox:indeterminate:user-invalid{border-color:var(--onyx-color-component-cta-danger);background-color:var(--onyx-color-component-cta-danger)}.onyx-select-option__checkbox:checked:user-invalid:hover,.onyx-select-option__checkbox:indeterminate:user-invalid:hover{background-color:var(--onyx-color-component-cta-danger-hover)}.onyx-select-option__checkbox:checked:disabled,.onyx-select-option__checkbox:indeterminate:disabled{background-color:var(--onyx-color-base-neutral-300)}.onyx-select-option__checkbox:disabled{border-color:var(--onyx-color-base-neutral-300)}.onyx-select-option__checkbox:user-invalid{border-color:var(--onyx-color-component-border-danger)}.onyx-select-option__checkbox:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' xml:space='preserve' viewBox='0 0 32 32'%3E%3Cpath d='m21.311 10.793-8.293 8.293-3.291-3.292-1.415 1.415 4.706 4.705 9.707-9.707z'/%3E%3C/svg%3E")}.onyx-select-option__checkbox:indeterminate{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' xml:space='preserve' viewBox='0 0 32 32'%3E%3Cpath d='M8 15h16v2H8z'/%3E%3C/svg%3E")}}@layer onyx.component{.onyx-select-wrapper{--max-flyout-height: 20rem;position:relative;height:max-content}}@layer onyx.component{.onyx-select{position:absolute;visibility:hidden;opacity:0;transition:visibility var(--onyx-duration-sm),opacity var(--onyx-duration-sm);border-radius:var(--onyx-radius-md);background-color:var(--onyx-color-base-background-blank);padding:var(--onyx-spacing-2xs) 0;box-shadow:var(--onyx-shadow-medium-bottom);box-sizing:border-box;width:max-content;min-width:var(--onyx-spacing-4xl);max-width:20rem;font-family:var(--onyx-font-family);z-index:var(--onyx-z-index-flyout)}.onyx-select__wrapper{max-height:var(--max-flyout-height);overflow:auto;outline:none}.onyx-select__group,.onyx-select__check-all{padding:0}.onyx-select__group:not(:last-of-type),.onyx-select__check-all:not(:last-of-type){border-bottom:var(--onyx-1px-in-rem) solid var(--onyx-color-component-border-neutral)}.onyx-select__group:not(:last-of-type){margin-bottom:var(--onyx-density-xs)}.onyx-select__group-name{display:block;padding:0 var(--onyx-density-sm);color:var(--onyx-color-text-icons-neutral-medium);font-weight:600}.onyx-select--open{visibility:visible;opacity:1}.onyx-select--top{bottom:calc(100% + var(--onyx-outline-width))}.onyx-select--bottom{top:calc(100% + var(--onyx-outline-width))}.onyx-select--full{width:100%;max-width:unset;left:0}.onyx-select--right{right:0}.onyx-select__search{position:sticky;top:0}.onyx-select__search{border-bottom:var(--onyx-1px-in-rem) solid var(--onyx-color-component-border-neutral)}.onyx-select:has(.onyx-select__wrapper:focus-visible){outline:var(--onyx-outline-width) solid var(--onyx-color-component-focus-primary)}.onyx-select__wrapper:has(.onyx-mini-search){scroll-padding-top:calc(1lh + 2 * var(--onyx-density-xs))}.onyx-select__wrapper:has(.onyx-mini-search) .onyx-select__group-name:first-child,.onyx-select__wrapper:has(.onyx-select__check-all) .onyx-select__group-name:first-child{margin-top:var(--onyx-density-xs)}.onyx-select__slot{padding:0 var(--onyx-density-sm);display:flex;flex-direction:column;align-items:center;justify-content:center}.onyx-select__loading{color:var(--onyx-color-text-icons-primary-intense)}.onyx-select__description{display:flex;padding:var(--onyx-density-3xs) var(--onyx-density-sm);justify-content:flex-end;text-align:right;align-items:center;gap:var(--onyx-spacing-md);color:var(--onyx-color-text-icons-neutral-soft)}.onyx-select .onyx-empty{max-width:100%}}@layer onyx.component{.onyx-pagination{--onyx-pagination-padding-vertical: var(--onyx-density-xs);--onyx-pagination-border-size: var(--onyx-1px-in-rem);--onyx-pagination-height: calc(1lh + 2 * var(--onyx-pagination-padding-vertical));--onyx-pagination-character-count: 1;display:flex;align-items:flex-start;color:var(--onyx-color-text-icons-neutral-intense);font-family:var(--onyx-font-family);height:var(--onyx-pagination-height)}.onyx-pagination__select{min-width:5rem}.onyx-pagination__select .onyx-select-input__wrapper{border-top-right-radius:0;border-bottom-right-radius:0;justify-content:space-between}.onyx-pagination__select .onyx-select-input__wrapper:has(.onyx-select-input__native:enabled:focus,.onyx-select-input__native--show-focus),.onyx-pagination__select .onyx-select-input__wrapper:has(.onyx-select-input__native:enabled:read-write):hover{background-color:var(--onyx-color-base-neutral-200);--border-color: unset}.onyx-pagination__select .onyx-select-input__wrapper .onyx-select-input__button{color:var(--onyx-color-text-icons-neutral-medium)}.onyx-pagination__select .onyx-select-input__wrapper:has(.onyx-select-input__native:enabled:read-write):hover .onyx-select-input__button,.onyx-pagination__select .onyx-select-input__wrapper:has(.onyx-select-input__native:enabled:focus,.onyx-select-input__native--show-focus) .onyx-select-input__button{color:var(--onyx-color-text-icons-neutral-intense)}.onyx-pagination__select .onyx-select-input__native{width:calc(var(--onyx-pagination-character-count) * 1ch)}.onyx-pagination__count{display:flex;justify-content:center;align-items:center;padding:var(--onyx-pagination-padding-vertical) var(--onyx-density-sm);height:var(--onyx-pagination-height);border:0 solid var(--onyx-color-component-border-neutral);border-width:var(--onyx-pagination-border-size) 0;text-align:center;color:var(--onyx-color-text-icons-neutral-soft);background-color:var(--onyx-color-base-background-tinted);width:max-content;max-width:100%}.onyx-pagination__button{display:flex;justify-content:center;align-items:center;padding:var(--onyx-pagination-padding-vertical);height:var(--onyx-pagination-height);background-color:var(--onyx-color-base-background-blank);border:var(--onyx-pagination-border-size) solid var(--onyx-color-component-border-neutral);color:inherit}.onyx-pagination__button:first-of-type:not(:focus-visible){border-right:none}.onyx-pagination__button:first-of-type:focus-visible+.onyx-pagination__button{border-left:none}.onyx-pagination__button:last-of-type{border-radius:0 var(--onyx-radius-sm) var(--onyx-radius-sm) 0}.onyx-pagination__button:enabled{cursor:pointer;color:var(--onyx-color-text-icons-neutral-medium)}.onyx-pagination__button:enabled:hover,.onyx-pagination__button:enabled:focus-visible{color:var(--onyx-color-text-icons-neutral-intense)}.onyx-pagination__button:enabled:hover{background-color:var(--onyx-color-base-neutral-200)}.onyx-pagination__button:enabled:focus-visible{background-color:var(--onyx-color-base-neutral-200);outline:var(--onyx-outline-width) solid var(--onyx-color-component-focus-primary)}.onyx-pagination__button:enabled:focus-visible:first-of-type{margin-right:var(--onyx-outline-width)}.onyx-pagination__button:enabled:focus-visible:first-of-type+.onyx-pagination__button{padding-left:calc(var(--onyx-pagination-padding-vertical) - var(--onyx-outline-width))}.onyx-pagination__button:enabled:active{background-color:var(--onyx-color-base-background-blank)}.onyx-pagination__button:disabled{background-color:var(--onyx-color-base-background-tinted);color:var(--onyx-color-text-icons-neutral-soft)}}@layer onyx.component{.onyx-radio-button,.onyx-radio-button-skeleton{--onyx-radio-button-selector-size: var(--onyx-spacing-md);--onyx-radio-button-dot-size: var(--onyx-spacing-3xs);--onyx-radio-button-selector-margin: var(--onyx-density-sm)}}@layer onyx.component{.onyx-radio-button{--onyx-radio-button-cursor: pointer;--onyx-radio-button-selector-border-color: var(--onyx-color-component-border-neutral);--onyx-radio-button-selector-background-color: var(--onyx-color-base-background-blank);--onyx-radio-button-selector-outline-color: var(--onyx-color-base-primary-200);--onyx-radio-button-selector-outline-width: 0;--onyx-radio-button-label-color: var(--onyx-color-text-icons-neutral-intense);display:inline-flex;align-items:flex-start;max-width:100%;cursor:var(--onyx-radio-button-cursor)}.onyx-radio-button:has(.onyx-radio-button__selector:hover){--onyx-radio-button-selector-border-color: var(--onyx-color-component-border-primary-hover)}.onyx-radio-button:has(.onyx-radio-button__selector:checked){--onyx-radio-button-selector-background-color: var(--onyx-color-component-cta-default);--onyx-radio-button-selector-border-color: var(--onyx-radio-button-selector-background-color)}.onyx-radio-button:has(.onyx-radio-button__selector:checked:hover){--onyx-radio-button-selector-background-color: var(--onyx-color-component-cta-default-hover);--onyx-radio-button-selector-border-color: var(--onyx-radio-button-selector-background-color)}.onyx-radio-button:has(.onyx-radio-button__selector:focus-visible){--onyx-radio-button-selector-border-color: var(--onyx-color-component-border-primary);--onyx-radio-button-selector-outline-width: var(--onyx-radio-button-selector-margin)}.onyx-radio-button:has(.onyx-radio-button__selector:invalid){--onyx-radio-button-selector-border-color: var(--onyx-color-component-border-danger);--onyx-radio-button-selector-outline-color: var(--onyx-color-base-danger-200)}.onyx-radio-button:has(.onyx-radio-button__selector:invalid:checked){--onyx-radio-button-selector-background-color: var(--onyx-color-component-cta-danger)}.onyx-radio-button:has(.onyx-radio-button__selector:invalid:checked:hover){--onyx-radio-button-selector-background-color: var(--onyx-color-component-cta-danger-hover);--onyx-radio-button-selector-border-color: var(--onyx-radio-button-selector-background-color)}.onyx-radio-button:has(.onyx-radio-button__selector:invalid:focus-visible){--onyx-radio-button-selector-border-color: var(--onyx-color-component-border-danger)}.onyx-radio-button:has(.onyx-radio-button__selector:disabled){--onyx-radio-button-selector-outline-width: 0;--onyx-radio-button-selector-border-color: var(--onyx-color-component-border-disabled);--onyx-radio-button-label-color: var(--onyx-color-text-icons-neutral-soft);--onyx-radio-button-cursor: default}.onyx-radio-button:has(.onyx-radio-button__loading){--onyx-radio-button-cursor: default}.onyx-radio-button:has(.onyx-radio-button__selector:disabled:checked){--onyx-radio-button-selector-background-color: var(--onyx-color-base-neutral-300);--onyx-radio-button-selector-border-color: var(--onyx-color-base-neutral-300)}.onyx-radio-button__label{font-family:var(--onyx-font-family);color:var(--onyx-radio-button-label-color);line-height:var(--onyx-spacing-lg);padding:var(--onyx-density-xs);padding-left:0}.onyx-radio-button__selector{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:var(--onyx-radio-button-selector-margin);cursor:inherit;transition:outline var(--onyx-duration-sm);border:var(--onyx-1px-in-rem) solid var(--onyx-radio-button-selector-border-color);border-radius:var(--onyx-radius-full);background-color:var(--onyx-radio-button-selector-background-color);outline:var(--onyx-radio-button-selector-outline-width) solid var(--onyx-radio-button-selector-outline-color);outline-offset:0;display:inline-grid;place-items:center;width:var(--onyx-radio-button-selector-size);min-width:var(--onyx-radio-button-selector-size);max-width:var(--onyx-radio-button-selector-size);aspect-ratio:1}.onyx-radio-button__selector:before{content:" ";height:var(--onyx-radio-button-dot-size);width:var(--onyx-radio-button-dot-size);background-color:var(--onyx-color-base-background-blank);border-radius:var(--onyx-radius-full)}.onyx-radio-button__loading{color:var(--onyx-color-text-icons-primary-intense);width:var(--onyx-radio-button-selector-size);height:var(--onyx-radio-button-selector-size);margin:var(--onyx-radio-button-selector-margin)}}@layer onyx.component{.onyx-radio-button-skeleton{padding:var(--onyx-radio-button-selector-margin);display:inline-flex;align-items:center;gap:var(--onyx-radio-button-selector-margin)}.onyx-radio-button-skeleton__input{height:var(--onyx-radio-button-selector-size);width:var(--onyx-radio-button-selector-size);border-radius:var(--onyx-radius-full)}.onyx-radio-button-skeleton__label{height:var(--onyx-spacing-md);width:var(--onyx-spacing-3xl)}}@layer onyx.component{.onyx-radio-group{padding:0;border:none;max-width:max-content;min-width:unset}.onyx-radio-group__label{display:flex;gap:var(--onyx-spacing-2xs);align-items:center;margin-bottom:var(--onyx-density-xs)}.onyx-radio-group__content{display:flex;flex-direction:column}.onyx-radio-group__content--horizontal{flex-direction:row;flex-wrap:wrap;column-gap:var(--onyx-density-xl)}}.onyx-stepper,.onyx-stepper-skeleton{--onyx-stepper-padding-vertical: var(--onyx-density-xs)}.onyx-stepper-skeleton{display:flex;flex-direction:column;gap:calc(var(--onyx-density-3xs) + var(--skeleton-label-density-adjustment, 0rem));line-height:1.5rem}.onyx-stepper-skeleton__label{width:var(--onyx-density-3xl);height:calc(1.25rem - var(--skeleton-label-density-adjustment, 0rem))}.onyx-stepper-skeleton__input{width:17rem;max-width:100%;height:calc(1lh + 2 * var(--onyx-stepper-padding-vertical))}@layer onyx.density{.onyx-density-compact .onyx-stepper-skeleton,:is(.onyx-stepper-skeleton).onyx-density-compact{--skeleton-label-density-adjustment: var(--onyx-spacing-5xs)}}@layer onyx.component{.onyx-stepper{--border-color: var(--onyx-color-component-border-neutral);--hover-border-color: var(--onyx-color-component-border-primary-hover);--selection-color: var(--onyx-color-base-primary-200);--background-color: var(--onyx-color-base-background-blank);--outline-color: var(--onyx-color-component-focus-primary);--outline-style: none;--button-color: var(--onyx-color-text-icons-neutral-soft)}.onyx-stepper__wrapper{border-radius:var(--onyx-radius-sm);border:var(--onyx-1px-in-rem) solid var(--border-color);background-color:var(--background-color);color:var(--onyx-color-text-icons-neutral-intense);outline:var(--onyx-outline-width) var(--outline-style) var(--outline-color);display:flex;align-items:center;gap:var(--onyx-density-xs);font-size:1rem;line-height:1.5rem;padding:var(--onyx-stepper-padding-vertical) var(--onyx-density-sm);height:calc(1lh + 2 * var(--onyx-stepper-padding-vertical))}.onyx-stepper__wrapper:has(.onyx-stepper__native:read-write):hover{--border-color: var(--hover-border-color, var(--onyx-color-component-border-primary-hover));--button-color: var(--button-hover-color, var(--onyx-color-text-icons-primary-medium))}.onyx-stepper__wrapper:has(.onyx-stepper__native:enabled:focus,.onyx-stepper__native--show-focus){--border-color: var(--focus-border-color, var(--onyx-color-component-border-primary-hover));--outline-style: solid}.onyx-stepper__wrapper:has(.onyx-stepper__native:enabled:focus,.onyx-stepper__native--show-focus):has(.onyx-stepper__native:read-write){--button-color: var(--button-focus-color, var(--onyx-color-text-icons-primary-intense))}.onyx-stepper__wrapper:has(.onyx-stepper__native:read-only){--selection-color: var(--onyx-color-base-neutral-200);--background-color: var(--onyx-color-base-background-tinted)}.onyx-stepper__wrapper:has(.onyx-stepper__native:enabled:read-only):hover{--border-color: var(--onyx-color-component-border-neutral-hover)}.onyx-stepper__wrapper:has(.onyx-stepper__native:enabled:read-only):has(.onyx-stepper__native:focus,.onyx-stepper__native--show-focus){--border-color: var(--onyx-color-component-border-neutral);--outline-color: var(--onyx-color-component-focus-neutral)}.onyx-stepper__wrapper:has(.onyx-stepper__native:read-write):has(.onyx-stepper__native:autofill,.onyx-stepper__native[data-test-autofill],.onyx-stepper__native[data-com-onepassword-filled]){background-color:var(--onyx-color-base-warning-100)}.onyx-stepper__wrapper:focus-within .onyx-stepper__check-icon,.onyx-stepper__wrapper:has(.onyx-stepper__native--show-focus) .onyx-stepper__check-icon{display:none}.onyx-stepper__loading{color:var(--onyx-color-text-icons-primary-intense)}.onyx-stepper__button{all:initial;display:flex;color:var(--button-color)}.onyx-stepper__button:enabled{cursor:pointer}.onyx-stepper__button:focus-visible{outline:var(--onyx-outline-width) solid var(--outline-color);border-radius:var(--onyx-radius-sm);--button-color: var(--button-focus-color, var(--onyx-color-text-icons-primary-intense))}.onyx-stepper:has(.onyx-form-element__success-message){--message-display: none;--border-color: var(--onyx-color-component-border-success);--outline-color: var(--onyx-color-component-focus-success);--selection-color: var(--onyx-color-base-success-200);--focus-border-color: var(--onyx-color-component-border-success);--hover-border-color: var(--onyx-color-component-border-success-hover);--button-hover-color: var(--onyx-color-text-icons-success-medium);--button-focus-color: var(--onyx-color-text-icons-success-intense)}.onyx-stepper:not(.onyx-form-element-suppress-invalid).onyx-form-element--touched-invalid:has(.onyx-stepper__native:user-invalid,.onyx-stepper__native--touched:invalid),.onyx-stepper:not(.onyx-form-element-suppress-invalid).onyx-form-element--immediate-invalid:has(.onyx-stepper__native:invalid){--error-message-display: inline-flex;--message-display: none;--success-message-display: none;--border-color: var(--onyx-color-component-border-danger);--outline-color: var(--onyx-color-component-focus-danger);--selection-color: var(--onyx-color-base-danger-200);--focus-border-color: var(--onyx-color-component-border-danger);--hover-border-color: var(--onyx-color-component-border-danger-hover);--button-hover-color: var(--onyx-color-text-icons-danger-medium);--button-focus-color: var(--onyx-color-text-icons-danger-intense)}.onyx-stepper__native{border:none;border-radius:inherit;background-color:transparent;color:inherit;width:100%;outline:none;font-family:inherit;font-size:inherit;line-height:inherit;padding:0;height:100%}.onyx-stepper__native::placeholder{color:var(--onyx-color-text-icons-neutral-soft);font-weight:400;opacity:1}.onyx-stepper__native::selection{background:var(--selection-color)}.onyx-stepper__native:autofill,.onyx-stepper__native[data-test-autofill],.onyx-stepper__native[data-com-onepassword-filled]{background-color:transparent;-webkit-text-fill-color:var(--onyx-color-text-icons-neutral-intense);transition:background-color calc(infinity * 1s)}.onyx-stepper:has(.onyx-stepper__native:disabled) .onyx-form-element__label{color:var(--onyx-color-text-icons-neutral-soft)}.onyx-stepper:has(.onyx-stepper__native:disabled) .onyx-stepper__wrapper{color:var(--onyx-color-text-icons-neutral-soft)}.onyx-stepper__wrapper{gap:0;padding:0;justify-content:space-between}.onyx-stepper__counter{border:none;height:100%;background-color:transparent;color:var(--onyx-color-text-icons-neutral-medium);display:inline-flex;align-items:center;padding:var(--onyx-stepper-padding-vertical);border-radius:0 var(--onyx-radius-sm) var(--onyx-radius-sm) 0;outline:none}.onyx-stepper__counter:enabled{cursor:pointer}.onyx-stepper__counter:enabled:hover,.onyx-stepper__counter:enabled:focus-visible{color:var(--onyx-color-text-icons-primary-intense)}.onyx-stepper__counter:enabled:focus-visible{outline:none;background-color:var(--onyx-color-base-primary-100)}.onyx-stepper__counter:enabled:active{background-color:var(--onyx-color-base-primary-100)}.onyx-stepper__counter:enabled:first-child{border-radius:var(--onyx-radius-sm) 0 0 var(--onyx-radius-sm)}.onyx-stepper__counter:disabled{color:var(--onyx-color-text-icons-neutral-soft)}.onyx-stepper__native{-moz-appearance:textfield;text-align:center}.onyx-stepper__native::-webkit-outer-spin-button,.onyx-stepper__native::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}}.onyx-switch,.onyx-switch-skeleton{--onyx-switch-icon-size: 1.25rem;--onyx-switch-container-padding: var(--onyx-1px-in-rem);--onyx-switch-frame-height: calc( var(--onyx-switch-icon-size) + 2 * var(--onyx-switch-container-padding) + 2 * var(--onyx-1px-in-rem) );--onyx-switch-label-padding-vertical: var(--onyx-density-xs)}@layer onyx.density{.onyx-density-compact .onyx-switch,:is(.onyx-switch).onyx-density-compact{--onyx-switch-transform: .125rem}}@layer onyx.density{.onyx-switch,.onyx-density-default .onyx-switch,:is(.onyx-switch).onyx-density-default{--onyx-switch-transform: var(--onyx-1px-in-rem)}}@layer onyx.density{.onyx-density-cozy .onyx-switch,:is(.onyx-switch).onyx-density-cozy{--onyx-switch-transform: .01rem}}@layer onyx.component{.onyx-switch{display:inline-flex;align-items:flex-start;cursor:pointer;max-width:100%}.onyx-switch__input{position:absolute;opacity:0;cursor:inherit;width:0;height:0;margin:0}.onyx-switch__input:checked+.onyx-switch__click-area .onyx-switch__container{background-color:var(--onyx-color-component-cta-default)}.onyx-switch__input:checked+.onyx-switch__click-area .onyx-switch__container .onyx-switch__icon{background-color:var(--onyx-color-base-neutral-100);transform:translate(calc(75% - var(--onyx-switch-transform)));color:var(--onyx-color-text-icons-primary-intense)}.onyx-switch__input:checked+.onyx-switch__click-area .onyx-switch__container .onyx-switch__spinner{color:var(--onyx-color-text-icons-primary-intense)}.onyx-switch__input:checked:disabled:not(.onyx-switch__loading)+.onyx-switch__click-area .onyx-switch__container{background-color:var(--onyx-color-base-primary-200)}.onyx-switch__input:checked:disabled:not(.onyx-switch__loading)+.onyx-switch__click-area .onyx-switch__container .onyx-switch__icon{background-color:var(--onyx-color-base-background-blank);color:var(--onyx-color-text-icons-primary-soft)}.onyx-switch__input:disabled:not(.onyx-switch__loading)+.onyx-switch__click-area .onyx-switch__container{background-color:var(--onyx-color-base-neutral-200)}.onyx-switch__input:disabled:not(.onyx-switch__loading)+.onyx-switch__click-area .onyx-switch__container .onyx-switch__icon{background-color:var(--onyx-color-base-neutral-300);color:var(--onyx-color-text-icons-neutral-inverted)}.onyx-switch__input:user-invalid+.onyx-switch__click-area .onyx-switch__container{background-color:var(--onyx-color-base-danger-200);position:relative}.onyx-switch__input:user-invalid+.onyx-switch__click-area .onyx-switch__container .onyx-switch__icon{background-color:var(--onyx-color-base-danger-500);color:var(--onyx-color-text-icons-neutral-inverted)}.onyx-switch__input:user-invalid+.onyx-switch__click-area .onyx-switch__container .onyx-switch__frame{position:absolute;border:var(--onyx-1px-in-rem) solid var(--onyx-color-component-border-danger);height:var(--onyx-switch-frame-height);border-radius:var(--onyx-radius-full);width:calc(2 * var(--onyx-switch-icon-size) - 2 * var(--onyx-switch-container-padding));box-sizing:border-box;top:0;left:0}.onyx-switch__input:user-invalid:checked+.onyx-switch__click-area .onyx-switch__container{background-color:var(--onyx-color-component-cta-danger)}.onyx-switch__input:user-invalid:checked+.onyx-switch__click-area .onyx-switch__container .onyx-switch__icon{background-color:var(--onyx-color-base-background-blank);color:var(--onyx-color-text-icons-danger-intense)}.onyx-switch__click-area,.onyx-switch-skeleton__click-area{padding:var(--onyx-switch-label-padding-vertical);display:flex;align-items:center}.onyx-switch__container{display:inline-flex;width:calc(2 * var(--onyx-switch-icon-size) - 2 * var(--onyx-switch-container-padding));min-width:calc(2 * var(--onyx-switch-icon-size) - 2 * var(--onyx-switch-container-padding));padding:var(--onyx-switch-container-padding);box-sizing:border-box;background-color:var(--onyx-color-base-neutral-300);border-radius:var(--onyx-radius-full);transition:background-color var(--onyx-duration-sm) ease}.onyx-switch__container .onyx-switch__icon{margin:var(--onyx-1px-in-rem);display:flex;align-self:center;justify-content:center;background-color:var(--onyx-color-base-neutral-100);border-radius:var(--onyx-radius-full);transition:transform var(--onyx-duration-sm) ease,background-color var(--onyx-duration-sm) ease;overflow:hidden;color:var(--onyx-color-text-icons-neutral-soft);height:var(--onyx-switch-icon-size);width:var(--onyx-switch-icon-size)}.onyx-switch__container .onyx-switch__icon .onyx-icon{--icon-size: var(--onyx-switch-icon-size)}.onyx-switch__container .onyx-switch__icon .onyx-switch__spinner{padding:var(--onyx-1px-in-rem)}.onyx-switch__label,.onyx-switch__marker{padding:var(--onyx-switch-label-padding-vertical) 0;font-size:1rem;line-height:1.5rem}.onyx-switch__label{color:var(--onyx-color-text-icons-neutral-intense);font-family:var(--onyx-font-family);font-style:normal;font-weight:400}.onyx-switch:hover:has(.onyx-switch__input:enabled) .onyx-switch__container{background-color:var(--onyx-color-base-neutral-400)}.onyx-switch:hover:has(.onyx-switch__input:enabled:checked) .onyx-switch__container{background-color:var(--onyx-color-component-cta-default-hover)}.onyx-switch:hover:has(.onyx-switch__input:user-invalid:enabled) .onyx-switch__container{background-color:var(--onyx-color-base-danger-300)}.onyx-switch:hover:has(.onyx-switch__input:user-invalid:enabled:checked) .onyx-switch__container{background-color:var(--onyx-color-component-cta-danger-hover)}.onyx-switch:has(.onyx-switch__input:focus-visible){outline:none}.onyx-switch:has(.onyx-switch__input:focus-visible):has(.onyx-switch__input:enabled) .onyx-switch__container{outline:var(--onyx-outline-width) solid var(--onyx-color-component-focus-neutral)}.onyx-switch:has(.onyx-switch__input:focus-visible):has(.onyx-switch__input:checked:enabled) .onyx-switch__container{outline:var(--onyx-outline-width) solid var(--onyx-color-component-focus-primary)}.onyx-switch:has(.onyx-switch__input:focus-visible):has(.onyx-switch__input:user-invalid:enabled) .onyx-switch__container{outline:var(--onyx-outline-width) solid var(--onyx-color-component-focus-danger)}.onyx-switch:has(.onyx-switch__input:disabled){cursor:default}.onyx-switch:has(.onyx-switch__input:disabled) .onyx-switch__label{color:var(--onyx-color-text-icons-neutral-soft)}}@layer onyx.component{.onyx-switch-skeleton{display:inline-flex;align-items:center}.onyx-switch-skeleton__input{height:var(--onyx-switch-frame-height);border-radius:var(--onyx-radius-full);width:calc(2 * var(--onyx-switch-icon-size) - 2 * var(--onyx-switch-container-padding))}.onyx-switch-skeleton__label{height:var(--onyx-spacing-md);width:var(--onyx-spacing-3xl)}}@layer onyx.component{.onyx-tab,.onyx-tab-skeleton{--onyx-tab-padding-vertical: var(--onyx-density-xs);--onyx-tab-highlight-gap: var(--onyx-density-3xs)}.onyx-tab--h1,.onyx-tab-skeleton--h1{font-size:1.75rem;line-height:2.5rem}.onyx-tab--h2,.onyx-tab-skeleton--h2{font-size:1.25rem;line-height:1.75rem}.onyx-tab--h3,.onyx-tab-skeleton--h3{font-size:1rem;line-height:1.5rem}.onyx-tab--h4,.onyx-tab--h5,.onyx-tab--h6,.onyx-tab-skeleton--h4,.onyx-tab-skeleton--h5,.onyx-tab-skeleton--h6{font-size:.8125rem;line-height:1.25rem}}@layer onyx.component{.onyx-tab{font-family:var(--onyx-font-family);color:var(--onyx-color-text-icons-neutral-medium);border-radius:var(--onyx-radius-sm);padding:var(--onyx-tab-padding-vertical) var(--onyx-density-md);font-weight:600;min-width:max-content;border:none;background-color:transparent}.onyx-tab--selected{color:var(--onyx-color-text-icons-neutral-intense)}.onyx-tab--selected .onyx-tab__label:after{content:"";height:.125rem;background-color:var(--onyx-color-component-cta-default);width:calc(100% - 2 * var(--onyx-density-xs));min-width:1rem;position:absolute;left:50%;bottom:calc(-1 * var(--onyx-tab-highlight-gap));transform:translate(-50%)}.onyx-tab:enabled{cursor:pointer}.onyx-tab:enabled:hover,.onyx-tab:enabled:focus-visible{background-color:var(--onyx-color-component-focus-primary)}.onyx-tab:enabled:focus-visible{outline:var(--onyx-outline-width) solid var(--onyx-color-component-focus-primary)}.onyx-tab:enabled:active{color:var(--onyx-color-text-icons-primary-bold)}.onyx-tab:disabled{color:var(--onyx-color-text-icons-neutral-soft)}.onyx-tab__label{display:flex;align-items:center;justify-content:center;gap:var(--onyx-density-xs);position:relative}.onyx-tab__panel{font-family:var(--onyx-font-family);color:var(--onyx-color-text-icons-neutral-intense)}.onyx-tab-skeleton{width:var(--onyx-density-4xl);height:calc(1lh + 2 * var(--onyx-tab-padding-vertical) + var(--onyx-tab-highlight-gap));display:inline-block;vertical-align:middle}}@layer onyx.component{.onyx-tabs{--onyx-tabs-tablist-margin-bottom: var(--onyx-density-md)}.onyx-tabs__tablist{overflow-x:auto;display:flex;align-items:center;gap:var(--onyx-density-2xs);margin-bottom:var(--onyx-tabs-tablist-margin-bottom)}.onyx-tabs__tablist:has(.onyx-tab:focus-visible){padding-top:var(--onyx-outline-width);margin-top:calc(-1 * var(--onyx-outline-width));padding-bottom:var(--onyx-outline-width);margin-bottom:calc(var(--onyx-tabs-tablist-margin-bottom) - var(--onyx-outline-width))}.onyx-tabs__tablist:has(.onyx-tab:focus-visible:first-of-type){padding-left:var(--onyx-outline-width);margin-left:calc(-1 * var(--onyx-outline-width))}.onyx-tabs__tablist:has(.onyx-tab:focus-visible:last-of-type){padding-right:var(--onyx-outline-width);margin-right:calc(-1 * var(--onyx-outline-width))}.onyx-tabs--stretched .onyx-tabs__tablist{justify-content:space-between}.onyx-tabs--stretched .onyx-tab,.onyx-tabs--stretched .onyx-tab-skeleton{width:100%}}@layer onyx.component{.onyx-tag{display:inline-flex;align-items:center;gap:var(--onyx-density-2xs);width:max-content;max-width:100%;padding:var(--onyx-density-3xs) var(--onyx-density-xs);border-radius:var(--onyx-radius-xs);font-family:var(--onyx-font-family);color:var(--onyx-tag-color);border:var(--onyx-1px-in-rem) solid var(--onyx-tag-border-color);background-color:var(--onyx-tag-background-color)}.onyx-tag--primary{--onyx-tag-background-color: var(--onyx-color-base-primary-200);--onyx-tag-border-color: var(--onyx-color-component-border-primary);--onyx-tag-color: var(--onyx-color-text-icons-primary-bold)}.onyx-tag--neutral{--onyx-tag-background-color: var(--onyx-color-base-neutral-200);--onyx-tag-border-color: var(--onyx-color-base-neutral-500);--onyx-tag-color: var(--onyx-color-text-icons-neutral-medium)}.onyx-tag--danger{--onyx-tag-background-color: var(--onyx-color-base-danger-200);--onyx-tag-border-color: var(--onyx-color-base-danger-600);--onyx-tag-color: var(--onyx-color-text-icons-danger-bold)}.onyx-tag--warning{--onyx-tag-background-color: var(--onyx-color-base-warning-200);--onyx-tag-border-color: var(--onyx-color-base-warning-600);--onyx-tag-color: var(--onyx-color-text-icons-warning-bold)}.onyx-tag--success{--onyx-tag-background-color: var(--onyx-color-base-success-200);--onyx-tag-border-color: var(--onyx-color-base-success-500);--onyx-tag-color: var(--onyx-color-text-icons-success-bold)}.onyx-tag--info{--onyx-tag-background-color: var(--onyx-color-base-info-200);--onyx-tag-border-color: var(--onyx-color-base-info-600);--onyx-tag-color: var(--onyx-color-text-icons-info-bold)}}.onyx-textarea,.onyx-textarea-skeleton{--min-autosize-rows: 3;--max-autosize-rows: 10;--onyx-textarea-padding-vertical: var(--onyx-density-xs);--min-height: calc(var(--min-autosize-rows) * 1lh + 2 * var(--onyx-textarea-padding-vertical));--max-height: calc(var(--max-autosize-rows) * 1lh + 2 * var(--onyx-textarea-padding-vertical))}.onyx-textarea:has(.onyx-textarea__native[style=height]),.onyx-textarea-skeleton:has(.onyx-textarea__native[style=height]){--max-height: unset}.onyx-textarea:has(.onyx-textarea__native[style=height]) .onyx-textarea__wrapper:after,.onyx-textarea-skeleton:has(.onyx-textarea__native[style=height]) .onyx-textarea__wrapper:after{height:0}.onyx-textarea-skeleton{display:flex;flex-direction:column;gap:calc(var(--onyx-density-3xs) + var(--skeleton-label-density-adjustment, 0rem));line-height:1.5rem}.onyx-textarea-skeleton__label{width:var(--onyx-density-3xl);height:calc(1.25rem - var(--skeleton-label-density-adjustment, 0rem))}.onyx-textarea-skeleton__input{width:17rem;max-width:100%;height:var(--min-height)}@layer onyx.density{.onyx-density-compact .onyx-textarea-skeleton,:is(.onyx-textarea-skeleton).onyx-density-compact{--skeleton-label-density-adjustment: var(--onyx-spacing-5xs)}}@layer onyx.component{.onyx-textarea{--border-color: var(--onyx-color-component-border-neutral);--hover-border-color: var(--onyx-color-component-border-primary-hover);--selection-color: var(--onyx-color-base-primary-200);--background-color: var(--onyx-color-base-background-blank);--outline-color: var(--onyx-color-component-focus-primary);--outline-style: none;--button-color: var(--onyx-color-text-icons-neutral-soft)}.onyx-textarea__wrapper{border-radius:var(--onyx-radius-sm);border:var(--onyx-1px-in-rem) solid var(--border-color);background-color:var(--background-color);color:var(--onyx-color-text-icons-neutral-intense);outline:var(--onyx-outline-width) var(--outline-style) var(--outline-color);display:flex;align-items:center;gap:var(--onyx-density-xs);font-size:1rem;line-height:1.5rem;padding:var(--onyx-textarea-padding-vertical) var(--onyx-density-sm);height:calc(1lh + 2 * var(--onyx-textarea-padding-vertical))}.onyx-textarea__wrapper:has(.onyx-textarea__native:read-write):hover{--border-color: var(--hover-border-color, var(--onyx-color-component-border-primary-hover));--button-color: var(--button-hover-color, var(--onyx-color-text-icons-primary-medium))}.onyx-textarea__wrapper:has(.onyx-textarea__native:enabled:focus,.onyx-textarea__native--show-focus){--border-color: var(--focus-border-color, var(--onyx-color-component-border-primary-hover));--outline-style: solid}.onyx-textarea__wrapper:has(.onyx-textarea__native:enabled:focus,.onyx-textarea__native--show-focus):has(.onyx-textarea__native:read-write){--button-color: var(--button-focus-color, var(--onyx-color-text-icons-primary-intense))}.onyx-textarea__wrapper:has(.onyx-textarea__native:read-only){--selection-color: var(--onyx-color-base-neutral-200);--background-color: var(--onyx-color-base-background-tinted)}.onyx-textarea__wrapper:has(.onyx-textarea__native:enabled:read-only):hover{--border-color: var(--onyx-color-component-border-neutral-hover)}.onyx-textarea__wrapper:has(.onyx-textarea__native:enabled:read-only):has(.onyx-textarea__native:focus,.onyx-textarea__native--show-focus){--border-color: var(--onyx-color-component-border-neutral);--outline-color: var(--onyx-color-component-focus-neutral)}.onyx-textarea__wrapper:has(.onyx-textarea__native:read-write):has(.onyx-textarea__native:autofill,.onyx-textarea__native[data-test-autofill],.onyx-textarea__native[data-com-onepassword-filled]){background-color:var(--onyx-color-base-warning-100)}.onyx-textarea__wrapper:focus-within .onyx-textarea__check-icon,.onyx-textarea__wrapper:has(.onyx-textarea__native--show-focus) .onyx-textarea__check-icon{display:none}.onyx-textarea__loading{color:var(--onyx-color-text-icons-primary-intense)}.onyx-textarea__button{all:initial;display:flex;color:var(--button-color)}.onyx-textarea__button:enabled{cursor:pointer}.onyx-textarea__button:focus-visible{outline:var(--onyx-outline-width) solid var(--outline-color);border-radius:var(--onyx-radius-sm);--button-color: var(--button-focus-color, var(--onyx-color-text-icons-primary-intense))}.onyx-textarea:has(.onyx-form-element__success-message){--message-display: none;--border-color: var(--onyx-color-component-border-success);--outline-color: var(--onyx-color-component-focus-success);--selection-color: var(--onyx-color-base-success-200);--focus-border-color: var(--onyx-color-component-border-success);--hover-border-color: var(--onyx-color-component-border-success-hover);--button-hover-color: var(--onyx-color-text-icons-success-medium);--button-focus-color: var(--onyx-color-text-icons-success-intense)}.onyx-textarea:not(.onyx-form-element-suppress-invalid).onyx-form-element--touched-invalid:has(.onyx-textarea__native:user-invalid,.onyx-textarea__native--touched:invalid),.onyx-textarea:not(.onyx-form-element-suppress-invalid).onyx-form-element--immediate-invalid:has(.onyx-textarea__native:invalid){--error-message-display: inline-flex;--message-display: none;--success-message-display: none;--border-color: var(--onyx-color-component-border-danger);--outline-color: var(--onyx-color-component-focus-danger);--selection-color: var(--onyx-color-base-danger-200);--focus-border-color: var(--onyx-color-component-border-danger);--hover-border-color: var(--onyx-color-component-border-danger-hover);--button-hover-color: var(--onyx-color-text-icons-danger-medium);--button-focus-color: var(--onyx-color-text-icons-danger-intense)}.onyx-textarea__native{border:none;border-radius:inherit;background-color:transparent;color:inherit;width:100%;outline:none;font-family:inherit;font-size:inherit;line-height:inherit;padding:0;height:100%}.onyx-textarea__native::placeholder{color:var(--onyx-color-text-icons-neutral-soft);font-weight:400;opacity:1}.onyx-textarea__native::selection{background:var(--selection-color)}.onyx-textarea__native:autofill,.onyx-textarea__native[data-test-autofill],.onyx-textarea__native[data-com-onepassword-filled]{background-color:transparent;-webkit-text-fill-color:var(--onyx-color-text-icons-neutral-intense);transition:background-color calc(infinity * 1s)}.onyx-textarea:has(.onyx-textarea__native:disabled) .onyx-form-element__label{color:var(--onyx-color-text-icons-neutral-soft)}.onyx-textarea:has(.onyx-textarea__native:disabled) .onyx-textarea__wrapper{color:var(--onyx-color-text-icons-neutral-soft)}.onyx-textarea__wrapper{padding:0;height:unset;display:grid}.onyx-textarea__wrapper:after{grid-area:1/1;height:100%;min-height:var(--min-height);max-height:var(--max-height);padding:var(--onyx-textarea-padding-vertical) var(--onyx-density-sm);content:attr(data-autosize-value) " ";white-space:pre-wrap;visibility:hidden;overflow-wrap:anywhere}.onyx-textarea__native{grid-area:1/1;height:100%;min-height:var(--min-height);max-height:var(--max-height);padding:var(--onyx-textarea-padding-vertical) var(--onyx-density-sm);resize:vertical}.onyx-textarea__native--no-resize{resize:none}}.onyx-toast-message{--onyx-toast-message-padding-vertical: var(--onyx-density-sm);--onyx-toast-message-padding-horizontal: var(--onyx-density-md)}@layer onyx.component{.onyx-toast-message{--onyx-toast-message-color: var(--onyx-color-text-icons-neutral-inverted);--onyx-toast-message-background-color: var(--onyx-color-base-neutral-700);--onyx-toast-message-border-color: transparent;--onyx-toast-message-outline-color: var(--onyx-color-component-focus-primary);--onyx-toast-message-progress-bar-color: var(--onyx-color-base-primary-300);--onyx-toast-message-close-button-size: 1.5rem;font-family:var(--onyx-font-family);width:40rem;max-width:100%;flex-shrink:0;border-radius:var(--onyx-radius-md);overflow:hidden;box-shadow:var(--onyx-shadow-soft-bottom);color:var(--onyx-toast-message-color);background-color:var(--onyx-toast-message-background-color);position:relative;z-index:var(--onyx-z-index-notification)}.onyx-toast-message:hover .onyx-toast-message__progress-bar,.onyx-toast-message:focus .onyx-toast-message__progress-bar,.onyx-toast-message:has(.onyx-toast-message__description:focus-visible) .onyx-toast-message__progress-bar{animation-play-state:paused}.onyx-toast-message:is(button){text-align:left;cursor:pointer;border:none;padding:0}.onyx-toast-message:is(button):focus-within{outline:var(--onyx-outline-width) solid var(--onyx-toast-message-outline-color)}.onyx-toast-message:has(.onyx-toast-message__description:focus-visible){outline:var(--onyx-outline-width) solid var(--onyx-toast-message-outline-color)}.onyx-toast-message__wrapper{display:flex;gap:var(--onyx-density-md);padding:var(--onyx-toast-message-padding-vertical) var(--onyx-toast-message-padding-horizontal);border:var(--onyx-1px-in-rem) solid var(--onyx-toast-message-border-color);border-radius:inherit}.onyx-toast-message__content{width:100%}.onyx-toast-message__headline{font-weight:600;display:flex;align-items:flex-start;justify-content:space-between}.onyx-toast-message__headline:has(.onyx-toast-message__close){max-width:calc(100% - var(--onyx-toast-message-close-button-size))}.onyx-toast-message__progress-bar{display:block;height:var(--onyx-spacing-5xs);background-color:var(--onyx-toast-message-progress-bar-color);animation:onyx-toast-message-progress-bar linear;width:0;position:absolute;bottom:0;left:0}@keyframes onyx-toast-message-progress-bar{0%{width:100%}to{width:0%}}.onyx-toast-message__close{background:none;padding:0;font:inherit;border:none;color:inherit;cursor:pointer;display:flex;position:absolute;right:var(--onyx-toast-message-padding-horizontal);top:var(--onyx-toast-message-padding-vertical)}.onyx-toast-message__close:focus-visible{border-radius:var(--onyx-radius-md);outline:var(--onyx-spacing-5xs) solid var(--onyx-toast-message-outline-color)}.onyx-toast-message:has(.onyx-toast-message__progress-bar):not(:hover) .onyx-toast-message__close{display:none}.onyx-toast-message__description{margin-top:var(--onyx-density-2xs);white-space:pre-line;max-height:3lh;overflow-y:auto}.onyx-toast-message__description:focus-visible{outline:none}.onyx-toast-message--danger{--onyx-toast-message-color: var(--onyx-color-text-icons-danger-bold);--onyx-toast-message-background-color: var(--onyx-color-base-danger-100);--onyx-toast-message-border-color: var(--onyx-color-base-danger-300);--onyx-toast-message-outline-color: var(--onyx-color-component-focus-danger);--onyx-toast-message-progress-bar-color: var(--onyx-color-base-danger-400)}.onyx-toast-message--warning{--onyx-toast-message-color: var(--onyx-color-text-icons-warning-bold);--onyx-toast-message-background-color: var(--onyx-color-base-warning-100);--onyx-toast-message-border-color: var(--onyx-color-base-warning-300);--onyx-toast-message-outline-color: var(--onyx-color-component-focus-warning);--onyx-toast-message-progress-bar-color: var(--onyx-color-base-warning-400)}.onyx-toast-message--success{--onyx-toast-message-color: var(--onyx-color-text-icons-success-bold);--onyx-toast-message-background-color: var(--onyx-color-base-success-100);--onyx-toast-message-border-color: var(--onyx-color-base-success-300);--onyx-toast-message-outline-color: var(--onyx-color-component-focus-success);--onyx-toast-message-progress-bar-color: var(--onyx-color-base-success-400)}}@layer onyx.component{.onyx-toast{padding:0;border:none;background:none;z-index:var(--onyx-z-index-notification);position:fixed;bottom:0;left:50%;transform:translate(-50%);overflow:auto;width:max-content;max-width:100%;max-height:calc(100% - var(--onyx-spacing-xl))}.onyx-toast .onyx-toast-message{margin:var(--onyx-spacing-2xs) var(--onyx-grid-margin);max-width:calc(100% - 2 * var(--onyx-grid-margin))}.onyx-toast .onyx-toast-message:last-child{margin-bottom:var(--onyx-spacing-xl)}}
1	+ @layer onyx.reset,onyx.utility,onyx.component,onyx.density;@layer onyx.utility{:root{--onyx-font-family: "Source Sans 3 Variable", sans-serif;--onyx-font-family-mono: "Source Code Pro Variable", monospace;--onyx-1px-in-rem: .0625rem;--onyx-duration-sm: .4s;--onyx-duration-md: .7s;--onyx-duration-lg: 1s;--onyx-shadow-medium-bottom: 0 .125rem .5rem 0 rgba(0, 0, 0, .1);--onyx-shadow-medium-left: -.125rem 0 .5rem 0 rgba(0, 0, 0, .1);--onyx-shadow-medium-right: .125rem 0 .5rem 0 rgba(0, 0, 0, .1);--onyx-shadow-soft-bottom: 0 .5rem 1.5rem 0 rgba(0, 0, 0, .1);--onyx-shadow-soft-left: -.5rem 0 1.5rem 0 rgba(0, 0, 0, .1);--onyx-shadow-soft-right: .5rem 0 1.5rem 0 rgba(0, 0, 0, .1);--onyx-color-backdrop: rgba(0, 0, 0, .15);--onyx-outline-width: .25rem}:root{color-scheme:light}.dark{color-scheme:dark}.dark{--onyx-shadow-medium-bottom: none;--onyx-shadow-medium-left: none;--onyx-shadow-medium-right: none;--onyx-shadow-soft-bottom: none;--onyx-shadow-soft-left: none;--onyx-shadow-soft-right: none;--onyx-color-backdrop: rgba(0, 0, 0, .6)}}:where(html.onyx-transition-active ){transition-duration:.2s;transition-property:color,background-color,border-color;transition-timing-function:ease-in-out}@layer onyx.reset{html:focus-within .onyx-component{scroll-behavior:smooth}.onyx-component,.onyx-component:before,.onyx-component:after,.onyx-component ,.onyx-component :before,.onyx-component :after{margin:0;box-sizing:border-box;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.onyx-component:is(input,button,textarea,optgroup,select),.onyx-component :is(input,button,textarea,optgroup,select){font:inherit}.onyx-component:is(th),.onyx-component :is(th){padding:0}.onyx-component:is(hr),.onyx-component :is(hr){height:0;color:inherit}.onyx-component:is(abbr[title]),.onyx-component :is(abbr[title]){text-decoration:underline dotted}.onyx-component:is(b,strong),.onyx-component :is(b,strong){font-weight:bolder}.onyx-component:is(small),.onyx-component :is(small){font-size:80%}.onyx-component:is(sub,sup),.onyx-component :is(sub,sup){font-size:75%;line-height:0;position:relative;vertical-align:baseline}.onyx-component:is(sub),.onyx-component :is(sub){bottom:-.25em}.onyx-component:is(sup),.onyx-component :is(sup){top:-.5em}.onyx-component:is(table),.onyx-component :is(table){text-indent:0;border-color:inherit}.onyx-component:is(button,select),.onyx-component :is(button,select){text-transform:none}.onyx-component:is(button,[type=button],[type=reset],[type=submit]),.onyx-component :is(button,[type=button],[type=reset],[type=submit]){-webkit-appearance:button}.onyx-component::-moz-focus-inner,.onyx-component ::-moz-focus-inner{border-style:none;padding:0}.onyx-component:-moz-focusring,.onyx-component :-moz-focusring{outline:1px dotted ButtonText}.onyx-component:-moz-ui-invalid,.onyx-component :-moz-ui-invalid{box-shadow:none}.onyx-component:is(legend),.onyx-component :is(legend){padding:0}.onyx-component:is(progress),.onyx-component :is(progress){vertical-align:baseline}.onyx-component::-webkit-inner-spin-button,.onyx-component::-webkit-outer-spin-button,.onyx-component ::-webkit-inner-spin-button,.onyx-component ::-webkit-outer-spin-button{height:auto}.onyx-component:is([type=search]),.onyx-component :is([type=search]){-webkit-appearance:textfield;outline-offset:-2px}.onyx-component::-webkit-search-decoration,.onyx-component ::-webkit-search-decoration{-webkit-appearance:none}.onyx-component::-webkit-file-upload-button,.onyx-component ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.onyx-component:is(summary),.onyx-component :is(summary){display:list-item}}@layer onyx.utility{.onyx-grid{display:grid;grid-template-columns:repeat(var(--onyx-grid-columns),minmax(0,1fr));gap:var(--onyx-grid-gutter)}.onyx-grid-container{padding:var(--onyx-grid-margin);max-width:var(--onyx-grid-max-width, none);margin-inline:var(--onyx-grid-margin-inline);box-sizing:border-box}.onyx-grid-center{--onyx-grid-margin-inline: auto}@media screen and (min-width: 1921px){.onyx-grid-xl-20{--onyx-grid-columns: 20}}.onyx-grid-span-1{grid-column-end:span min(1,var(--onyx-grid-columns))}.onyx-grid-span-2{grid-column-end:span min(2,var(--onyx-grid-columns))}.onyx-grid-span-3{grid-column-end:span min(3,var(--onyx-grid-columns))}.onyx-grid-span-4{grid-column-end:span min(4,var(--onyx-grid-columns))}.onyx-grid-span-5{grid-column-end:span min(5,var(--onyx-grid-columns))}.onyx-grid-span-6{grid-column-end:span min(6,var(--onyx-grid-columns))}.onyx-grid-span-7{grid-column-end:span min(7,var(--onyx-grid-columns))}.onyx-grid-span-8{grid-column-end:span min(8,var(--onyx-grid-columns))}.onyx-grid-span-9{grid-column-end:span min(9,var(--onyx-grid-columns))}.onyx-grid-span-10{grid-column-end:span min(10,var(--onyx-grid-columns))}.onyx-grid-span-11{grid-column-end:span min(11,var(--onyx-grid-columns))}.onyx-grid-span-12{grid-column-end:span min(12,var(--onyx-grid-columns))}.onyx-grid-span-13{grid-column-end:span min(13,var(--onyx-grid-columns))}.onyx-grid-span-14{grid-column-end:span min(14,var(--onyx-grid-columns))}.onyx-grid-span-15{grid-column-end:span min(15,var(--onyx-grid-columns))}.onyx-grid-span-16{grid-column-end:span min(16,var(--onyx-grid-columns))}.onyx-grid-span-17{grid-column-end:span min(17,var(--onyx-grid-columns))}.onyx-grid-span-18{grid-column-end:span min(18,var(--onyx-grid-columns))}.onyx-grid-span-19{grid-column-end:span min(19,var(--onyx-grid-columns))}.onyx-grid-span-20{grid-column-end:span min(20,var(--onyx-grid-columns))}:where(:root){--onyx-grid-columns: 4;--onyx-grid-gutter: 1rem;--onyx-grid-margin: 1rem}.onyx-grid-2xs-span-1{grid-column-end:span min(1,var(--onyx-grid-columns))}.onyx-grid-2xs-span-2{grid-column-end:span min(2,var(--onyx-grid-columns))}.onyx-grid-2xs-span-3{grid-column-end:span min(3,var(--onyx-grid-columns))}.onyx-grid-2xs-span-4{grid-column-end:span min(4,var(--onyx-grid-columns))}@media screen and (min-width: 577px){:where(:root){--onyx-grid-columns: 8;--onyx-grid-gutter: 1rem;--onyx-grid-margin: 1rem}.onyx-grid-xs-span-1{grid-column-end:span min(1,var(--onyx-grid-columns))}.onyx-grid-xs-span-2{grid-column-end:span min(2,var(--onyx-grid-columns))}.onyx-grid-xs-span-3{grid-column-end:span min(3,var(--onyx-grid-columns))}.onyx-grid-xs-span-4{grid-column-end:span min(4,var(--onyx-grid-columns))}.onyx-grid-xs-span-5{grid-column-end:span min(5,var(--onyx-grid-columns))}.onyx-grid-xs-span-6{grid-column-end:span min(6,var(--onyx-grid-columns))}.onyx-grid-xs-span-7{grid-column-end:span min(7,var(--onyx-grid-columns))}.onyx-grid-xs-span-8{grid-column-end:span min(8,var(--onyx-grid-columns))}}@media screen and (min-width: 769px){:where(:root){--onyx-grid-columns: 8;--onyx-grid-gutter: 1.5rem;--onyx-grid-margin: 2rem}.onyx-grid-sm-span-1{grid-column-end:span min(1,var(--onyx-grid-columns))}.onyx-grid-sm-span-2{grid-column-end:span min(2,var(--onyx-grid-columns))}.onyx-grid-sm-span-3{grid-column-end:span min(3,var(--onyx-grid-columns))}.onyx-grid-sm-span-4{grid-column-end:span min(4,var(--onyx-grid-columns))}.onyx-grid-sm-span-5{grid-column-end:span min(5,var(--onyx-grid-columns))}.onyx-grid-sm-span-6{grid-column-end:span min(6,var(--onyx-grid-columns))}.onyx-grid-sm-span-7{grid-column-end:span min(7,var(--onyx-grid-columns))}.onyx-grid-sm-span-8{grid-column-end:span min(8,var(--onyx-grid-columns))}}@media screen and (min-width: 993px){:where(:root){--onyx-grid-columns: 12;--onyx-grid-gutter: 1.5rem;--onyx-grid-margin: 4rem}.onyx-grid-md-span-1{grid-column-end:span min(1,var(--onyx-grid-columns))}.onyx-grid-md-span-2{grid-column-end:span min(2,var(--onyx-grid-columns))}.onyx-grid-md-span-3{grid-column-end:span min(3,var(--onyx-grid-columns))}.onyx-grid-md-span-4{grid-column-end:span min(4,var(--onyx-grid-columns))}.onyx-grid-md-span-5{grid-column-end:span min(5,var(--onyx-grid-columns))}.onyx-grid-md-span-6{grid-column-end:span min(6,var(--onyx-grid-columns))}.onyx-grid-md-span-7{grid-column-end:span min(7,var(--onyx-grid-columns))}.onyx-grid-md-span-8{grid-column-end:span min(8,var(--onyx-grid-columns))}.onyx-grid-md-span-9{grid-column-end:span min(9,var(--onyx-grid-columns))}.onyx-grid-md-span-10{grid-column-end:span min(10,var(--onyx-grid-columns))}.onyx-grid-md-span-11{grid-column-end:span min(11,var(--onyx-grid-columns))}.onyx-grid-md-span-12{grid-column-end:span min(12,var(--onyx-grid-columns))}}@media screen and (min-width: 1441px){:where(:root){--onyx-grid-columns: 16;--onyx-grid-gutter: 2rem;--onyx-grid-margin: 4rem}.onyx-grid-lg-span-1{grid-column-end:span min(1,var(--onyx-grid-columns))}.onyx-grid-lg-span-2{grid-column-end:span min(2,var(--onyx-grid-columns))}.onyx-grid-lg-span-3{grid-column-end:span min(3,var(--onyx-grid-columns))}.onyx-grid-lg-span-4{grid-column-end:span min(4,var(--onyx-grid-columns))}.onyx-grid-lg-span-5{grid-column-end:span min(5,var(--onyx-grid-columns))}.onyx-grid-lg-span-6{grid-column-end:span min(6,var(--onyx-grid-columns))}.onyx-grid-lg-span-7{grid-column-end:span min(7,var(--onyx-grid-columns))}.onyx-grid-lg-span-8{grid-column-end:span min(8,var(--onyx-grid-columns))}.onyx-grid-lg-span-9{grid-column-end:span min(9,var(--onyx-grid-columns))}.onyx-grid-lg-span-10{grid-column-end:span min(10,var(--onyx-grid-columns))}.onyx-grid-lg-span-11{grid-column-end:span min(11,var(--onyx-grid-columns))}.onyx-grid-lg-span-12{grid-column-end:span min(12,var(--onyx-grid-columns))}.onyx-grid-lg-span-13{grid-column-end:span min(13,var(--onyx-grid-columns))}.onyx-grid-lg-span-14{grid-column-end:span min(14,var(--onyx-grid-columns))}.onyx-grid-lg-span-15{grid-column-end:span min(15,var(--onyx-grid-columns))}.onyx-grid-lg-span-16{grid-column-end:span min(16,var(--onyx-grid-columns))}.onyx-grid-max-md{--onyx-grid-max-width: 1440px}}@media screen and (min-width: 1921px){:where(:root){--onyx-grid-columns: 16;--onyx-grid-gutter: 2rem;--onyx-grid-margin: 4rem}.onyx-grid-xl-span-1{grid-column-end:span min(1,var(--onyx-grid-columns))}.onyx-grid-xl-span-2{grid-column-end:span min(2,var(--onyx-grid-columns))}.onyx-grid-xl-span-3{grid-column-end:span min(3,var(--onyx-grid-columns))}.onyx-grid-xl-span-4{grid-column-end:span min(4,var(--onyx-grid-columns))}.onyx-grid-xl-span-5{grid-column-end:span min(5,var(--onyx-grid-columns))}.onyx-grid-xl-span-6{grid-column-end:span min(6,var(--onyx-grid-columns))}.onyx-grid-xl-span-7{grid-column-end:span min(7,var(--onyx-grid-columns))}.onyx-grid-xl-span-8{grid-column-end:span min(8,var(--onyx-grid-columns))}.onyx-grid-xl-span-9{grid-column-end:span min(9,var(--onyx-grid-columns))}.onyx-grid-xl-span-10{grid-column-end:span min(10,var(--onyx-grid-columns))}.onyx-grid-xl-span-11{grid-column-end:span min(11,var(--onyx-grid-columns))}.onyx-grid-xl-span-12{grid-column-end:span min(12,var(--onyx-grid-columns))}.onyx-grid-xl-span-13{grid-column-end:span min(13,var(--onyx-grid-columns))}.onyx-grid-xl-span-14{grid-column-end:span min(14,var(--onyx-grid-columns))}.onyx-grid-xl-span-15{grid-column-end:span min(15,var(--onyx-grid-columns))}.onyx-grid-xl-span-16{grid-column-end:span min(16,var(--onyx-grid-columns))}.onyx-grid-max-lg{--onyx-grid-max-width: 1920px}.onyx-grid-xl-span-17{grid-column-end:span min(17,var(--onyx-grid-columns))}.onyx-grid-xl-span-18{grid-column-end:span min(18,var(--onyx-grid-columns))}.onyx-grid-xl-span-19{grid-column-end:span min(19,var(--onyx-grid-columns))}.onyx-grid-xl-span-20{grid-column-end:span min(20,var(--onyx-grid-columns))}}}:root{--onyx-z-index-app-overlay: 60;--onyx-z-index-navigation: 50;--onyx-z-index-page-overlay: 40;--onyx-z-index-notification: 30;--onyx-z-index-sticky-content: 20;--onyx-z-index-flyout: 10}@layer onyx.utility{:root{--ON: initial;--OFF: }:root,.onyx-use-required{--onyx-use-required: var(--ON);--onyx-use-optional: var(--OFF)}.onyx-use-optional{--onyx-use-required: var(--OFF);--onyx-use-optional: var(--ON)}.onyx-required-marker:after{font-family:var(--onyx-use-required, var(--onyx-font-family));content:var(--onyx-use-required, "");color:var(--onyx-use-required, var(--onyx-color-text-icons-danger-intense));padding-left:var(--onyx-use-required, var(--onyx-spacing-5xs))}.onyx-optional-marker:after{font-family:var(--onyx-use-optional, var(--onyx-font-family));font-weight:var(--onyx-use-optional, 400);font-style:var(--onyx-use-optional, normal);content:var(--onyx-use-optional, var(--onyx-global-optional-text, "(optional)"));color:var(--onyx-use-optional, var(--onyx-color-text-icons-neutral-soft));padding-left:var(--onyx-use-optional, var(--onyx-density-xs));-webkit-hyphens:var(--onyx-use-optional, none);hyphens:var(--onyx-use-optional, none)}}@layer onyx.utility{.onyx-text{font-weight:400;font-size:1rem;line-height:1.5rem;text-wrap:balance}.onyx-text--small{font-size:.8125rem;line-height:1.25rem}.onyx-text--large{font-size:1.25rem;line-height:1.75rem}.onyx-text--monospace{font-family:var(--onyx-font-family-mono)}.onyx-truncation-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.onyx-truncation-multiline{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}}:where(:root),.onyx-theme-default{--onyx-color-digits-100: #e8fcfc;--onyx-color-digits-200: #bbeaed;--onyx-color-digits-300: #79dde2;--onyx-color-digits-400: #3dd0d8;--onyx-color-digits-500: #00c3cd;--onyx-color-digits-600: #00adb5;--onyx-color-digits-700: #00969d;--onyx-color-digits-800: #008085;--onyx-color-digits-900: #00696e;--onyx-color-digits-1000: #005356;--onyx-color-digits-1100: #003c3e;--onyx-color-digits-1200: #002626;--onyx-color-grayscale-black: #000000;--onyx-color-grayscale-white: #ffffff;--onyx-color-green-100: #ecf8f2;--onyx-color-green-200: #c6e4d5;--onyx-color-green-300: #98d1b3;--onyx-color-green-400: #6ebe94;--onyx-color-green-500: #44aa75;--onyx-color-green-600: #3b9b69;--onyx-color-green-700: #328c5e;--onyx-color-green-800: #297d52;--onyx-color-green-900: #216d46;--onyx-color-green-1000: #185e3a;--onyx-color-green-1100: #0f4f2f;--onyx-color-green-1200: #064023;--onyx-color-kl-100: #fafbfc;--onyx-color-kl-200: #e9ecf0;--onyx-color-kl-300: #d7dce0;--onyx-color-kl-400: #b7bec4;--onyx-color-kl-500: #96a1ab;--onyx-color-kl-600: #657682;--onyx-color-kl-700: #42515c;--onyx-color-kl-800: #42515c;--onyx-color-kl-900: #31414b;--onyx-color-kl-1000: #212e3a;--onyx-color-kl-1100: #101e2a;--onyx-color-kl-1200: #000d19;--onyx-color-lemon-100: #fcfff0;--onyx-color-lemon-200: #f5ffcc;--onyx-color-lemon-300: #f1ffad;--onyx-color-lemon-400: #eaff70;--onyx-color-lemon-500: #e5ff29;--onyx-color-lemon-600: #c7de22;--onyx-color-lemon-700: #9db015;--onyx-color-lemon-800: #72800f;--onyx-color-lemon-900: #586309;--onyx-color-lemon-1000: #3f4805;--onyx-color-lemon-1100: #282e02;--onyx-color-lemon-1200: #121601;--onyx-color-lidl-100: #e8f3fc;--onyx-color-lidl-200: #bedcf2;--onyx-color-lidl-300: #77b7e4;--onyx-color-lidl-400: #3b98d9;--onyx-color-lidl-500: #0079ce;--onyx-color-lidl-600: #0069b4;--onyx-color-lidl-700: #005899;--onyx-color-lidl-800: #00487f;--onyx-color-lidl-900: #003e6c;--onyx-color-lidl-1000: #003359;--onyx-color-lidl-1100: #002946;--onyx-color-lidl-1200: #001e33;--onyx-color-lime-100: #effcef;--onyx-color-lime-200: #d5f5d6;--onyx-color-lime-300: #b8f3bc;--onyx-color-lime-400: #85e890;--onyx-color-lime-500: #32dc5a;--onyx-color-lime-600: #2abf4d;--onyx-color-lime-700: #1c9a3a;--onyx-color-lime-800: #146e29;--onyx-color-lime-900: #0d541e;--onyx-color-lime-1000: #073c13;--onyx-color-lime-1100: #032609;--onyx-color-lime-1200: #011103;--onyx-color-onyx-100: #e8fcfc;--onyx-color-onyx-200: #bbeaed;--onyx-color-onyx-300: #79dde2;--onyx-color-onyx-400: #3dd0d8;--onyx-color-onyx-500: #00c3cd;--onyx-color-onyx-600: #00adb5;--onyx-color-onyx-700: #00969d;--onyx-color-onyx-800: #008085;--onyx-color-onyx-900: #00696e;--onyx-color-onyx-1000: #005356;--onyx-color-onyx-1100: #003c3e;--onyx-color-onyx-1200: #002626;--onyx-color-orange-100: #faf6f2;--onyx-color-orange-200: #f8e7d7;--onyx-color-orange-300: #f6d1b1;--onyx-color-orange-400: #f4b57e;--onyx-color-orange-500: #f2994a;--onyx-color-orange-600: #d98841;--onyx-color-orange-700: #bf7737;--onyx-color-orange-800: #a6662e;--onyx-color-orange-900: #8c5625;--onyx-color-orange-1000: #73451c;--onyx-color-orange-1100: #593412;--onyx-color-orange-1200: #402309;--onyx-color-purple-100: #f4f1f8;--onyx-color-purple-200: #dbcfea;--onyx-color-purple-300: #c2addc;--onyx-color-purple-400: #a98ace;--onyx-color-purple-500: #9068c0;--onyx-color-purple-600: #805aae;--onyx-color-purple-700: #704c9b;--onyx-color-purple-800: #603e89;--onyx-color-purple-900: #513077;--onyx-color-purple-1000: #412265;--onyx-color-purple-1100: #311452;--onyx-color-purple-1200: #210640;--onyx-color-quantitatives-100: #005795;--onyx-color-quantitatives-150: #004475;--onyx-color-quantitatives-200: #ff8a25;--onyx-color-quantitatives-250: #c65f06;--onyx-color-quantitatives-300: #e51718;--onyx-color-quantitatives-350: #b70b0c;--onyx-color-quantitatives-400: #36b16b;--onyx-color-quantitatives-450: #22874e;--onyx-color-quantitatives-500: #56d8fc;--onyx-color-quantitatives-550: #1ea2c6;--onyx-color-quantitatives-600: #ff9990;--onyx-color-quantitatives-650: #d15146;--onyx-color-quantitatives-700: #ff3fd1;--onyx-color-quantitatives-750: #bd0e93;--onyx-color-quantitatives-800: #3c6475;--onyx-color-quantitatives-850: #51849c;--onyx-color-quantitatives-900: #c4bc81;--onyx-color-quantitatives-950: #9c955d;--onyx-color-quantitatives-1000: #c3143f;--onyx-color-quantitatives-1050: #f03b68;--onyx-color-quantitatives-1100: #a09dfa;--onyx-color-quantitatives-1150: #5551ce;--onyx-color-quantitatives-1200: #00bcc6;--onyx-color-quantitatives-1250: #018a91;--onyx-color-red-100: #fbefee;--onyx-color-red-200: #f1d2d1;--onyx-color-red-300: #e6a7a5;--onyx-color-red-400: #dc706e;--onyx-color-red-500: #d1332f;--onyx-color-red-600: #bc2d2a;--onyx-color-red-700: #a82824;--onyx-color-red-800: #93221f;--onyx-color-red-900: #7e1d19;--onyx-color-red-1000: #691714;--onyx-color-red-1100: #55120e;--onyx-color-red-1200: #400c09;--onyx-color-schwarz-100: #ebf1fe;--onyx-color-schwarz-200: #c5d4fc;--onyx-color-schwarz-300: #94adf3;--onyx-color-schwarz-400: #6a8bef;--onyx-color-schwarz-500: #4a6be8;--onyx-color-schwarz-600: #3e58ba;--onyx-color-schwarz-700: #2a3f90;--onyx-color-schwarz-800: #203274;--onyx-color-schwarz-900: #172559;--onyx-color-schwarz-1000: #0e1840;--onyx-color-schwarz-1100: #060d29;--onyx-color-schwarz-1200: #020413;--onyx-color-steel-100: #fafbfc;--onyx-color-steel-200: #e3eaf0;--onyx-color-steel-300: #c9d6e0;--onyx-color-steel-400: #9db3c4;--onyx-color-steel-500: #7392aa;--onyx-color-steel-600: #506e84;--onyx-color-steel-700: #3e596e;--onyx-color-steel-800: #31495c;--onyx-color-steel-900: #22384a;--onyx-color-steel-1000: #11212d;--onyx-color-steel-1100: #081723;--onyx-color-steel-1200: #000e19;--onyx-color-stone-100: #fafbfc;--onyx-color-stone-200: #eaedf0;--onyx-color-stone-300: #d8dde1;--onyx-color-stone-400: #b7bfc5;--onyx-color-stone-500: #95a1aa;--onyx-color-stone-600: #697985;--onyx-color-stone-700: #52626d;--onyx-color-stone-800: #42515c;--onyx-color-stone-900: #31414b;--onyx-color-stone-1000: #21303a;--onyx-color-stone-1100: #10202a;--onyx-color-stone-1200: #000f19;--onyx-color-twogo-100: #e8fcfc;--onyx-color-twogo-200: #b4e2e3;--onyx-color-twogo-300: #7bcace;--onyx-color-twogo-400: #41b3b8;--onyx-color-twogo-500: #079ba2;--onyx-color-twogo-600: #07888f;--onyx-color-twogo-700: #06767b;--onyx-color-twogo-800: #056368;--onyx-color-twogo-900: #035155;--onyx-color-twogo-1000: #023e42;--onyx-color-twogo-1100: #012c2e;--onyx-color-twogo-1200: #00191b;--onyx-number-opacity-medium: 3.75rem;--onyx-number-opacity-soft: .9375rem;--onyx-number-radius-100: .125rem;--onyx-number-radius-200: .25rem;--onyx-number-radius-300: .5rem;--onyx-number-radius-400: 1rem;--onyx-number-radius-500: 2rem;--onyx-number-radius-600: 62.5rem;--onyx-number-spacing-0: 0rem;--onyx-number-spacing-100: .125rem;--onyx-number-spacing-200: .25rem;--onyx-number-spacing-250: .375rem;--onyx-number-spacing-300: .5rem;--onyx-number-spacing-325: .625rem;--onyx-number-spacing-350: .75rem;--onyx-number-spacing-400: 1rem;--onyx-number-spacing-500: 1.5rem;--onyx-number-spacing-600: 2rem;--onyx-number-spacing-700: 3rem;--onyx-number-spacing-800: 4rem;--onyx-number-spacing-900: 6rem;--onyx-number-spacing-950: 8rem}:where(:root),.onyx-theme-default{--onyx-color-base-background-blank: var(--onyx-color-grayscale-white);--onyx-color-base-background-tinted: var(--onyx-color-steel-100);--onyx-color-base-danger-100: var(--onyx-color-red-100);--onyx-color-base-danger-200: var(--onyx-color-red-200);--onyx-color-base-danger-300: var(--onyx-color-red-300);--onyx-color-base-danger-400: var(--onyx-color-red-400);--onyx-color-base-danger-500: var(--onyx-color-red-500);--onyx-color-base-danger-600: var(--onyx-color-red-600);--onyx-color-base-danger-700: var(--onyx-color-red-700);--onyx-color-base-danger-800: var(--onyx-color-red-800);--onyx-color-base-danger-900: var(--onyx-color-red-900);--onyx-color-base-grayscale-black: var(--onyx-color-grayscale-black);--onyx-color-base-grayscale-white: var(--onyx-color-grayscale-white);--onyx-color-base-info-100: var(--onyx-color-purple-100);--onyx-color-base-info-200: var(--onyx-color-purple-200);--onyx-color-base-info-300: var(--onyx-color-purple-300);--onyx-color-base-info-400: var(--onyx-color-purple-400);--onyx-color-base-info-500: var(--onyx-color-purple-500);--onyx-color-base-info-600: var(--onyx-color-purple-600);--onyx-color-base-info-700: var(--onyx-color-purple-700);--onyx-color-base-info-800: var(--onyx-color-purple-800);--onyx-color-base-info-900: var(--onyx-color-purple-900);--onyx-color-base-neutral-100: var(--onyx-color-steel-100);--onyx-color-base-neutral-200: var(--onyx-color-steel-200);--onyx-color-base-neutral-300: var(--onyx-color-steel-300);--onyx-color-base-neutral-400: var(--onyx-color-steel-400);--onyx-color-base-neutral-500: var(--onyx-color-steel-500);--onyx-color-base-neutral-600: var(--onyx-color-steel-600);--onyx-color-base-neutral-700: var(--onyx-color-steel-700);--onyx-color-base-neutral-800: var(--onyx-color-steel-800);--onyx-color-base-neutral-900: var(--onyx-color-steel-900);--onyx-color-base-primary-100: var(--onyx-color-onyx-100);--onyx-color-base-primary-200: var(--onyx-color-onyx-200);--onyx-color-base-primary-300: var(--onyx-color-onyx-300);--onyx-color-base-primary-400: var(--onyx-color-onyx-400);--onyx-color-base-primary-500: var(--onyx-color-onyx-500);--onyx-color-base-primary-600: var(--onyx-color-onyx-600);--onyx-color-base-primary-700: var(--onyx-color-onyx-700);--onyx-color-base-primary-800: var(--onyx-color-onyx-800);--onyx-color-base-primary-900: var(--onyx-color-onyx-900);--onyx-color-base-quantitatives-100: var(--onyx-color-quantitatives-100);--onyx-color-base-quantitatives-200: var(--onyx-color-quantitatives-200);--onyx-color-base-quantitatives-300: var(--onyx-color-quantitatives-300);--onyx-color-base-quantitatives-400: var(--onyx-color-quantitatives-400);--onyx-color-base-quantitatives-500: var(--onyx-color-quantitatives-500);--onyx-color-base-quantitatives-600: var(--onyx-color-quantitatives-600);--onyx-color-base-quantitatives-700: var(--onyx-color-quantitatives-700);--onyx-color-base-quantitatives-800: var(--onyx-color-quantitatives-800);--onyx-color-base-quantitatives-900: var(--onyx-color-quantitatives-900);--onyx-color-base-quantitatives-1000: var(--onyx-color-quantitatives-1000);--onyx-color-base-quantitatives-1100: var(--onyx-color-quantitatives-1100);--onyx-color-base-quantitatives-1200: var(--onyx-color-quantitatives-1200);--onyx-color-base-success-100: var(--onyx-color-green-100);--onyx-color-base-success-200: var(--onyx-color-green-200);--onyx-color-base-success-300: var(--onyx-color-green-300);--onyx-color-base-success-400: var(--onyx-color-green-400);--onyx-color-base-success-500: var(--onyx-color-green-500);--onyx-color-base-success-600: var(--onyx-color-green-600);--onyx-color-base-success-700: var(--onyx-color-green-700);--onyx-color-base-success-800: var(--onyx-color-green-800);--onyx-color-base-success-900: var(--onyx-color-green-900);--onyx-color-base-warning-100: var(--onyx-color-orange-100);--onyx-color-base-warning-200: var(--onyx-color-orange-200);--onyx-color-base-warning-300: var(--onyx-color-orange-300);--onyx-color-base-warning-400: var(--onyx-color-orange-400);--onyx-color-base-warning-500: var(--onyx-color-orange-500);--onyx-color-base-warning-600: var(--onyx-color-orange-600);--onyx-color-base-warning-700: var(--onyx-color-orange-700);--onyx-color-base-warning-800: var(--onyx-color-orange-800);--onyx-color-base-warning-900: var(--onyx-color-orange-900);--onyx-color-component-border-danger: var(--onyx-color-base-danger-500);--onyx-color-component-border-danger-hover: var(--onyx-color-base-danger-400);--onyx-color-component-border-disabled: var(--onyx-color-base-neutral-200);--onyx-color-component-border-neutral: var(--onyx-color-base-neutral-300);--onyx-color-component-border-neutral-hover: var(--onyx-color-base-neutral-400);--onyx-color-component-border-primary: var(--onyx-color-base-primary-500);--onyx-color-component-border-primary-hover: var(--onyx-color-base-primary-400);--onyx-color-component-border-success: var(--onyx-color-base-success-500);--onyx-color-component-border-success-hover: var(--onyx-color-base-success-400);--onyx-color-component-cta-danger: var(--onyx-color-base-danger-500);--onyx-color-component-cta-danger-hover: var(--onyx-color-base-danger-400);--onyx-color-component-cta-default: var(--onyx-color-base-primary-500);--onyx-color-component-cta-default-hover: var(--onyx-color-base-primary-300);--onyx-color-component-cta-disabled: var(--onyx-color-base-neutral-200);--onyx-color-component-focus-danger: var(--onyx-color-base-danger-300);--onyx-color-component-focus-neutral: var(--onyx-color-base-neutral-200);--onyx-color-component-focus-primary: var(--onyx-color-base-primary-200);--onyx-color-component-focus-success: var(--onyx-color-base-success-200);--onyx-color-component-focus-warning: var(--onyx-color-base-warning-200);--onyx-color-text-icons-danger-bold: var(--onyx-color-red-700);--onyx-color-text-icons-danger-intense: var(--onyx-color-red-500);--onyx-color-text-icons-danger-medium: var(--onyx-color-red-300);--onyx-color-text-icons-danger-soft: var(--onyx-color-red-200);--onyx-color-text-icons-info-bold: var(--onyx-color-purple-700);--onyx-color-text-icons-info-intense: var(--onyx-color-purple-500);--onyx-color-text-icons-info-medium: var(--onyx-color-purple-300);--onyx-color-text-icons-info-soft: var(--onyx-color-purple-200);--onyx-color-text-icons-neutral-button: var(--onyx-color-grayscale-white);--onyx-color-text-icons-neutral-intense: var(--onyx-color-stone-900);--onyx-color-text-icons-neutral-inverted: var(--onyx-color-grayscale-white);--onyx-color-text-icons-neutral-medium: var(--onyx-color-stone-600);--onyx-color-text-icons-neutral-soft: var(--onyx-color-stone-500);--onyx-color-text-icons-primary-bold: var(--onyx-color-onyx-700);--onyx-color-text-icons-primary-intense: var(--onyx-color-onyx-500);--onyx-color-text-icons-primary-medium: var(--onyx-color-onyx-300);--onyx-color-text-icons-primary-soft: var(--onyx-color-onyx-200);--onyx-color-text-icons-success-bold: var(--onyx-color-green-700);--onyx-color-text-icons-success-intense: var(--onyx-color-green-500);--onyx-color-text-icons-success-medium: var(--onyx-color-green-300);--onyx-color-text-icons-success-soft: var(--onyx-color-green-200);--onyx-color-text-icons-warning-bold: var(--onyx-color-orange-700);--onyx-color-text-icons-warning-intense: var(--onyx-color-orange-500);--onyx-color-text-icons-warning-medium: var(--onyx-color-orange-300);--onyx-color-text-icons-warning-soft: var(--onyx-color-orange-200);--onyx-opacity-backdrop: var(--onyx-number-opacity-soft);--onyx-radius-full: var(--onyx-number-radius-600);--onyx-radius-lg: var(--onyx-number-radius-400);--onyx-radius-md: var(--onyx-number-radius-300);--onyx-radius-sm: var(--onyx-number-radius-200);--onyx-radius-xl: var(--onyx-number-radius-500);--onyx-radius-xs: var(--onyx-number-radius-100)}.dark,.onyx-theme-default-dark{--onyx-color-base-background-blank: var(--onyx-color-steel-1100);--onyx-color-base-background-tinted: var(--onyx-color-steel-1200);--onyx-color-base-danger-100: var(--onyx-color-red-1100);--onyx-color-base-danger-200: var(--onyx-color-red-1000);--onyx-color-base-danger-300: var(--onyx-color-red-900);--onyx-color-base-danger-400: var(--onyx-color-red-800);--onyx-color-base-danger-500: var(--onyx-color-red-700);--onyx-color-base-danger-600: var(--onyx-color-red-600);--onyx-color-base-danger-700: var(--onyx-color-red-500);--onyx-color-base-danger-800: var(--onyx-color-red-400);--onyx-color-base-danger-900: var(--onyx-color-red-300);--onyx-color-base-grayscale-black: var(--onyx-color-grayscale-black);--onyx-color-base-grayscale-white: var(--onyx-color-grayscale-white);--onyx-color-base-info-100: var(--onyx-color-purple-1100);--onyx-color-base-info-200: var(--onyx-color-purple-1000);--onyx-color-base-info-300: var(--onyx-color-purple-900);--onyx-color-base-info-400: var(--onyx-color-purple-800);--onyx-color-base-info-500: var(--onyx-color-purple-700);--onyx-color-base-info-600: var(--onyx-color-purple-600);--onyx-color-base-info-700: var(--onyx-color-purple-500);--onyx-color-base-info-800: var(--onyx-color-purple-400);--onyx-color-base-info-900: var(--onyx-color-purple-300);--onyx-color-base-neutral-100: var(--onyx-color-steel-1100);--onyx-color-base-neutral-200: var(--onyx-color-steel-1000);--onyx-color-base-neutral-300: var(--onyx-color-steel-900);--onyx-color-base-neutral-400: var(--onyx-color-steel-800);--onyx-color-base-neutral-500: var(--onyx-color-steel-700);--onyx-color-base-neutral-600: var(--onyx-color-steel-600);--onyx-color-base-neutral-700: var(--onyx-color-steel-500);--onyx-color-base-neutral-800: var(--onyx-color-steel-400);--onyx-color-base-neutral-900: var(--onyx-color-steel-300);--onyx-color-base-primary-100: var(--onyx-color-onyx-1100);--onyx-color-base-primary-200: var(--onyx-color-onyx-1000);--onyx-color-base-primary-300: var(--onyx-color-onyx-900);--onyx-color-base-primary-400: var(--onyx-color-onyx-800);--onyx-color-base-primary-500: var(--onyx-color-onyx-700);--onyx-color-base-primary-600: var(--onyx-color-onyx-600);--onyx-color-base-primary-700: var(--onyx-color-onyx-500);--onyx-color-base-primary-800: var(--onyx-color-onyx-400);--onyx-color-base-primary-900: var(--onyx-color-onyx-300);--onyx-color-base-quantitatives-100: var(--onyx-color-quantitatives-150);--onyx-color-base-quantitatives-200: var(--onyx-color-quantitatives-250);--onyx-color-base-quantitatives-300: var(--onyx-color-quantitatives-350);--onyx-color-base-quantitatives-400: var(--onyx-color-quantitatives-450);--onyx-color-base-quantitatives-500: var(--onyx-color-quantitatives-550);--onyx-color-base-quantitatives-600: var(--onyx-color-quantitatives-650);--onyx-color-base-quantitatives-700: var(--onyx-color-quantitatives-750);--onyx-color-base-quantitatives-800: var(--onyx-color-quantitatives-850);--onyx-color-base-quantitatives-900: var(--onyx-color-quantitatives-950);--onyx-color-base-quantitatives-1000: var(--onyx-color-quantitatives-1050);--onyx-color-base-quantitatives-1100: var(--onyx-color-quantitatives-1150);--onyx-color-base-quantitatives-1200: var(--onyx-color-quantitatives-1250);--onyx-color-base-success-100: var(--onyx-color-green-1100);--onyx-color-base-success-200: var(--onyx-color-green-1000);--onyx-color-base-success-300: var(--onyx-color-green-900);--onyx-color-base-success-400: var(--onyx-color-green-800);--onyx-color-base-success-500: var(--onyx-color-green-700);--onyx-color-base-success-600: var(--onyx-color-green-600);--onyx-color-base-success-700: var(--onyx-color-green-500);--onyx-color-base-success-800: var(--onyx-color-green-400);--onyx-color-base-success-900: var(--onyx-color-green-300);--onyx-color-base-warning-100: var(--onyx-color-orange-1100);--onyx-color-base-warning-200: var(--onyx-color-orange-1000);--onyx-color-base-warning-300: var(--onyx-color-orange-900);--onyx-color-base-warning-400: var(--onyx-color-orange-800);--onyx-color-base-warning-500: var(--onyx-color-orange-700);--onyx-color-base-warning-600: var(--onyx-color-orange-600);--onyx-color-base-warning-700: var(--onyx-color-orange-500);--onyx-color-base-warning-800: var(--onyx-color-orange-400);--onyx-color-base-warning-900: var(--onyx-color-orange-300);--onyx-color-component-border-danger: var(--onyx-color-base-danger-500);--onyx-color-component-border-danger-hover: var(--onyx-color-base-danger-400);--onyx-color-component-border-disabled: var(--onyx-color-base-neutral-200);--onyx-color-component-border-neutral: var(--onyx-color-base-neutral-300);--onyx-color-component-border-neutral-hover: var(--onyx-color-base-neutral-400);--onyx-color-component-border-primary: var(--onyx-color-base-primary-500);--onyx-color-component-border-primary-hover: var(--onyx-color-base-primary-400);--onyx-color-component-border-success: var(--onyx-color-base-success-500);--onyx-color-component-border-success-hover: var(--onyx-color-base-success-400);--onyx-color-component-cta-danger: var(--onyx-color-base-danger-500);--onyx-color-component-cta-danger-hover: var(--onyx-color-base-danger-400);--onyx-color-component-cta-default: var(--onyx-color-base-primary-500);--onyx-color-component-cta-default-hover: var(--onyx-color-base-primary-400);--onyx-color-component-cta-disabled: var(--onyx-color-base-neutral-200);--onyx-color-component-focus-danger: var(--onyx-color-base-danger-300);--onyx-color-component-focus-neutral: var(--onyx-color-base-neutral-500);--onyx-color-component-focus-primary: var(--onyx-color-base-primary-200);--onyx-color-component-focus-success: var(--onyx-color-base-success-200);--onyx-color-component-focus-warning: var(--onyx-color-base-warning-200);--onyx-color-text-icons-danger-bold: var(--onyx-color-red-400);--onyx-color-text-icons-danger-intense: var(--onyx-color-red-500);--onyx-color-text-icons-danger-medium: var(--onyx-color-red-700);--onyx-color-text-icons-danger-soft: var(--onyx-color-red-900);--onyx-color-text-icons-info-bold: var(--onyx-color-purple-400);--onyx-color-text-icons-info-intense: var(--onyx-color-purple-500);--onyx-color-text-icons-info-medium: var(--onyx-color-purple-700);--onyx-color-text-icons-info-soft: var(--onyx-color-purple-900);--onyx-color-text-icons-neutral-button: var(--onyx-color-grayscale-white);--onyx-color-text-icons-neutral-intense: var(--onyx-color-stone-200);--onyx-color-text-icons-neutral-inverted: var(--onyx-color-stone-1200);--onyx-color-text-icons-neutral-medium: var(--onyx-color-stone-400);--onyx-color-text-icons-neutral-soft: var(--onyx-color-stone-600);--onyx-color-text-icons-primary-bold: var(--onyx-color-onyx-400);--onyx-color-text-icons-primary-intense: var(--onyx-color-onyx-500);--onyx-color-text-icons-primary-medium: var(--onyx-color-onyx-700);--onyx-color-text-icons-primary-soft: var(--onyx-color-onyx-900);--onyx-color-text-icons-success-bold: var(--onyx-color-green-400);--onyx-color-text-icons-success-intense: var(--onyx-color-green-500);--onyx-color-text-icons-success-medium: var(--onyx-color-green-700);--onyx-color-text-icons-success-soft: var(--onyx-color-green-900);--onyx-color-text-icons-warning-bold: var(--onyx-color-orange-400);--onyx-color-text-icons-warning-intense: var(--onyx-color-orange-500);--onyx-color-text-icons-warning-medium: var(--onyx-color-orange-700);--onyx-color-text-icons-warning-soft: var(--onyx-color-orange-900);--onyx-opacity-backdrop: var(--onyx-number-opacity-medium);--onyx-radius-full: var(--onyx-number-radius-600);--onyx-radius-lg: var(--onyx-number-radius-400);--onyx-radius-md: var(--onyx-number-radius-300);--onyx-radius-sm: var(--onyx-number-radius-200);--onyx-radius-xl: var(--onyx-number-radius-500);--onyx-radius-xs: var(--onyx-number-radius-100)}:where(.onyx-density-compact){--onyx-density-2xl: var(--onyx-number-spacing-600);--onyx-density-2xs: var(--onyx-number-spacing-100);--onyx-density-3xl: var(--onyx-number-spacing-700);--onyx-density-3xs: var(--onyx-number-spacing-0);--onyx-density-4xl: var(--onyx-number-spacing-800);--onyx-density-lg: var(--onyx-number-spacing-400);--onyx-density-md: var(--onyx-number-spacing-325);--onyx-density-sm: var(--onyx-number-spacing-300);--onyx-density-xl: var(--onyx-number-spacing-500);--onyx-density-xs: var(--onyx-number-spacing-200)}:where(:root),:where(.onyx-density-default){--onyx-density-2xl: var(--onyx-number-spacing-700);--onyx-density-2xs: var(--onyx-number-spacing-200);--onyx-density-3xl: var(--onyx-number-spacing-800);--onyx-density-3xs: var(--onyx-number-spacing-100);--onyx-density-4xl: var(--onyx-number-spacing-900);--onyx-density-lg: var(--onyx-number-spacing-500);--onyx-density-md: var(--onyx-number-spacing-400);--onyx-density-sm: var(--onyx-number-spacing-350);--onyx-density-xl: var(--onyx-number-spacing-600);--onyx-density-xs: var(--onyx-number-spacing-300)}:where(.onyx-density-cozy){--onyx-density-2xl: var(--onyx-number-spacing-800);--onyx-density-2xs: var(--onyx-number-spacing-300);--onyx-density-3xl: var(--onyx-number-spacing-900);--onyx-density-3xs: var(--onyx-number-spacing-200);--onyx-density-4xl: var(--onyx-number-spacing-950);--onyx-density-lg: var(--onyx-number-spacing-600);--onyx-density-md: var(--onyx-number-spacing-500);--onyx-density-sm: var(--onyx-number-spacing-400);--onyx-density-xl: var(--onyx-number-spacing-700);--onyx-density-xs: var(--onyx-number-spacing-350)}:where(:root){--onyx-spacing-2xl: var(--onyx-number-spacing-700);--onyx-spacing-2xs: var(--onyx-number-spacing-300);--onyx-spacing-3xl: var(--onyx-number-spacing-800);--onyx-spacing-3xs: var(--onyx-number-spacing-250);--onyx-spacing-4xl: var(--onyx-number-spacing-900);--onyx-spacing-4xs: var(--onyx-number-spacing-200);--onyx-spacing-5xl: var(--onyx-number-spacing-950);--onyx-spacing-5xs: var(--onyx-number-spacing-100);--onyx-spacing-lg: var(--onyx-number-spacing-500);--onyx-spacing-md: var(--onyx-number-spacing-400);--onyx-spacing-sm: var(--onyx-number-spacing-350);--onyx-spacing-xl: var(--onyx-number-spacing-600);--onyx-spacing-xs: var(--onyx-number-spacing-325)}@layer onyx.component{.onyx-app{--background-color-nav: var(--onyx-color-base-background-blank);--background-color-overlay-backdrop: rgba(125, 125, 125, .9);height:100vh;width:100vw;display:grid;grid-template-rows:max-content 1fr;grid-template-areas:"nav" "page";font-family:var(--onyx-font-family);color:var(--onyx-color-text-icons-neutral-intense)}.onyx-app--horizontal{grid-template-rows:none;grid-template-columns:max-content 1fr;grid-template-areas:"nav page"}.onyx-app__nav{grid-area:nav;z-index:var(--onyx-z-index-navigation);background-color:var(--background-color-nav)}.onyx-app__page{grid-area:page;overflow:hidden auto;position:relative}.onyx-app__page-overlay{grid-area:page;z-index:var(--onyx-z-index-page-overlay)}.onyx-app__app-overlay{grid-column:1/-1;grid-row:1/-1;position:fixed;top:0;left:0;bottom:0;right:0;z-index:var(--onyx-z-index-app-overlay);background-color:var(--background-color-overlay-backdrop)}}@layer onyx.component{.onyx-avatar{width:var(--onyx-avatar-size);height:var(--onyx-avatar-size);min-width:var(--onyx-avatar-size);border-radius:var(--onyx-radius-full)}.onyx-avatar:has(.onyx-avatar__initials){background-color:var(--onyx-color-base-primary-200)}.onyx-avatar--custom{--onyx-avatar-padding: var(--onyx-spacing-sm);width:max-content;padding:var(--onyx-avatar-padding)}.onyx-avatar__svg{border-radius:inherit;height:100%;width:100%;background-color:var(--onyx-color-base-neutral-100);object-fit:cover}.onyx-avatar__initials{color:var(--onyx-color-text-icons-primary-bold);font-family:var(--onyx-font-family);line-height:normal;font-weight:600;height:100%;width:100%;border-radius:inherit;display:flex;align-items:center;justify-content:center}.onyx-avatar--16px{--onyx-avatar-size: 1rem;font-size:.5rem;--onyx-avatar-padding: var(--onyx-spacing-4xs)}.onyx-avatar--24px{--onyx-avatar-size: 1.5rem;font-size:.625rem;--onyx-avatar-padding: var(--onyx-spacing-3xs)}.onyx-avatar--32px{--onyx-avatar-size: 2rem;font-size:.875rem;--onyx-avatar-padding: var(--onyx-spacing-2xs)}.onyx-avatar--48px{--onyx-avatar-size: 3rem;font-size:1.25rem}.onyx-avatar--64px{--onyx-avatar-size: 4rem;font-size:1.75rem}.onyx-avatar--96px{--onyx-avatar-size: 6rem;font-size:3rem}}@layer onyx.component{.onyx-avatar-stack{display:flex;align-items:center;flex-wrap:wrap;width:max-content;max-width:100%}.onyx-avatar-stack>.onyx-avatar{border:var(--onyx-1px-in-rem) solid var(--onyx-color-base-primary-700)}.onyx-avatar-stack>.onyx-avatar:not(:last-child){margin-right:calc(-.5 * var(--onyx-avatar-size) - var(--onyx-1px-in-rem))}}@layer onyx.component{.onyx-icon{--icon-size: 1.5rem;--icon-color: currentColor;display:inline-block;width:var(--icon-size);min-width:var(--icon-size);height:var(--icon-size);fill:var(--icon-color)}.onyx-icon>svg{display:block}.onyx-icon--12px{--icon-size: .75rem}.onyx-icon--16px{--icon-size: 1rem}.onyx-icon--24px{--icon-size: 1.5rem}.onyx-icon--32px{--icon-size: 2rem}.onyx-icon--48px{--icon-size: 3rem}.onyx-icon--64px{--icon-size: 4rem}.onyx-icon--96px{--icon-size: 6rem}.onyx-icon--primary{--icon-color: var(--onyx-color-text-icons-primary-intense)}.onyx-icon--neutral{--icon-color: var(--onyx-color-text-icons-neutral-intense)}.onyx-icon--danger{--icon-color: var(--onyx-color-text-icons-danger-intense)}.onyx-icon--warning{--icon-color: var(--onyx-color-text-icons-warning-intense)}.onyx-icon--success{--icon-color: var(--onyx-color-text-icons-success-intense)}.onyx-icon--info{--icon-color: var(--onyx-color-text-icons-info-intense)}}@layer onyx.density{.onyx-density-compact .onyx-badge,:is(.onyx-badge).onyx-density-compact{--onyx-badge-icon-padding: var(--onyx-spacing-4xs);--onyx-badge-icon-size: 1rem}}@layer onyx.density{.onyx-badge,.onyx-density-default .onyx-badge,:is(.onyx-badge).onyx-density-default{--onyx-badge-icon-padding: var(--onyx-spacing-3xs);--onyx-badge-icon-size: 1rem}}@layer onyx.density{.onyx-density-cozy .onyx-badge,:is(.onyx-badge).onyx-density-cozy{--onyx-badge-icon-padding: var(--onyx-spacing-4xs);--onyx-badge-icon-size: 1.5rem}}@layer onyx.component{.onyx-badge{--onyx-badge-background-color: var(--onyx-color-component-cta-default);display:inline-block;max-width:100%;padding:var(--onyx-density-3xs) var(--onyx-density-sm);border-radius:var(--onyx-radius-full);background-color:var(--onyx-badge-background-color);color:var(--onyx-color-text-icons-neutral-inverted);font-family:var(--onyx-font-family);font-style:normal}.onyx-badge:has(.onyx-badge__icon){padding:var(--onyx-badge-icon-padding)}.onyx-badge:has(.onyx-badge__icon) .onyx-icon{--icon-size: var(--onyx-badge-icon-size)}.onyx-badge--neutral{--onyx-badge-background-color: var(--onyx-color-base-neutral-700)}.onyx-badge--danger{--onyx-badge-background-color: var(--onyx-color-base-danger-500)}.onyx-badge--warning{--onyx-badge-background-color: var(--onyx-color-base-warning-500)}.onyx-badge--success{--onyx-badge-background-color: var(--onyx-color-base-success-500)}.onyx-badge--info{--onyx-badge-background-color: var(--onyx-color-base-info-500)}.onyx-badge__icon{display:flex}.onyx-badge--dot{height:max-content;width:max-content;padding:var(--onyx-density-2xs)}}@layer onyx.component{.onyx-circle-spinner{--indicator-size: 1.5rem;--stroke-color: currentColor;width:var(--indicator-size);aspect-ratio:1;animation:onyx-circle-spinner var(--onyx-duration-lg) cubic-bezier(.4,.35,.7,.8) infinite}.onyx-circle-spinner__circle{fill:transparent;stroke-width:2px;stroke-linecap:round;stroke:var(--stroke-color);stroke-dasharray:106.0287520587 35.3429173529;stroke-dashoffset:35.3429173529;animation:onyx-circle-spinner-stroke var(--onyx-duration-lg) cubic-bezier(.4,.35,.7,.8) infinite}@keyframes onyx-circle-spinner{to{transform:rotate(1turn)}}@keyframes onyx-circle-spinner-stroke{0%{stroke-dasharray:106.0287520587 35.3429173529}75%{stroke-dasharray:35.3429173529 106.0287520587}to{stroke-dasharray:106.0287520587 35.3429173529}}}@layer onyx.component{.onyx-loading-dots{--indicator-size: 1.5rem;--dot-size: calc(.25 * var(--indicator-size));width:var(--indicator-size);aspect-ratio:1;position:relative}.onyx-loading-dots__center{box-shadow:0 var(--dot-size) 0 0;position:absolute;background-color:transparent;width:var(--dot-size);aspect-ratio:1;border-radius:var(--onyx-radius-full);animation:onyx-loading-dots var(--onyx-duration-lg) infinite linear;animation-delay:calc(var(--onyx-duration-lg) / 6);left:calc(50% - .5 * var(--dot-size));top:calc(50% - 1.5 * var(--dot-size))}.onyx-loading-dots__center:before,.onyx-loading-dots__center:after{content:"";box-shadow:0 var(--dot-size) 0 0;position:absolute;background-color:transparent;width:var(--dot-size);aspect-ratio:1;border-radius:var(--onyx-radius-full);animation:onyx-loading-dots var(--onyx-duration-lg) infinite linear}.onyx-loading-dots__center:before{left:calc(-.5 * var(--indicator-size) + .5 * var(--dot-size))}.onyx-loading-dots__center:after{right:calc(-.5 * var(--indicator-size) + .5 * var(--dot-size));animation-delay:calc(var(--onyx-duration-lg) / 3)}@keyframes onyx-loading-dots{0%{box-shadow:0 var(--dot-size) 0 0}33%{box-shadow:0 var(--dot-size) 0 calc(-1 * var(--dot-size) / 2)}66%{box-shadow:0 var(--dot-size) 0 calc(-1 * var(--dot-size) / 2)}}}@property --onyx-ripple-radius{syntax: "<percentage>"; initial-value: 0%; inherits: false;}@layer onyx.component{.onyx-ripple{--onyx-ripple-color: var(--onyx-color-base-primary-600);display:block;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit;width:100%;height:100%}.onyx-ripple__element{display:block;position:absolute;pointer-events:none;width:100%;height:100%;background:radial-gradient(circle at var(--onyx-ripple-left) var(--onyx-ripple-top),transparent var(--onyx-ripple-radius),var(--onyx-ripple-color) var(--onyx-ripple-radius));animation:onyx-ripple var(--onyx-duration-sm) cubic-bezier(0,0,.2,1) forwards}@media (prefers-reduced-motion){.onyx-ripple__element{animation:none}}@keyframes onyx-ripple{0%{--onyx-ripple-radius: 0%}to{--onyx-ripple-radius: 100%}}}@layer onyx.component{.onyx-skeleton{border-radius:var(--onyx-radius-sm);height:100%;width:100%;background:linear-gradient(to right,var(--onyx-color-base-neutral-200) 20%,var(--onyx-color-base-neutral-300) 40%,var(--onyx-color-base-neutral-200) 60%);background-size:500% 100%;animation:onyx-skeleton var(--onyx-duration-lg) ease infinite}@keyframes onyx-skeleton{0%{background-position:100% 50%}75%{background-position:0 50%}to{background-position:0 50%}}}.onyx-button,.onyx-button-skeleton{--onyx-button-padding-vertical: var(--onyx-density-xs)}@layer onyx.component{.onyx-button{--onyx-button-background-color: transparent;--onyx-button-background-hover-color: var(--onyx-color-base-primary-100);--onyx-button-border-color: transparent;--onyx-button-text-color: var(--onyx-color-text-icons-primary-intense);--onyx-button-outline-color: var(--onyx-color-component-focus-primary);--onyx-button-border-width: var(--onyx-1px-in-rem);position:relative;display:inline-flex;max-width:100%;width:max-content;padding:calc(var(--onyx-button-padding-vertical) - var(--onyx-button-border-width)) var(--onyx-density-sm);justify-content:center;align-items:center;gap:var(--onyx-density-2xs);border-radius:var(--onyx-radius-sm);cursor:pointer;font-family:var(--onyx-font-family);background-color:var(--onyx-button-background-color);border:var(--onyx-button-border-width) solid var(--onyx-button-border-color);color:var(--onyx-button-text-color)}.onyx-button:focus-visible{outline:var(--onyx-outline-width) solid var(--onyx-button-outline-color)}.onyx-button--primary:disabled:not(.onyx-button--loading){--onyx-button-text-color: var(--onyx-color-text-icons-primary-soft)}.onyx-button--primary.onyx-button--default{--onyx-button-background-color: var(--onyx-color-component-cta-default);--onyx-button-background-hover-color: var(--onyx-color-component-cta-default-hover);--onyx-button-text-color: var(--onyx-color-text-icons-neutral-button);--onyx-button-border-color: var(--onyx-button-background-color)}.onyx-button--primary.onyx-button--default:disabled:not(.onyx-button--loading){--onyx-button-background-color: var(--onyx-color-base-primary-200);--onyx-button-text-color: var(--onyx-color-text-icons-neutral-inverted)}.onyx-button--primary.onyx-button--outline{--onyx-button-border-color: var(--onyx-color-base-primary-400)}.onyx-button--primary.onyx-button--outline:disabled:not(.onyx-button--loading){--onyx-button-border-color: var(--onyx-color-base-primary-200)}.onyx-button--neutral{--onyx-button-background-hover-color: var(--onyx-color-base-neutral-200);--onyx-button-outline-color: var(--onyx-color-component-focus-neutral);--onyx-button-text-color: var(--onyx-color-text-icons-neutral-intense)}.onyx-button--neutral:disabled:not(.onyx-button--loading){--onyx-button-text-color: var(--onyx-color-text-icons-neutral-soft)}.onyx-button--neutral.onyx-button--default{--onyx-button-background-color: var(--onyx-color-base-background-blank);--onyx-button-background-hover-color: var(--onyx-color-base-neutral-200);--onyx-button-border-color: var(--onyx-color-base-neutral-400)}.onyx-button--neutral.onyx-button--default:disabled:not(.onyx-button--loading){--onyx-button-background-color: var(--onyx-color-base-background-blank);--onyx-button-border-color: var(--onyx-color-base-neutral-200)}.onyx-button--neutral.onyx-button--outline{--onyx-button-border-color: var(--onyx-color-base-neutral-400)}.onyx-button--neutral.onyx-button--outline:disabled:not(.onyx-button--loading){--onyx-button-border-color: var(--onyx-color-base-neutral-200)}.onyx-button--danger{--onyx-button-background-hover-color: var(--onyx-color-base-danger-100);--onyx-button-outline-color: var(--onyx-color-component-focus-danger);--onyx-button-text-color: var(--onyx-color-text-icons-danger-bold)}.onyx-button--danger:disabled:not(.onyx-button--loading){--onyx-button-text-color: var(--onyx-color-text-icons-danger-medium)}.onyx-button--danger.onyx-button--default{--onyx-button-background-color: var(--onyx-color-base-danger-200);--onyx-button-border-color: var(--onyx-color-base-danger-500)}.onyx-button--danger.onyx-button--default:disabled:not(.onyx-button--loading){--onyx-button-background-color: var(--onyx-color-base-danger-100);--onyx-button-border-color: var(--onyx-color-base-danger-200)}.onyx-button--danger.onyx-button--outline{--onyx-button-border-color: var(--onyx-color-base-danger-500)}.onyx-button--danger.onyx-button--outline:enabled{--onyx-button-text-color: var(--onyx-color-text-icons-danger-intense)}.onyx-button--danger.onyx-button--outline:enabled:hover{--onyx-button-text-color: var(--onyx-color-text-icons-danger-bold)}.onyx-button--danger.onyx-button--outline:disabled:not(.onyx-button--loading){--onyx-button-border-color: var(--onyx-color-base-danger-200)}.onyx-button--danger.onyx-button--plain:enabled{--onyx-button-text-color: var(--onyx-color-text-icons-danger-intense)}.onyx-button--danger.onyx-button--plain:enabled:hover{--onyx-button-text-color: var(--onyx-color-text-icons-danger-bold)}.onyx-button:hover:enabled:not(:has(.onyx-ripple__element)){--onyx-button-background-color: var(--onyx-button-background-hover-color)}.onyx-button:disabled{cursor:default}.onyx-button__label{padding-inline:var(--onyx-density-2xs);font-size:1rem;font-style:normal;font-weight:600;line-height:1.5rem;position:relative}.onyx-button__icon{position:relative}.onyx-button--loading .onyx-button__label{visibility:hidden}.onyx-button__loading{position:absolute}}.onyx-button-skeleton{width:var(--onyx-density-4xl);height:calc(1.5rem + 2 * var(--onyx-button-padding-vertical));display:inline-block;vertical-align:middle}.onyx-button .onyx-ripple{--onyx-ripple-color: var(--onyx-button-background-hover-color)}@layer onyx.component{.onyx-tooltip{--background-color: var(--onyx-color-base-neutral-900);--color: var(--onyx-color-text-icons-neutral-inverted);border-radius:var(--onyx-radius-sm);padding:var(--onyx-density-2xs) var(--onyx-density-sm);box-shadow:var(--onyx-shadow-medium-bottom);z-index:var(--onyx-z-index-flyout);display:flex;justify-content:center;align-items:center;gap:var(--onyx-density-2xs);height:max-content;margin-bottom:.5rem;background-color:var(--background-color);color:var(--color);font-family:var(--onyx-font-family);text-align:center;white-space:pre-line;min-width:var(--onyx-spacing-3xl);width:max-content;max-width:19rem;position:absolute;left:50%;transform:translate(-50%);bottom:100%}.onyx-tooltip--hidden{display:none}.onyx-tooltip--fit-parent{width:100%}.onyx-tooltip--danger{--background-color: var(--onyx-color-base-danger-200);--color: var(--onyx-color-text-icons-danger-bold)}.onyx-tooltip--success{--background-color: var(--onyx-color-base-success-200);--color: var(--onyx-color-text-icons-success-bold)}.onyx-tooltip:after{content:" ";position:absolute;top:100%;left:50%;margin-left:-.5rem;border-width:.5rem;border-style:solid;border-color:var(--background-color) transparent transparent;white-space:normal}.onyx-tooltip--bottom{margin-bottom:0;margin-top:.5rem;bottom:0;top:100%}.onyx-tooltip--bottom:after{top:-1rem;border-color:transparent transparent var(--background-color)}.onyx-tooltip--left{left:var(--wedge-size);transform:none}.onyx-tooltip--left:after{left:1rem}.onyx-tooltip--right{left:100%;transform:translate(-100%)}.onyx-tooltip--right:after{left:calc(100% - 1rem)}}@layer onyx.component{.onyx-tooltip-wrapper{position:relative;width:max-content}}@layer onyx.component{.onyx-error-tooltip{max-width:100%}}.onyx-checkbox{--onyx-checkbox-input-size: 1rem;--onyx-checkbox-input-padding: var(--onyx-density-sm)}@layer onyx.component{.onyx-checkbox{--onyx-checkbox-label-padding-vertical: var(--onyx-density-xs);font-family:var(--onyx-font-family);color:var(--onyx-color-text-icons-neutral-intense);display:inline-flex;align-items:flex-start;cursor:pointer;width:max-content;max-width:100%}.onyx-checkbox:has(.onyx-checkbox__label){padding-right:var(--onyx-checkbox-label-padding-vertical)}.onyx-checkbox:hover .onyx-checkbox__input:enabled{border-color:var(--onyx-color-component-border-primary-hover)}.onyx-checkbox:hover .onyx-checkbox__input:user-invalid{border-color:var(--onyx-color-component-border-danger-hover)}.onyx-checkbox:has(.onyx-checkbox__input:focus-visible) .onyx-checkbox__container:has(.onyx-checkbox__input:enabled){background-color:var(--onyx-color-base-primary-200)}.onyx-checkbox:has(.onyx-checkbox__input:focus-visible) .onyx-checkbox__input:enabled{border-color:var(--onyx-color-component-border-primary)}.onyx-checkbox:has(.onyx-checkbox__input:focus-visible) .onyx-checkbox__container:has(.onyx-checkbox__input:user-invalid){background-color:var(--onyx-color-base-danger-200)}.onyx-checkbox:has(.onyx-checkbox__input:focus-visible) .onyx-checkbox__input:user-invalid{border-color:var(--onyx-color-component-border-danger)}.onyx-checkbox:has(.onyx-checkbox__input:disabled){cursor:default;color:var(--onyx-color-text-icons-neutral-soft)}.onyx-checkbox:has(.onyx-checkbox__loading){cursor:default}.onyx-checkbox__container{display:inline-flex;align-items:flex-start;padding:var(--onyx-checkbox-input-padding);border-radius:var(--onyx-radius-full)}.onyx-checkbox__label{display:inline-block;padding:var(--onyx-checkbox-label-padding-vertical) 0}.onyx-checkbox__input{height:var(--onyx-checkbox-input-size);width:var(--onyx-checkbox-input-size);-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;border-radius:var(--onyx-radius-sm);outline:none;cursor:inherit;border:var(--onyx-1px-in-rem) solid var(--onyx-color-component-border-neutral);background:var(--onyx-color-base-background-blank);background-position:50%;background-repeat:no-repeat;background-size:100% 100%}.onyx-checkbox__input:checked:enabled,.onyx-checkbox__input:indeterminate:enabled{border-color:var(--onyx-color-component-cta-default);background-color:var(--onyx-color-component-cta-default)}.onyx-checkbox__input:checked:enabled:hover,.onyx-checkbox__input:indeterminate:enabled:hover{background-color:var(--onyx-color-component-cta-default-hover)}.onyx-checkbox__input:checked:user-invalid,.onyx-checkbox__input:indeterminate:user-invalid{border-color:var(--onyx-color-component-cta-danger);background-color:var(--onyx-color-component-cta-danger)}.onyx-checkbox__input:checked:user-invalid:hover,.onyx-checkbox__input:indeterminate:user-invalid:hover{background-color:var(--onyx-color-component-cta-danger-hover)}.onyx-checkbox__input:checked:disabled,.onyx-checkbox__input:indeterminate:disabled{background-color:var(--onyx-color-base-neutral-300)}.onyx-checkbox__input:disabled{border-color:var(--onyx-color-base-neutral-300)}.onyx-checkbox__input:user-invalid{border-color:var(--onyx-color-component-border-danger)}.onyx-checkbox__input:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' xml:space='preserve' viewBox='0 0 32 32'%3E%3Cpath d='m21.311 10.793-8.293 8.293-3.291-3.292-1.415 1.415 4.706 4.705 9.707-9.707z'/%3E%3C/svg%3E")}.onyx-checkbox__input:indeterminate{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' xml:space='preserve' viewBox='0 0 32 32'%3E%3Cpath d='M8 15h16v2H8z'/%3E%3C/svg%3E")}.onyx-checkbox__label,.onyx-checkbox__marker{padding:var(--onyx-checkbox-label-padding-vertical) 0;font-size:1rem;line-height:1.5rem}.onyx-checkbox__loading{color:var(--onyx-color-text-icons-primary-intense);max-width:var(--onyx-checkbox-input-size);height:var(--onyx-checkbox-input-size)}}.onyx-checkbox-skeleton{--onyx-checkbox-input-size: 1rem;--onyx-checkbox-input-padding: var(--onyx-density-sm)}@layer onyx.component{.onyx-checkbox-skeleton{display:flex;align-items:flex-start;gap:var(--onyx-checkbox-input-padding);padding:var(--onyx-checkbox-input-padding);width:max-content}.onyx-checkbox-skeleton__input{height:var(--onyx-checkbox-input-size);width:var(--onyx-checkbox-input-size)}.onyx-checkbox-skeleton__label{height:var(--onyx-spacing-md);width:var(--onyx-spacing-3xl)}}@layer onyx.component{.onyx-headline{font-weight:600;font-family:var(--onyx-font-family);color:var(--onyx-color-text-icons-neutral-intense)}.onyx-headline--h1{font-size:1.75rem;line-height:2.5rem}.onyx-headline--h2{font-size:1.25rem;line-height:1.75rem}.onyx-headline--h3{font-size:1rem;line-height:1.5rem}.onyx-headline--h4,.onyx-headline--h5,.onyx-headline--h6{font-size:.8125rem;line-height:1.25rem}}@layer onyx.component{.onyx-visually-hidden{border:0;clip:rect(0,0,0,0);height:0;margin:0;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}}@layer onyx.component{.onyx-info-tooltip__trigger{border:none;background-color:transparent;padding:0;color:inherit;display:flex;height:1lh;align-items:center}.onyx-info-tooltip__trigger:focus-visible{outline:none}.onyx-info-tooltip__trigger .onyx-icon{--icon-size: 1em}}@layer onyx.component{.onyx-checkbox-group{padding:0;border:none;max-width:max-content;min-width:unset}.onyx-checkbox-group__label{display:flex;gap:var(--onyx-spacing-2xs);align-items:center;margin-bottom:var(--onyx-density-xs)}.onyx-checkbox-group__content{display:flex}.onyx-checkbox-group__content--vertical{flex-direction:column}.onyx-checkbox-group__content--vertical .onyx-checkbox-group__option{width:100%}.onyx-checkbox-group__content--vertical .onyx-checkbox-group__check-all{border-bottom:var(--onyx-1px-in-rem) solid var(--onyx-color-component-border-neutral)}.onyx-checkbox-group__content--horizontal{flex-flow:row wrap;column-gap:var(--onyx-density-xl)}.onyx-checkbox-group__content--horizontal .onyx-checkbox-group__check-all{border-right:var(--onyx-1px-in-rem) solid var(--onyx-color-component-border-neutral)}.onyx-checkbox-group__content--horizontal .onyx-checkbox-group__check-all .onyx-checkbox__label{padding-right:var(--onyx-density-md)}}@layer onyx.component{.onyx-empty{padding:var(--onyx-density-xl);max-width:max-content;font-family:var(--onyx-font-family);text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--onyx-density-md)}.onyx-empty__label{color:var(--onyx-color-text-icons-neutral-soft);font-weight:600;white-space:pre-line}.onyx-empty .onyx-icon{color:var(--onyx-color-text-icons-primary-medium)}}@layer onyx.component{.onyx-table-wrapper{position:relative}.onyx-table-wrapper__scroll-container{border-radius:var(--onyx-radius-sm);overflow:auto;box-sizing:border-box;max-height:inherit;max-width:inherit;overscroll-behavior:none}.onyx-table-wrapper__scroll-container:focus-visible{outline:var(--onyx-outline-width) solid var(--onyx-color-component-focus-primary)}.onyx-table-wrapper:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:var(--onyx-1px-in-rem) solid var(--onyx-color-component-border-neutral);border-radius:var(--onyx-radius-sm);pointer-events:none}}@layer onyx.component{.onyx-table{font-family:var(--onyx-font-family);color:var(--onyx-color-text-icons-neutral-intense);text-align:left;contain:paint;width:100%;border-spacing:0;border-collapse:separate;border-radius:var(--onyx-radius-sm)}.onyx-table th,.onyx-table td{border-bottom:var(--onyx-1px-in-rem) solid var(--onyx-color-component-border-neutral)}.onyx-table th:first-child,.onyx-table td:first-child{border-left:var(--onyx-1px-in-rem) solid var(--onyx-color-component-border-neutral)}.onyx-table th:last-child,.onyx-table td:last-child{border-right:var(--onyx-1px-in-rem) solid var(--onyx-color-component-border-neutral)}.onyx-table tr:first-of-type th{border-top:var(--onyx-1px-in-rem) solid var(--onyx-color-component-border-neutral)}.onyx-table tr:first-child th:first-child{border-top-left-radius:var(--onyx-radius-sm)}.onyx-table tr:first-child th:last-child{border-top-right-radius:var(--onyx-radius-sm)}.onyx-table tr:last-child td:first-child{border-bottom-left-radius:var(--onyx-radius-sm)}.onyx-table tr:last-child td:last-child{border-bottom-right-radius:var(--onyx-radius-sm)}.onyx-table:not(:has(thead)) tr:first-child td{border-top:var(--onyx-1px-in-rem) solid var(--onyx-color-component-border-neutral)}.onyx-table:not(:has(thead)) tr:first-child td:first-child{border-top-left-radius:var(--onyx-radius-sm)}.onyx-table:not(:has(thead)) tr:first-child td:last-child{border-top-right-radius:var(--onyx-radius-sm)}.onyx-table--vertical-borders td:not(:last-child),.onyx-table--vertical-borders th:not(:last-child){border-right:var(--onyx-1px-in-rem) solid var(--onyx-color-component-border-neutral)}.onyx-table__empty-content{display:flex;justify-content:center}.onyx-table__header,.onyx-table__header th{position:sticky;top:0;z-index:var(--onyx-z-index-sticky-content)}.onyx-table th,.onyx-table td{position:relative;padding:var(--onyx-density-xs) var(--onyx-density-md)}.onyx-table th.onyx-table__colgroup,.onyx-table td.onyx-table__colgroup{padding-top:var(--onyx-density-3xs);padding-bottom:var(--onyx-density-3xs)}.onyx-table th{font-size:.8125rem;line-height:1.25rem;font-weight:600}.onyx-table th:not(.onyx-table__colgroup){background-color:var(--onyx-color-base-neutral-200);color:var(--onyx-color-text-icons-neutral-medium)}.onyx-table th:not(.onyx-table__colgroup):hover{background:var(--onyx-color-base-neutral-300)}.onyx-table td:before{content:"";background-color:var(--onyx-color-base-background-blank);position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2}.onyx-table--striped tbody tr:nth-child(2n) td:before{background-color:var(--onyx-color-base-background-tinted)}.onyx-table tr:hover:not(.onyx-table__empty) td:before{background-color:var(--onyx-color-base-neutral-200)}th:not(.onyx-table__colgroup):hover:before{background-color:color-mix(in srgb,var(--onyx-color-base-neutral-500),transparent 85%);content:"";height:100vh;position:absolute;top:0;left:0;width:100%;bottom:0;pointer-events:none}.onyx-table:has(.onyx-table__empty) th{pointer-events:none}.onyx-table__colgroup{background-color:var(--onyx-color-base-primary-100);color:var(--onyx-color-text-icons-primary-intense)}}@layer onyx.component;@layer onyx.component{.onyx-list-item{--onyx-list-item-color: var(--onyx-color-text-icons-neutral-intense);--onyx-list-item-color-selected: var(--onyx-color-text-icons-primary-bold);--onyx-list-item-background-hover: var(--onyx-color-base-primary-100);--onyx-list-item-background-selected: var(--onyx-color-base-primary-200);--onyx-list-item-padding: var(--onyx-density-xs) var(--onyx-density-sm);font-family:var(--onyx-font-family);color:var(--onyx-list-item-color);padding:var(--onyx-list-item-padding);background-color:var(--onyx-color-base-background-blank);font-weight:400;font-size:1rem;line-height:1.5rem;border:none;width:100%;outline:none;display:flex;align-items:center;gap:var(--onyx-density-sm)}.onyx-list-item:not(.onyx-list-item--disabled){cursor:pointer}.onyx-list-item:not(.onyx-list-item--disabled):hover,.onyx-list-item:not(.onyx-list-item--disabled):focus-within,.onyx-list-item:not(.onyx-list-item--disabled).onyx-list-item--active{background-color:var(--onyx-list-item-background-hover)}.onyx-list-item:not(.onyx-list-item--disabled).onyx-list-item--selected{background-color:var(--onyx-list-item-background-selected)}.onyx-list-item:not(.onyx-list-item--disabled).onyx-list-item--selected:hover,.onyx-list-item:not(.onyx-list-item--disabled).onyx-list-item--selected.onyx-list-item--active{color:var(--onyx-list-item-color-selected)}.onyx-list-item:not(.onyx-list-item--disabled).onyx-list-item--checked:hover,.onyx-list-item:not(.onyx-list-item--disabled).onyx-list-item--checked.onyx-list-item--active{background-color:var(--onyx-list-item-background-selected);color:var(--onyx-list-item-color-selected)}.onyx-list-item--disabled{color:var(--onyx-color-text-icons-neutral-soft)}.onyx-list-item--danger{--onyx-list-item-color: var(--onyx-color-text-icons-danger-intense);--onyx-list-item-color-selected: var(--onyx-color-text-icons-danger-intense);--onyx-list-item-background-hover: var(--onyx-color-base-danger-100);--onyx-list-item-background-selected: var(--onyx-color-base-danger-200)}}@layer onyx.component{.onyx-flyout-menu{display:inline-flex;width:min-content;position:relative}.onyx-flyout-menu__list{position:absolute;top:calc(100% + var(--onyx-spacing-sm));border-radius:var(--onyx-radius-md);background-color:var(--onyx-color-base-background-blank);padding:var(--onyx-spacing-2xs) 0;box-shadow:var(--onyx-shadow-medium-bottom);box-sizing:border-box;width:max-content;min-width:var(--onyx-spacing-4xl);max-width:20rem;font-family:var(--onyx-font-family);z-index:var(--onyx-z-index-flyout)}.onyx-flyout-menu__list--with-header{padding-top:0}.onyx-flyout-menu__list--with-footer{padding-bottom:0}.onyx-flyout-menu__wrapper{padding:0}}@layer onyx.component{.onyx-system-button,.onyx-system-button-skeleton{--height: 1.5rem}}@layer onyx.component{.onyx-system-button-skeleton{height:var(--height);width:var(--height);max-width:100%}.onyx-system-button-skeleton--text{width:var(--onyx-spacing-4xl)}}@layer onyx.component{.onyx-system-button{font-family:var(--onyx-font-family);color:var(--color);background-color:var(--background-color);border-radius:var(--onyx-radius-sm);border:none;padding:0;height:var(--height);min-width:var(--height);max-width:100%;display:inline-flex;align-items:center;justify-content:center}.onyx-system-button:enabled{cursor:pointer}.onyx-system-button:enabled:hover,.onyx-system-button:enabled:focus-visible{--background-color: var(--hover-background-color);--color: var(--hover-focus-color)}.onyx-system-button:enabled:focus-visible{--background-color: var(--focus-active-background-color);--color: var(--hover-focus-color);outline:var(--onyx-outline-width) solid var(--onyx-color-component-focus-primary)}.onyx-system-button:enabled:active{--background-color: var(--focus-active-background-color);--color: var(--active-color)}.onyx-system-button .onyx-icon{--icon-size: 1.125rem}.onyx-system-button:not(:has(.onyx-icon)){padding:var(--onyx-spacing-5xs) var(--onyx-spacing-2xs)}.onyx-system-button--intense{--color: var(--onyx-color-text-icons-neutral-medium);--hover-focus-color: var(--onyx-color-text-icons-neutral-intense);--active-color: var(--onyx-color-text-icons-primary-bold);--background-color: transparent;--hover-background-color: var(--onyx-color-base-neutral-300);--focus-active-background-color: var(--onyx-color-base-neutral-300)}.onyx-system-button--intense:not(:has(.onyx-icon)){--color: var(--onyx-color-text-icons-neutral-intense);--hover-focus-color: var(--onyx-color-text-icons-neutral-intense);--active-color: var(--onyx-color-text-icons-primary-bold);--background-color: var(--onyx-color-base-neutral-300);--hover-background-color: var(--onyx-color-base-neutral-200);--focus-active-background-color: var(--onyx-color-base-neutral-200)}.onyx-system-button--soft{--color: var(--onyx-color-text-icons-neutral-medium);--hover-focus-color: var(--onyx-color-text-icons-neutral-intense);--active-color: var(--onyx-color-text-icons-primary-intense);--background-color: transparent;--hover-background-color: var(--onyx-color-base-background-blank);--focus-active-background-color: var(--onyx-color-base-background-blank)}.onyx-system-button--soft:not(:has(.onyx-icon)){--color: var(--onyx-color-text-icons-neutral-intense);--hover-focus-color: var(--onyx-color-text-icons-neutral-intense);--active-color: var(--onyx-color-text-icons-primary-intense);--background-color: transparent;--hover-background-color: var(--onyx-color-base-background-blank);--focus-active-background-color: var(--onyx-color-base-background-blank)}.onyx-system-button--medium{--color: var(--onyx-color-text-icons-neutral-medium);--hover-focus-color: var(--onyx-color-text-icons-neutral-intense);--active-color: var(--onyx-color-text-icons-primary-intense);--background-color: transparent;--hover-background-color: var(--onyx-color-base-neutral-200);--focus-active-background-color: var(--onyx-color-base-neutral-200)}.onyx-system-button--medium:not(:has(.onyx-icon)){--color: var(--onyx-color-text-icons-neutral-intense);--hover-focus-color: var(--onyx-color-text-icons-neutral-intense);--active-color: var(--onyx-color-text-icons-primary-bold);--background-color: var(--onyx-color-base-neutral-200);--hover-background-color: var(--onyx-color-base-neutral-300);--focus-active-background-color: var(--onyx-color-base-neutral-200)}.onyx-system-button:disabled{--background-color: transparent;--color: var(--onyx-color-text-icons-neutral-soft)}}.onyx-data-grid-header-cell{display:flex;align-items:center;gap:var(--onyx-spacing-2xs)}.onyx-data-grid-header-cell__actions{display:inline-flex}@layer onyx.component{.onyx-form-message{display:inline-flex;gap:var(--onyx-spacing-2xs)}}.onyx-use-optional:not(:has(.onyx-required-marker)) .onyx-form-element__optional{display:inline-block}@layer onyx.component{.onyx-form-element{font-family:var(--onyx-font-family);display:flex;flex-direction:column;gap:var(--onyx-density-3xs)}.onyx-form-element__label{display:flex;align-items:center;max-width:100%;width:100%;color:var(--onyx-color-text-icons-neutral-medium)}.onyx-form-element__label .onyx-optional-marker{flex-grow:1;text-align:end}.onyx-form-element__optional{display:none;font-family:var(--onyx-font-family);font-weight:400;font-style:normal;color:var(--onyx-color-text-icons-neutral-soft);padding-left:var(--onyx-density-xs);-webkit-hyphens:none;hyphens:none;margin-left:auto}.onyx-form-element__label-tooltip{margin-left:var(--onyx-spacing-2xs)}.onyx-form-element__footer{width:100%;max-width:100%;display:flex;justify-content:space-between;gap:var(--onyx-spacing-2xs);color:var(--onyx-color-text-icons-neutral-soft)}.onyx-form-element__footer-messages{flex:1;min-width:0;display:flex;flex-direction:column}.onyx-form-element__counter{max-width:fit-content}.onyx-form-element__error-message,.onyx-form-element__error-tooltip{display:var(--error-message-display, none);color:var(--onyx-color-base-danger-500)}.onyx-form-element__success-message,.onyx-form-element__success-tooltip{display:var(--success-message-display, flex);color:var(--onyx-color-base-success-700)}.onyx-form-element__message{display:var(--message-display, flex)}}.onyx-datepicker,.onyx-datepicker-skeleton{--onyx-datepicker-padding-vertical: var(--onyx-density-xs)}.onyx-datepicker-skeleton{display:flex;flex-direction:column;gap:calc(var(--onyx-density-3xs) + var(--skeleton-label-density-adjustment, 0rem));line-height:1.5rem}.onyx-datepicker-skeleton__label{width:var(--onyx-density-3xl);height:calc(1.25rem - var(--skeleton-label-density-adjustment, 0rem))}.onyx-datepicker-skeleton__input{width:17rem;max-width:100%;height:calc(1lh + 2 * var(--onyx-datepicker-padding-vertical))}@layer onyx.density{.onyx-density-compact .onyx-datepicker-skeleton,:is(.onyx-datepicker-skeleton).onyx-density-compact{--skeleton-label-density-adjustment: var(--onyx-spacing-5xs)}}@layer onyx.component{.onyx-datepicker{--border-color: var(--onyx-color-component-border-neutral);--hover-border-color: var(--onyx-color-component-border-primary-hover);--selection-color: var(--onyx-color-base-primary-200);--background-color: var(--onyx-color-base-background-blank);--outline-color: var(--onyx-color-component-focus-primary);--outline-style: none;--button-color: var(--onyx-color-text-icons-neutral-soft)}.onyx-datepicker__wrapper{border-radius:var(--onyx-radius-sm);border:var(--onyx-1px-in-rem) solid var(--border-color);background-color:var(--background-color);color:var(--onyx-color-text-icons-neutral-intense);outline:var(--onyx-outline-width) var(--outline-style) var(--outline-color);display:flex;align-items:center;gap:var(--onyx-density-xs);font-size:1rem;line-height:1.5rem;padding:var(--onyx-datepicker-padding-vertical) var(--onyx-density-sm);height:calc(1lh + 2 * var(--onyx-datepicker-padding-vertical))}.onyx-datepicker__wrapper:has(.onyx-datepicker__native:read-write):hover{--border-color: var(--hover-border-color, var(--onyx-color-component-border-primary-hover));--button-color: var(--button-hover-color, var(--onyx-color-text-icons-primary-medium))}.onyx-datepicker__wrapper:has(.onyx-datepicker__native:enabled:focus,.onyx-datepicker__native--show-focus){--border-color: var(--focus-border-color, var(--onyx-color-component-border-primary-hover));--outline-style: solid}.onyx-datepicker__wrapper:has(.onyx-datepicker__native:enabled:focus,.onyx-datepicker__native--show-focus):has(.onyx-datepicker__native:read-write){--button-color: var(--button-focus-color, var(--onyx-color-text-icons-primary-intense))}.onyx-datepicker__wrapper:has(.onyx-datepicker__native:read-only){--selection-color: var(--onyx-color-base-neutral-200);--background-color: var(--onyx-color-base-background-tinted)}.onyx-datepicker__wrapper:has(.onyx-datepicker__native:enabled:read-only):hover{--border-color: var(--onyx-color-component-border-neutral-hover)}.onyx-datepicker__wrapper:has(.onyx-datepicker__native:enabled:read-only):has(.onyx-datepicker__native:focus,.onyx-datepicker__native--show-focus){--border-color: var(--onyx-color-component-border-neutral);--outline-color: var(--onyx-color-component-focus-neutral)}.onyx-datepicker__wrapper:has(.onyx-datepicker__native:read-write):has(.onyx-datepicker__native:autofill,.onyx-datepicker__native[data-test-autofill],.onyx-datepicker__native[data-com-onepassword-filled]){background-color:var(--onyx-color-base-warning-100)}.onyx-datepicker__wrapper:focus-within .onyx-datepicker__check-icon,.onyx-datepicker__wrapper:has(.onyx-datepicker__native--show-focus) .onyx-datepicker__check-icon{display:none}.onyx-datepicker__loading{color:var(--onyx-color-text-icons-primary-intense)}.onyx-datepicker__button{all:initial;display:flex;color:var(--button-color)}.onyx-datepicker__button:enabled{cursor:pointer}.onyx-datepicker__button:focus-visible{outline:var(--onyx-outline-width) solid var(--outline-color);border-radius:var(--onyx-radius-sm);--button-color: var(--button-focus-color, var(--onyx-color-text-icons-primary-intense))}.onyx-datepicker:has(.onyx-form-element__success-message){--message-display: none;--border-color: var(--onyx-color-component-border-success);--outline-color: var(--onyx-color-component-focus-success);--selection-color: var(--onyx-color-base-success-200);--focus-border-color: var(--onyx-color-component-border-success);--hover-border-color: var(--onyx-color-component-border-success-hover);--button-hover-color: var(--onyx-color-text-icons-success-medium);--button-focus-color: var(--onyx-color-text-icons-success-intense)}.onyx-datepicker:not(.onyx-form-element-suppress-invalid).onyx-form-element--touched-invalid:has(.onyx-datepicker__native:user-invalid,.onyx-datepicker__native--touched:invalid),.onyx-datepicker:not(.onyx-form-element-suppress-invalid).onyx-form-element--immediate-invalid:has(.onyx-datepicker__native:invalid){--error-message-display: inline-flex;--message-display: none;--success-message-display: none;--border-color: var(--onyx-color-component-border-danger);--outline-color: var(--onyx-color-component-focus-danger);--selection-color: var(--onyx-color-base-danger-200);--focus-border-color: var(--onyx-color-component-border-danger);--hover-border-color: var(--onyx-color-component-border-danger-hover);--button-hover-color: var(--onyx-color-text-icons-danger-medium);--button-focus-color: var(--onyx-color-text-icons-danger-intense)}.onyx-datepicker__native{border:none;border-radius:inherit;background-color:transparent;color:inherit;width:100%;outline:none;font-family:inherit;font-size:inherit;line-height:inherit;padding:0;height:100%}.onyx-datepicker__native::placeholder{color:var(--onyx-color-text-icons-neutral-soft);font-weight:400;opacity:1}.onyx-datepicker__native::selection{background:var(--selection-color)}.onyx-datepicker__native:autofill,.onyx-datepicker__native[data-test-autofill],.onyx-datepicker__native[data-com-onepassword-filled]{background-color:transparent;-webkit-text-fill-color:var(--onyx-color-text-icons-neutral-intense);transition:background-color calc(infinity * 1s)}.onyx-datepicker:has(.onyx-datepicker__native:disabled) .onyx-form-element__label{color:var(--onyx-color-text-icons-neutral-soft)}.onyx-datepicker:has(.onyx-datepicker__native:disabled) .onyx-datepicker__wrapper{color:var(--onyx-color-text-icons-neutral-soft)}.onyx-datepicker__native::-webkit-calendar-picker-indicator{cursor:pointer}}@layer onyx.component{.onyx-dialog{outline:none;border:var(--onyx-1px-in-rem) solid var(--onyx-color-component-border-neutral);border-radius:var(--onyx-radius-md);font-family:var(--onyx-font-family);color:var(--onyx-color-text-icons-neutral-intense);padding:var(--onyx-density-lg);background-color:var(--onyx-color-base-background-blank);overflow:auto;z-index:var(--onyx-z-index-page-overlay);max-width:calc(100% - 2 * var(--onyx-grid-margin));max-height:calc(100% - 2 * var(--onyx-grid-margin));height:max-content;width:max-content;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.onyx-dialog::backdrop{background-color:var(--onyx-color-backdrop)}.onyx-dialog:modal{z-index:var(--onyx-z-index-app-overlay)}}@layer onyx.component{.onyx-external-link-icon{align-self:flex-start}}.onyx-icon-button,.onyx-icon-button-skeleton{--onyx-icon-button-padding: var(--onyx-density-xs)}.onyx-icon-button-skeleton{height:calc(1.5rem + 2 * var(--onyx-icon-button-padding));width:calc(1.5rem + 2 * var(--onyx-icon-button-padding));border-radius:var(--onyx-radius-full)}@layer onyx.component{.onyx-icon-button{--icon-button-color: var(--onyx-color-text-icons-primary-intense);--icon-button-bg-color: transparent;--icon-button-cursor: pointer;display:inline-grid;place-items:center;padding:var(--onyx-icon-button-padding);color:var(--icon-button-color);cursor:var(--icon-button-cursor);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;border-radius:var(--onyx-radius-full);background-color:var(--icon-button-bg-color)}.onyx-icon-button:hover,.onyx-icon-button:focus-visible{--icon-button-bg-color: var(--onyx-color-base-primary-200);--icon-button-color: var(--onyx-color-text-icons-primary-bold)}.onyx-icon-button:disabled:not(.onyx-icon-button--loading){--icon-button-color: var(--onyx-color-text-icons-primary-soft)}.onyx-icon-button:active{--icon-button-bg-color: var(--onyx-color-base-primary-300);--icon-button-color: var(--onyx-color-text-icons-primary-bold)}.onyx-icon-button--neutral{--icon-button-color: var(--onyx-color-text-icons-neutral-medium)}.onyx-icon-button--neutral:hover,.onyx-icon-button--neutral:focus-visible{--icon-button-bg-color: var(--onyx-color-base-neutral-200);--icon-button-color: var(--onyx-color-text-icons-neutral-intense)}.onyx-icon-button--neutral:disabled:not(.onyx-icon-button--neutral--loading){--icon-button-color: var(--onyx-color-text-icons-neutral-soft)}.onyx-icon-button--neutral:active{--icon-button-bg-color: var(--onyx-color-base-neutral-300);--icon-button-color: var(--onyx-color-text-icons-neutral-intense)}.onyx-icon-button--danger{--icon-button-color: var(--onyx-color-text-icons-danger-intense)}.onyx-icon-button--danger:hover,.onyx-icon-button--danger:focus-visible{--icon-button-bg-color: var(--onyx-color-base-danger-200);--icon-button-color: var(--onyx-color-text-icons-danger-bold)}.onyx-icon-button--danger:disabled:not(.onyx-icon-button--danger--loading){--icon-button-color: var(--onyx-color-text-icons-danger-soft)}.onyx-icon-button--danger:active{--icon-button-bg-color: var(--onyx-color-base-danger-300);--icon-button-color: var(--onyx-color-text-icons-danger-bold)}.onyx-icon-button:disabled{--icon-button-bg-color: transparent;--icon-button-cursor: default}}.onyx-input,.onyx-input-skeleton{--onyx-input-padding-vertical: var(--onyx-density-xs)}.onyx-input-skeleton{display:flex;flex-direction:column;gap:calc(var(--onyx-density-3xs) + var(--skeleton-label-density-adjustment, 0rem));line-height:1.5rem}.onyx-input-skeleton__label{width:var(--onyx-density-3xl);height:calc(1.25rem - var(--skeleton-label-density-adjustment, 0rem))}.onyx-input-skeleton__input{width:17rem;max-width:100%;height:calc(1lh + 2 * var(--onyx-input-padding-vertical))}@layer onyx.density{.onyx-density-compact .onyx-input-skeleton,:is(.onyx-input-skeleton).onyx-density-compact{--skeleton-label-density-adjustment: var(--onyx-spacing-5xs)}}@layer onyx.component{.onyx-input{--border-color: var(--onyx-color-component-border-neutral);--hover-border-color: var(--onyx-color-component-border-primary-hover);--selection-color: var(--onyx-color-base-primary-200);--background-color: var(--onyx-color-base-background-blank);--outline-color: var(--onyx-color-component-focus-primary);--outline-style: none;--button-color: var(--onyx-color-text-icons-neutral-soft)}.onyx-input__wrapper{border-radius:var(--onyx-radius-sm);border:var(--onyx-1px-in-rem) solid var(--border-color);background-color:var(--background-color);color:var(--onyx-color-text-icons-neutral-intense);outline:var(--onyx-outline-width) var(--outline-style) var(--outline-color);display:flex;align-items:center;gap:var(--onyx-density-xs);font-size:1rem;line-height:1.5rem;padding:var(--onyx-input-padding-vertical) var(--onyx-density-sm);height:calc(1lh + 2 * var(--onyx-input-padding-vertical))}.onyx-input__wrapper:has(.onyx-input__native:read-write):hover{--border-color: var(--hover-border-color, var(--onyx-color-component-border-primary-hover));--button-color: var(--button-hover-color, var(--onyx-color-text-icons-primary-medium))}.onyx-input__wrapper:has(.onyx-input__native:enabled:focus,.onyx-input__native--show-focus){--border-color: var(--focus-border-color, var(--onyx-color-component-border-primary-hover));--outline-style: solid}.onyx-input__wrapper:has(.onyx-input__native:enabled:focus,.onyx-input__native--show-focus):has(.onyx-input__native:read-write){--button-color: var(--button-focus-color, var(--onyx-color-text-icons-primary-intense))}.onyx-input__wrapper:has(.onyx-input__native:read-only){--selection-color: var(--onyx-color-base-neutral-200);--background-color: var(--onyx-color-base-background-tinted)}.onyx-input__wrapper:has(.onyx-input__native:enabled:read-only):hover{--border-color: var(--onyx-color-component-border-neutral-hover)}.onyx-input__wrapper:has(.onyx-input__native:enabled:read-only):has(.onyx-input__native:focus,.onyx-input__native--show-focus){--border-color: var(--onyx-color-component-border-neutral);--outline-color: var(--onyx-color-component-focus-neutral)}.onyx-input__wrapper:has(.onyx-input__native:read-write):has(.onyx-input__native:autofill,.onyx-input__native[data-test-autofill],.onyx-input__native[data-com-onepassword-filled]){background-color:var(--onyx-color-base-warning-100)}.onyx-input__wrapper:focus-within .onyx-input__check-icon,.onyx-input__wrapper:has(.onyx-input__native--show-focus) .onyx-input__check-icon{display:none}.onyx-input__loading{color:var(--onyx-color-text-icons-primary-intense)}.onyx-input__button{all:initial;display:flex;color:var(--button-color)}.onyx-input__button:enabled{cursor:pointer}.onyx-input__button:focus-visible{outline:var(--onyx-outline-width) solid var(--outline-color);border-radius:var(--onyx-radius-sm);--button-color: var(--button-focus-color, var(--onyx-color-text-icons-primary-intense))}.onyx-input:has(.onyx-form-element__success-message){--message-display: none;--border-color: var(--onyx-color-component-border-success);--outline-color: var(--onyx-color-component-focus-success);--selection-color: var(--onyx-color-base-success-200);--focus-border-color: var(--onyx-color-component-border-success);--hover-border-color: var(--onyx-color-component-border-success-hover);--button-hover-color: var(--onyx-color-text-icons-success-medium);--button-focus-color: var(--onyx-color-text-icons-success-intense)}.onyx-input:not(.onyx-form-element-suppress-invalid).onyx-form-element--touched-invalid:has(.onyx-input__native:user-invalid,.onyx-input__native--touched:invalid),.onyx-input:not(.onyx-form-element-suppress-invalid).onyx-form-element--immediate-invalid:has(.onyx-input__native:invalid){--error-message-display: inline-flex;--message-display: none;--success-message-display: none;--border-color: var(--onyx-color-component-border-danger);--outline-color: var(--onyx-color-component-focus-danger);--selection-color: var(--onyx-color-base-danger-200);--focus-border-color: var(--onyx-color-component-border-danger);--hover-border-color: var(--onyx-color-component-border-danger-hover);--button-hover-color: var(--onyx-color-text-icons-danger-medium);--button-focus-color: var(--onyx-color-text-icons-danger-intense)}.onyx-input__native{border:none;border-radius:inherit;background-color:transparent;color:inherit;width:100%;outline:none;font-family:inherit;font-size:inherit;line-height:inherit;padding:0;height:100%}.onyx-input__native::placeholder{color:var(--onyx-color-text-icons-neutral-soft);font-weight:400;opacity:1}.onyx-input__native::selection{background:var(--selection-color)}.onyx-input__native:autofill,.onyx-input__native[data-test-autofill],.onyx-input__native[data-com-onepassword-filled]{background-color:transparent;-webkit-text-fill-color:var(--onyx-color-text-icons-neutral-intense);transition:background-color calc(infinity * 1s)}.onyx-input:has(.onyx-input__native:disabled) .onyx-form-element__label{color:var(--onyx-color-text-icons-neutral-soft)}.onyx-input:has(.onyx-input__native:disabled) .onyx-input__wrapper{color:var(--onyx-color-text-icons-neutral-soft)}}.onyx-input ::-webkit-search-cancel-button{display:none}.onyx-input__clear{height:100%;margin:0;padding:0;display:flex;align-items:center;background-color:transparent;border:none;cursor:pointer;color:var(--onyx-color-text-icons-neutral-intense)}.onyx-input__clear:hover{color:var(--onyx-color-text-icons-primary-intense)}.onyx-input:not(.onyx-input:has(.onyx-input__wrapper:focus-within)) .onyx-input__clear,.onyx-input:has(.onyx-input__native:read-only) .onyx-input__clear{display:none}@layer onyx.component{.onyx-link{text-decoration:underline;color:var(--onyx-color-text-icons-primary-intense);display:inline-block}.onyx-link:hover{color:var(--onyx-color-text-icons-primary-medium)}.onyx-link:focus-visible{color:var(--onyx-color-text-icons-primary-intense);border-radius:var(--onyx-radius-sm);outline:var(--onyx-1px-in-rem) solid var(--onyx-color-component-focus-primary)}.onyx-link:active,.onyx-link:visited{color:var(--onyx-color-text-icons-primary-bold)}.onyx-link:visited:hover{color:var(--onyx-color-text-icons-primary-intense)}.onyx-link .onyx-external-link-icon{margin-left:var(--onyx-density-3xs)}}@layer onyx.component{.onyx-mini-search{--onyx-mini-search-icon-size: 1.5rem;--onyx-mini-search-padding-inline: var(--onyx-density-sm);display:flex;gap:var(--onyx-mini-search-padding-inline);padding:var(--onyx-density-xs) var(--onyx-mini-search-padding-inline);background-color:var(--onyx-color-base-background-blank);color:var(--onyx-color-text-icons-neutral-intense)}.onyx-mini-search__input,.onyx-mini-search__clear{all:initial}.onyx-mini-search__input{font-family:var(--onyx-font-family);font-style:normal;flex-grow:1;min-width:calc(var(--onyx-placeholder-character-count) * 1ch);color:var(--onyx-color-text-icons-neutral-intense)}.onyx-mini-search__input::placeholder{color:var(--onyx-color-text-icons-neutral-soft)}.onyx-mini-search__clear{color:var(--onyx-color-text-icons-neutral-medium);cursor:pointer;display:none}.onyx-mini-search__clear .onyx-icon{--icon-size: var(--onyx-mini-search-icon-size)}.onyx-mini-search__icon{display:grid;align-self:center;color:var(--onyx-color-text-icons-neutral-soft);--icon-size: var(--onyx-mini-search-icon-size)}.onyx-mini-search:has(.onyx-mini-search__input:not(:placeholder-shown)) .onyx-mini-search__clear{display:grid;place-items:center}.onyx-mini-search:has(.onyx-mini-search__input:not(:placeholder-shown)) .onyx-mini-search__icon{display:none}}@layer onyx.component{.onyx-mobile-nav-button{--top-position: 3.5rem}.onyx-mobile-nav-button__trigger{display:flex;background-color:var(--onyx-color-base-background-blank);color:var(--onyx-color-text-icons-neutral-medium);padding:var(--onyx-spacing-md);cursor:pointer}:where(.onyx-mobile-nav-button__trigger){border:none}.onyx-mobile-nav-button__trigger:hover:not(.onyx-mobile-nav-button__trigger--active){background-color:var(--onyx-color-base-background-tinted)}.onyx-mobile-nav-button__trigger:focus-visible{background-color:var(--onyx-color-base-primary-100);outline:none}.onyx-mobile-nav-button__trigger:active,.onyx-mobile-nav-button__trigger--active{background-color:var(--onyx-color-base-primary-100);color:var(--onyx-color-text-icons-primary-intense)}.onyx-mobile-nav-button__headline{position:sticky;top:0;z-index:1;background-color:var(--onyx-color-base-background-tinted);padding:var(--onyx-spacing-xl) 0 var(--onyx-spacing-2xs);margin-inline:auto}.onyx-mobile-nav-button__flyout{max-height:calc(100vh - var(--top-position) - var(--onyx-spacing-3xl));width:100%;background-color:var(--onyx-color-base-background-tinted);box-shadow:var(--onyx-shadow-medium-bottom);position:relative;font-family:var(--onyx-font-family);color:var(--onyx-color-text-icons-neutral-intense);overflow-y:auto;position:absolute;top:var(--top-position);left:0;z-index:var(--onyx-z-index-navigation)}.onyx-mobile-nav-button__backdrop{content:"";background-color:var(--onyx-color-backdrop);width:100%;height:100vh;display:block;cursor:pointer;position:fixed;top:var(--top-position);left:0;z-index:var(--onyx-z-index-page-overlay)}.onyx-mobile-nav-button__menu{max-width:36rem;padding:0 var(--onyx-spacing-md) var(--onyx-spacing-xl);margin-inline:auto}.onyx-mobile-nav-button__menu:has(.onyx-nav-bar__mobile-context-content){padding-top:var(--onyx-spacing-xl)}.onyx-mobile-nav-button__menu :has(.onyx-nav-button__mobile-children--open)>.onyx-nav-button:not(:has(.onyx-nav-button__mobile-children--open)){display:none}.onyx-mobile-nav-button:has(.onyx-nav-button__mobile-children--open) .onyx-mobile-nav-button__headline{display:none}.onyx-mobile-nav-button:has(.onyx-nav-button__mobile-children--open) .onyx-mobile-nav-button__menu,.onyx-mobile-nav-button__menu:not(:has(.onyx-mobile-nav-button__headline)){padding-top:var(--onyx-spacing-xl)}}@layer onyx.component{.onyx-more-list{display:flex;align-items:center;gap:var(--onyx-spacing-4xs)}.onyx-more-list__elements{display:inherit;align-items:inherit;gap:inherit;overflow-x:clip}.onyx-more-list__indicator{min-width:max-content;max-width:100%}}@layer onyx.component{.onyx-nav-app-area{background:none;border:none;display:flex;align-items:center;gap:var(--onyx-spacing-md);padding:var(--onyx-spacing-md);font-weight:600;white-space:pre-line;max-height:100cqh;cursor:pointer;text-align:left;font-family:var(--onyx-font-family);color:var(--onyx-color-text-icons-neutral-intense);background-color:var(--onyx-color-base-background-blank);overflow-x:hidden}.onyx-nav-app-area:hover{background-color:var(--onyx-color-base-background-tinted)}.onyx-nav-app-area:focus-visible{background-color:var(--onyx-color-base-primary-100);outline:none}.onyx-nav-app-area:active{background-color:var(--onyx-color-base-primary-200)}.onyx-nav-app-area__logo{width:auto;height:1.5rem}}@layer onyx.component{.onyx-color-scheme-dialog{--image-size: 10rem;width:32rem;background-color:var(--onyx-color-base-background-tinted)}.onyx-color-scheme-dialog__form{display:flex;flex-direction:column;gap:var(--onyx-spacing-md)}.onyx-color-scheme-dialog__subtitle{color:var(--onyx-color-text-icons-neutral-medium)}.onyx-color-scheme-dialog__list{list-style:none;padding:0;container-type:inline-size;display:flex;flex-direction:column;gap:var(--onyx-spacing-md);border:none}.onyx-color-scheme-dialog__option{display:flex;padding:var(--onyx-spacing-md) var(--onyx-spacing-xl);align-items:flex-start;gap:var(--onyx-spacing-md);align-self:stretch;color:var(--onyx-color-text-icons-neutral-medium);cursor:pointer;border:var(--onyx-1px-in-rem) solid var(--onyx-color-component-border-neutral);background-color:var(--onyx-color-base-background-blank);border-radius:var(--onyx-radius-md)}@container (max-width: 24rem){.onyx-color-scheme-dialog__option{flex-direction:column;--image-size: 6rem}}.onyx-color-scheme-dialog__option:hover{background:var(--onyx-color-base-background-tinted)}.onyx-color-scheme-dialog__option:has(input:checked){border-color:var(--onyx-color-base-primary-200);background-color:var(--onyx-color-base-primary-100)}.onyx-color-scheme-dialog__option:has(input:checked):hover{border-color:var(--onyx-color-component-border-primary)}.onyx-color-scheme-dialog__option:has(input:checked) .onyx-color-scheme-dialog__label{color:var(--onyx-color-text-icons-primary-intense)}.onyx-color-scheme-dialog__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--onyx-spacing-md)}.onyx-color-scheme-dialog__image{display:inline-flex}.onyx-color-scheme-dialog__image svg{width:var(--image-size);height:auto}}@layer onyx.component{.onyx-menu-item{--onyx-menu-item-gap: var(--onyx-density-sm);padding:0}.onyx-menu-item__trigger{display:flex;align-items:center;gap:var(--onyx-menu-item-gap);color:inherit;text-decoration:none;padding:var(--onyx-list-item-padding);width:100%;height:100%;border-radius:inherit;cursor:pointer}.onyx-menu-item__trigger:focus{outline:none}.onyx-menu-item__trigger:is(button){background-color:inherit;border:none}}@layer onyx.component{.onyx-color-scheme-menu-item__value{color:var(--onyx-color-text-icons-neutral-soft)}.onyx-color-scheme-menu-item .onyx-color-scheme-dialog{text-align:left}}@layer onyx.component{.onyx-nav-separator{background-color:var(--onyx-color-base-neutral-300);margin:0 var(--onyx-spacing-2xs);width:var(--onyx-1px-in-rem);min-height:2rem;height:100%;max-height:100%}.onyx-nav-separator--horizontal{min-height:unset;height:var(--onyx-1px-in-rem);width:100%;margin:var(--onyx-spacing-xs) 0}}@layer onyx.component{.onyx-nav-button{width:max-content;position:relative;list-style:none}.onyx-nav-button__trigger{display:inline-flex;position:relative;height:2.5rem;width:max-content;padding:var(--onyx-spacing-2xs) var(--onyx-spacing-md);justify-content:center;align-items:center;gap:var(--onyx-spacing-2xs);flex-shrink:0;border-radius:var(--onyx-radius-sm);background:var(--onyx-color-base-background-blank);text-decoration:none;font-family:var(--onyx-font-family);color:var(--onyx-color-text-icons-neutral-medium);border:none}.onyx-nav-button__trigger:focus-visible{outline:var(--onyx-outline-width) solid var(--onyx-color-component-focus-primary)}.onyx-nav-button__link{cursor:pointer}.onyx-nav-button--active .onyx-nav-button__trigger,.onyx-nav-button:has(.onyx-list-item--active):not(:has(.onyx-nav-button__mobile-children--open)) .onyx-nav-button__trigger{color:var(--onyx-color-text-icons-primary-intense);font-weight:600}.onyx-nav-button--active .onyx-nav-button__trigger:after,.onyx-nav-button:has(.onyx-list-item--active):not(:has(.onyx-nav-button__mobile-children--open)) .onyx-nav-button__trigger:after{content:" ";position:absolute;width:100%;height:.125rem;bottom:calc(-1 * var(--onyx-spacing-2xs));border-radius:var(--onyx-radius-full) var(--onyx-radius-full) 0 0;background:var(--onyx-color-base-primary-500);z-index:1}.onyx-nav-button:not(.onyx-nav-button--mobile):hover .onyx-nav-button__trigger,.onyx-nav-button:not(.onyx-nav-button--mobile):focus-within:has(.onyx-flyout-menu__list) .onyx-nav-button__trigger{background-color:var(--onyx-color-base-neutral-200)}.onyx-nav-button .onyx-external-link-icon{margin-left:calc(-1 * var(--onyx-spacing-2xs))}.onyx-nav-button__mobile-chevron{margin-left:auto}.onyx-nav-button__mobile-children{display:contents;padding:0}.onyx-nav-button--mobile{width:100%;border-radius:var(--onyx-radius-sm);display:flex;flex-direction:column;align-items:flex-start;gap:var(--onyx-spacing-xs)}.onyx-nav-button--mobile .onyx-nav-button__trigger{padding-inline:var(--onyx-spacing-sm)}.onyx-nav-button--mobile:not(.onyx-nav-button--active) .onyx-nav-button__trigger{color:var(--onyx-color-text-icons-neutral-intense)}.onyx-nav-button--mobile>.onyx-nav-button__trigger,.onyx-nav-button--mobile .onyx-menu-item{width:100%;justify-content:flex-start;border:var(--onyx-1px-in-rem) solid var(--onyx-color-component-border-neutral);height:3rem;border-radius:var(--onyx-radius-sm)}.onyx-nav-button--mobile>.onyx-nav-button__trigger .onyx-menu-item__trigger,.onyx-nav-button--mobile .onyx-menu-item .onyx-menu-item__trigger{--onyx-list-item-padding: var(--onyx-spacing-sm)}.onyx-nav-button--mobile>.onyx-nav-button__trigger:after,.onyx-nav-button--mobile .onyx-menu-item:after{display:none}.onyx-nav-button--mobile>.onyx-nav-button__trigger:hover,.onyx-nav-button--mobile .onyx-menu-item:hover{background-color:var(--onyx-color-base-background-tinted)}.onyx-nav-button--mobile.onyx-nav-button--active .onyx-nav-button__trigger,.onyx-nav-button--mobile:has(.onyx-list-item--active):not(:has(.onyx-nav-button__mobile-children--open)) .onyx-nav-button__trigger,.onyx-nav-button--mobile .onyx-list-item--active{--onyx-list-item-background-selected: var(--onyx-color-base-primary-100);--onyx-list-item-color-selected: var(--onyx-color-text-icons-primary-intense);background-color:var(--onyx-list-item-background-selected);border-color:var(--onyx-color-base-primary-200);font-weight:600}.onyx-nav-button--mobile.onyx-nav-button--active .onyx-nav-button__trigger:hover,.onyx-nav-button--mobile:has(.onyx-list-item--active):not(:has(.onyx-nav-button__mobile-children--open)) .onyx-nav-button__trigger:hover,.onyx-nav-button--mobile .onyx-list-item--active:hover{border-color:var(--onyx-color-component-border-primary);background-color:var(--onyx-list-item-background-selected)}}@layer onyx.component{.onyx-nav-item .onyx-external-link-icon{margin-left:calc(-1 * var(--onyx-menu-item-gap))}}@layer onyx.component{.onyx-timer{display:inline-flex;gap:var(--onyx-spacing-2xs);border-radius:var(--onyx-radius-md);border:none;background:var(--onyx-color-base-background-blank);padding:var(--onyx-spacing-2xs) var(--onyx-spacing-md);font-family:var(--onyx-font-family);color:var(--onyx-color-text-icons-neutral-intense);width:max-content;max-width:100%}.onyx-timer__label{color:var(--onyx-color-text-icons-neutral-soft)}.onyx-timer__time{font-weight:600}}@layer onyx.component{.onyx-user-menu__footer,.onyx-user-menu__mobile-footer{color:var(--onyx-color-text-icons-neutral-soft);display:flex;align-items:center;justify-content:space-between;gap:var(--onyx-spacing-2xs)}.onyx-user-menu__footer{border-top:var(--onyx-1px-in-rem) solid var(--onyx-color-component-border-neutral);padding:var(--onyx-spacing-4xs) var(--onyx-spacing-md)}.onyx-user-menu__mobile-footer{margin-top:var(--onyx-spacing-xs);border:var(--onyx-1px-in-rem) solid var(--onyx-color-component-border-neutral);border-radius:var(--onyx-radius-sm);font-size:.8125rem;line-height:1.25rem}}@layer onyx.component{.onyx-user-menu{--onyx-user-menu-height: 2.5rem;font-family:var(--onyx-font-family);width:max-content;position:relative}.onyx-user-menu:focus-within,.onyx-user-menu:hover{outline:0}.onyx-user-menu:focus-within .onyx-user-menu__trigger,.onyx-user-menu:hover .onyx-user-menu__trigger{outline:var(--onyx-outline-width) solid var(--onyx-color-component-focus-primary);background-color:var(--onyx-color-base-neutral-200)}.onyx-user-menu__trigger{border-radius:var(--onyx-radius-sm);border:none;background:var(--onyx-color-base-background-blank);padding:var(--onyx-spacing-2xs) var(--onyx-spacing-md);display:flex;align-items:center;gap:var(--onyx-spacing-2xs);color:var(--onyx-color-text-icons-neutral-medium);margin-left:auto;font-weight:600}.onyx-user-menu__trigger:hover{background-color:var(--onyx-color-base-neutral-200)}.onyx-user-menu__trigger:focus{outline:0}.onyx-user-menu .onyx-flyout-menu__list{right:0}.onyx-user-menu__header{border-bottom:var(--onyx-1px-in-rem) solid var(--onyx-color-component-border-neutral);padding:var(--onyx-spacing-md);color:var(--onyx-color-text-icons-neutral-intense);display:flex;align-items:center;gap:var(--onyx-spacing-md);text-align:left}.onyx-user-menu__username{font-weight:600}.onyx-user-menu__description{color:var(--onyx-color-text-icons-neutral-soft);font-weight:600}.onyx-user-menu--mobile{width:100%;position:static}.onyx-user-menu--mobile .onyx-user-menu__header{border:var(--onyx-1px-in-rem) solid var(--onyx-color-component-border-neutral);background-color:var(--onyx-color-base-background-blank);border-radius:var(--onyx-radius-sm);margin-bottom:var(--onyx-spacing-xs)}.onyx-user-menu--mobile .onyx-user-menu__options .onyx-list-item{border:var(--onyx-1px-in-rem) solid var(--onyx-color-component-border-neutral);border-bottom:none}.onyx-user-menu--mobile .onyx-user-menu__options .onyx-list-item:first-of-type{border-radius:var(--onyx-radius-sm) var(--onyx-radius-sm) 0 0}.onyx-user-menu--mobile .onyx-user-menu__options .onyx-list-item:last-of-type{border-bottom:var(--onyx-1px-in-rem) solid var(--onyx-color-component-border-neutral);border-radius:0 0 var(--onyx-radius-sm) var(--onyx-radius-sm)}}@layer onyx.component{.onyx-nav-bar{--nav-bar-height: 3.5rem;background-color:var(--onyx-color-base-background-blank);font-family:var(--onyx-font-family);color:var(--onyx-color-text-icons-neutral-intense);height:var(--nav-bar-height);z-index:var(--onyx-z-index-navigation);position:relative;container-type:size}.onyx-nav-bar:after{content:" ";background-color:var(--onyx-color-component-border-neutral);height:var(--onyx-1px-in-rem);width:100%;position:absolute;bottom:0}.onyx-nav-bar__content{display:grid;grid-template-columns:max-content 1fr auto;grid-template-areas:"app nav context";align-items:center;gap:var(--onyx-spacing-md);height:100%;padding-inline:var(--onyx-grid-margin);max-width:var(--onyx-grid-max-width);margin-inline:var(--onyx-grid-margin-inline)}.onyx-nav-bar__content:has(.onyx-nav-bar__back){grid-template-columns:max-content max-content 1fr auto;grid-template-areas:"app back nav context"}.onyx-nav-bar__back{grid-area:back}.onyx-nav-bar__nav{grid-area:nav}.onyx-nav-bar__nav>ul{display:flex;align-items:center;gap:var(--onyx-spacing-4xs);padding:0}.onyx-nav-bar__nav--mobile{display:flex;flex-direction:column;gap:var(--onyx-spacing-2xs)}.onyx-nav-bar__nav--mobile>ul{display:contents}.onyx-nav-bar__context{display:flex;align-items:center;justify-content:flex-end;gap:var(--onyx-spacing-4xs);grid-area:context}.onyx-nav-bar__app{border-right:var(--onyx-1px-in-rem) solid var(--onyx-color-component-border-neutral);grid-area:app}.onyx-nav-bar--mobile .onyx-nav-bar__content{grid-template-columns:max-content max-content auto auto;grid-template-areas:"burger back nav mobile-context";gap:0;padding-inline:0}.onyx-nav-bar--mobile .onyx-nav-bar__content .onyx-nav-bar__back{margin-left:var(--onyx-spacing-md)}.onyx-nav-bar--mobile .onyx-nav-bar__app{border-right:none;grid-area:nav}.onyx-nav-bar__burger{border-right:var(--onyx-1px-in-rem) solid var(--onyx-color-component-border-neutral);grid-area:burger}.onyx-nav-bar__mobile-context{grid-area:mobile-context;display:flex;align-items:center;margin-left:auto;gap:var(--onyx-spacing-4xs)}.onyx-nav-bar__mobile-global-context{display:flex;flex-direction:row-reverse;gap:inherit}.onyx-nav-bar__mobile-context-content{display:flex;flex-direction:row-reverse;flex-wrap:wrap-reverse;align-items:center;justify-content:flex-end;gap:var(--onyx-spacing-2xs)}.onyx-nav-bar__mobile-context-content:not(:has(.onyx-nav-separator+.onyx-user-menu)) .onyx-user-menu{margin-bottom:var(--onyx-spacing-md)}.onyx-nav-bar__mobile-page{grid-area:nav;color:var(--onyx-color-text-icons-primary-intense);padding-inline:var(--onyx-spacing-md);font-weight:600}.onyx-nav-bar .onyx-mobile-nav-button{--top-position: var(--nav-bar-height)}}@layer onyx.component{.onyx-page{--background-color-sidebar: var(--onyx-color-base-background-blank);--background-color-main: var(--onyx-color-base-background-tinted);--background-color-footer: var(--onyx-color-base-background-blank);height:100%;width:100%;display:grid;grid-template-rows:auto;grid-template-columns:auto;grid-template-areas:"main"}.onyx-page--footer-full{grid-template-columns:max-content 1fr;grid-template-rows:1fr max-content;grid-template-areas:"side main" "footer footer"}.onyx-page--footer-partial{grid-template-columns:max-content 1fr;grid-template-rows:1fr max-content;grid-template-areas:"side main" "side footer"}.onyx-page__sidebar{grid-area:side;overflow:hidden auto;background-color:var(--background-color-sidebar)}.onyx-page__main{grid-area:main;overflow:hidden auto;position:relative;background-color:var(--background-color-main)}.onyx-page__footer{grid-area:footer;background-color:var(--background-color-footer)}}.onyx-select-input,.onyx-select-input-skeleton{--onyx-select-input-padding-vertical: var(--onyx-density-xs)}@layer onyx.component{.onyx-select-input{--border-color: var(--onyx-color-component-border-neutral);--hover-border-color: var(--onyx-color-component-border-primary-hover);--selection-color: var(--onyx-color-base-primary-200);--background-color: var(--onyx-color-base-background-blank);--outline-color: var(--onyx-color-component-focus-primary);--outline-style: none;--button-color: var(--onyx-color-text-icons-neutral-soft)}.onyx-select-input__wrapper{border-radius:var(--onyx-radius-sm);border:var(--onyx-1px-in-rem) solid var(--border-color);background-color:var(--background-color);color:var(--onyx-color-text-icons-neutral-intense);outline:var(--onyx-outline-width) var(--outline-style) var(--outline-color);display:flex;align-items:center;gap:var(--onyx-density-xs);font-size:1rem;line-height:1.5rem;padding:var(--onyx-select-input-padding-vertical) var(--onyx-density-sm);height:calc(1lh + 2 * var(--onyx-select-input-padding-vertical))}.onyx-select-input__wrapper:has(.onyx-select-input__native:read-write):hover{--border-color: var(--hover-border-color, var(--onyx-color-component-border-primary-hover));--button-color: var(--button-hover-color, var(--onyx-color-text-icons-primary-medium))}.onyx-select-input__wrapper:has(.onyx-select-input__native:enabled:focus,.onyx-select-input__native--show-focus){--border-color: var(--focus-border-color, var(--onyx-color-component-border-primary-hover));--outline-style: solid}.onyx-select-input__wrapper:has(.onyx-select-input__native:enabled:focus,.onyx-select-input__native--show-focus):has(.onyx-select-input__native:read-write){--button-color: var(--button-focus-color, var(--onyx-color-text-icons-primary-intense))}.onyx-select-input__wrapper:has(.onyx-select-input__native:read-only){--selection-color: var(--onyx-color-base-neutral-200);--background-color: var(--onyx-color-base-background-tinted)}.onyx-select-input__wrapper:has(.onyx-select-input__native:enabled:read-only):hover{--border-color: var(--onyx-color-component-border-neutral-hover)}.onyx-select-input__wrapper:has(.onyx-select-input__native:enabled:read-only):has(.onyx-select-input__native:focus,.onyx-select-input__native--show-focus){--border-color: var(--onyx-color-component-border-neutral);--outline-color: var(--onyx-color-component-focus-neutral)}.onyx-select-input__wrapper:has(.onyx-select-input__native:read-write):has(.onyx-select-input__native:autofill,.onyx-select-input__native[data-test-autofill],.onyx-select-input__native[data-com-onepassword-filled]){background-color:var(--onyx-color-base-warning-100)}.onyx-select-input__wrapper:focus-within .onyx-select-input__check-icon,.onyx-select-input__wrapper:has(.onyx-select-input__native--show-focus) .onyx-select-input__check-icon{display:none}.onyx-select-input__loading{color:var(--onyx-color-text-icons-primary-intense)}.onyx-select-input__button{all:initial;display:flex;color:var(--button-color)}.onyx-select-input__button:enabled{cursor:pointer}.onyx-select-input__button:focus-visible{outline:var(--onyx-outline-width) solid var(--outline-color);border-radius:var(--onyx-radius-sm);--button-color: var(--button-focus-color, var(--onyx-color-text-icons-primary-intense))}.onyx-select-input:has(.onyx-form-element__success-message){--message-display: none;--border-color: var(--onyx-color-component-border-success);--outline-color: var(--onyx-color-component-focus-success);--selection-color: var(--onyx-color-base-success-200);--focus-border-color: var(--onyx-color-component-border-success);--hover-border-color: var(--onyx-color-component-border-success-hover);--button-hover-color: var(--onyx-color-text-icons-success-medium);--button-focus-color: var(--onyx-color-text-icons-success-intense)}.onyx-select-input:not(.onyx-form-element-suppress-invalid).onyx-form-element--touched-invalid:has(.onyx-select-input__native:user-invalid,.onyx-select-input__native--touched:invalid),.onyx-select-input:not(.onyx-form-element-suppress-invalid).onyx-form-element--immediate-invalid:has(.onyx-select-input__native:invalid){--error-message-display: inline-flex;--message-display: none;--success-message-display: none;--border-color: var(--onyx-color-component-border-danger);--outline-color: var(--onyx-color-component-focus-danger);--selection-color: var(--onyx-color-base-danger-200);--focus-border-color: var(--onyx-color-component-border-danger);--hover-border-color: var(--onyx-color-component-border-danger-hover);--button-hover-color: var(--onyx-color-text-icons-danger-medium);--button-focus-color: var(--onyx-color-text-icons-danger-intense)}.onyx-select-input__native{border:none;border-radius:inherit;background-color:transparent;color:inherit;width:100%;outline:none;font-family:inherit;font-size:inherit;line-height:inherit;padding:0;height:100%}.onyx-select-input__native::placeholder{color:var(--onyx-color-text-icons-neutral-soft);font-weight:400;opacity:1}.onyx-select-input__native::selection{background:var(--selection-color)}.onyx-select-input__native:autofill,.onyx-select-input__native[data-test-autofill],.onyx-select-input__native[data-com-onepassword-filled]{background-color:transparent;-webkit-text-fill-color:var(--onyx-color-text-icons-neutral-intense);transition:background-color calc(infinity * 1s)}.onyx-select-input:has(.onyx-select-input__native:disabled) .onyx-form-element__label{color:var(--onyx-color-text-icons-neutral-soft)}.onyx-select-input:has(.onyx-select-input__native:disabled) .onyx-select-input__wrapper{color:var(--onyx-color-text-icons-neutral-soft)}.onyx-select-input__native{caret-color:transparent}.onyx-select-input .onyx-select-input__wrapper:has(.onyx-select-input__native:enabled){cursor:pointer}.onyx-select-input .onyx-select-input__wrapper:has(.onyx-select-input__native:enabled) .onyx-select-input__native{cursor:pointer}.onyx-select-input__badge{display:block;cursor:pointer}.onyx-select-input-skeleton{display:flex;flex-direction:column;gap:calc(var(--onyx-density-3xs) + var(--skeleton-label-density-adjustment, 0rem));line-height:1.5rem}.onyx-select-input-skeleton__label{width:var(--onyx-density-3xl);height:calc(1.25rem - var(--skeleton-label-density-adjustment, 0rem))}.onyx-select-input-skeleton__input{width:17rem;max-width:100%;height:calc(1lh + 2 * var(--onyx-select-input-padding-vertical))}@layer onyx.density{.onyx-density-compact .onyx-select-input-skeleton,:is(.onyx-select-input-skeleton).onyx-density-compact{--skeleton-label-density-adjustment: var(--onyx-spacing-5xs)}}}.onyx-select-option{--onyx-checkbox-input-size: 1rem;--onyx-checkbox-input-padding: var(--onyx-density-sm)}@layer onyx.component{.onyx-select-option__checkbox{flex-shrink:0;height:var(--onyx-checkbox-input-size);width:var(--onyx-checkbox-input-size);-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;border-radius:var(--onyx-radius-sm);outline:none;cursor:inherit;border:var(--onyx-1px-in-rem) solid var(--onyx-color-component-border-neutral);background:var(--onyx-color-base-background-blank);background-position:50%;background-repeat:no-repeat;background-size:100% 100%}.onyx-select-option__checkbox:checked:enabled,.onyx-select-option__checkbox:indeterminate:enabled{border-color:var(--onyx-color-component-cta-default);background-color:var(--onyx-color-component-cta-default)}.onyx-select-option__checkbox:checked:enabled:hover,.onyx-select-option__checkbox:indeterminate:enabled:hover{background-color:var(--onyx-color-component-cta-default-hover)}.onyx-select-option__checkbox:checked:user-invalid,.onyx-select-option__checkbox:indeterminate:user-invalid{border-color:var(--onyx-color-component-cta-danger);background-color:var(--onyx-color-component-cta-danger)}.onyx-select-option__checkbox:checked:user-invalid:hover,.onyx-select-option__checkbox:indeterminate:user-invalid:hover{background-color:var(--onyx-color-component-cta-danger-hover)}.onyx-select-option__checkbox:checked:disabled,.onyx-select-option__checkbox:indeterminate:disabled{background-color:var(--onyx-color-base-neutral-300)}.onyx-select-option__checkbox:disabled{border-color:var(--onyx-color-base-neutral-300)}.onyx-select-option__checkbox:user-invalid{border-color:var(--onyx-color-component-border-danger)}.onyx-select-option__checkbox:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' xml:space='preserve' viewBox='0 0 32 32'%3E%3Cpath d='m21.311 10.793-8.293 8.293-3.291-3.292-1.415 1.415 4.706 4.705 9.707-9.707z'/%3E%3C/svg%3E")}.onyx-select-option__checkbox:indeterminate{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' xml:space='preserve' viewBox='0 0 32 32'%3E%3Cpath d='M8 15h16v2H8z'/%3E%3C/svg%3E")}}@layer onyx.component{.onyx-select-wrapper{--max-flyout-height: 20rem;position:relative;height:max-content}}@layer onyx.component{.onyx-select{position:absolute;visibility:hidden;opacity:0;transition:visibility var(--onyx-duration-sm),opacity var(--onyx-duration-sm);border-radius:var(--onyx-radius-md);background-color:var(--onyx-color-base-background-blank);padding:var(--onyx-spacing-2xs) 0;box-shadow:var(--onyx-shadow-medium-bottom);box-sizing:border-box;width:max-content;min-width:var(--onyx-spacing-4xl);max-width:20rem;font-family:var(--onyx-font-family);z-index:var(--onyx-z-index-flyout)}.onyx-select__wrapper{max-height:var(--max-flyout-height);overflow:auto;outline:none}.onyx-select__group,.onyx-select__check-all{padding:0}.onyx-select__group:not(:last-of-type),.onyx-select__check-all:not(:last-of-type){border-bottom:var(--onyx-1px-in-rem) solid var(--onyx-color-component-border-neutral)}.onyx-select__group:not(:last-of-type){margin-bottom:var(--onyx-density-xs)}.onyx-select__group-name{display:block;padding:0 var(--onyx-density-sm);color:var(--onyx-color-text-icons-neutral-medium);font-weight:600}.onyx-select--open{visibility:visible;opacity:1}.onyx-select--top{bottom:calc(100% + var(--onyx-outline-width))}.onyx-select--bottom{top:calc(100% + var(--onyx-outline-width))}.onyx-select--full{width:100%;max-width:unset;left:0}.onyx-select--right{right:0}.onyx-select__search{position:sticky;top:0}.onyx-select__search{border-bottom:var(--onyx-1px-in-rem) solid var(--onyx-color-component-border-neutral)}.onyx-select:has(.onyx-select__wrapper:focus-visible){outline:var(--onyx-outline-width) solid var(--onyx-color-component-focus-primary)}.onyx-select__wrapper:has(.onyx-mini-search){scroll-padding-top:calc(1lh + 2 * var(--onyx-density-xs))}.onyx-select__wrapper:has(.onyx-mini-search) .onyx-select__group-name:first-child,.onyx-select__wrapper:has(.onyx-select__check-all) .onyx-select__group-name:first-child{margin-top:var(--onyx-density-xs)}.onyx-select__slot{padding:0 var(--onyx-density-sm);display:flex;flex-direction:column;align-items:center;justify-content:center}.onyx-select__loading{color:var(--onyx-color-text-icons-primary-intense)}.onyx-select__description{display:flex;padding:var(--onyx-density-3xs) var(--onyx-density-sm);justify-content:flex-end;text-align:right;align-items:center;gap:var(--onyx-spacing-md);color:var(--onyx-color-text-icons-neutral-soft)}.onyx-select .onyx-empty{max-width:100%}}@layer onyx.component{.onyx-pagination{--onyx-pagination-padding-vertical: var(--onyx-density-xs);--onyx-pagination-border-size: var(--onyx-1px-in-rem);--onyx-pagination-height: calc(1lh + 2 * var(--onyx-pagination-padding-vertical));--onyx-pagination-character-count: 1;display:flex;align-items:flex-start;color:var(--onyx-color-text-icons-neutral-intense);font-family:var(--onyx-font-family);height:var(--onyx-pagination-height)}.onyx-pagination__select{min-width:5rem}.onyx-pagination__select .onyx-select-input__wrapper{border-top-right-radius:0;border-bottom-right-radius:0;justify-content:space-between}.onyx-pagination__select .onyx-select-input__wrapper:has(.onyx-select-input__native:enabled:focus,.onyx-select-input__native--show-focus),.onyx-pagination__select .onyx-select-input__wrapper:has(.onyx-select-input__native:enabled:read-write):hover{background-color:var(--onyx-color-base-neutral-200);--border-color: unset}.onyx-pagination__select .onyx-select-input__wrapper .onyx-select-input__button{color:var(--onyx-color-text-icons-neutral-medium)}.onyx-pagination__select .onyx-select-input__wrapper:has(.onyx-select-input__native:enabled:read-write):hover .onyx-select-input__button,.onyx-pagination__select .onyx-select-input__wrapper:has(.onyx-select-input__native:enabled:focus,.onyx-select-input__native--show-focus) .onyx-select-input__button{color:var(--onyx-color-text-icons-neutral-intense)}.onyx-pagination__select .onyx-select-input__native{width:calc(var(--onyx-pagination-character-count) * 1ch)}.onyx-pagination__count{display:flex;justify-content:center;align-items:center;padding:var(--onyx-pagination-padding-vertical) var(--onyx-density-sm);height:var(--onyx-pagination-height);border:0 solid var(--onyx-color-component-border-neutral);border-width:var(--onyx-pagination-border-size) 0;text-align:center;color:var(--onyx-color-text-icons-neutral-soft);background-color:var(--onyx-color-base-background-tinted);width:max-content;max-width:100%}.onyx-pagination__button{display:flex;justify-content:center;align-items:center;padding:var(--onyx-pagination-padding-vertical);height:var(--onyx-pagination-height);background-color:var(--onyx-color-base-background-blank);border:var(--onyx-pagination-border-size) solid var(--onyx-color-component-border-neutral);color:inherit}.onyx-pagination__button:first-of-type:not(:focus-visible){border-right:none}.onyx-pagination__button:first-of-type:focus-visible+.onyx-pagination__button{border-left:none}.onyx-pagination__button:last-of-type{border-radius:0 var(--onyx-radius-sm) var(--onyx-radius-sm) 0}.onyx-pagination__button:enabled{cursor:pointer;color:var(--onyx-color-text-icons-neutral-medium)}.onyx-pagination__button:enabled:hover,.onyx-pagination__button:enabled:focus-visible{color:var(--onyx-color-text-icons-neutral-intense)}.onyx-pagination__button:enabled:hover{background-color:var(--onyx-color-base-neutral-200)}.onyx-pagination__button:enabled:focus-visible{background-color:var(--onyx-color-base-neutral-200);outline:var(--onyx-outline-width) solid var(--onyx-color-component-focus-primary)}.onyx-pagination__button:enabled:focus-visible:first-of-type{margin-right:var(--onyx-outline-width)}.onyx-pagination__button:enabled:focus-visible:first-of-type+.onyx-pagination__button{padding-left:calc(var(--onyx-pagination-padding-vertical) - var(--onyx-outline-width))}.onyx-pagination__button:enabled:active{background-color:var(--onyx-color-base-background-blank)}.onyx-pagination__button:disabled{background-color:var(--onyx-color-base-background-tinted);color:var(--onyx-color-text-icons-neutral-soft)}}@layer onyx.component{.onyx-radio-button,.onyx-radio-button-skeleton{--onyx-radio-button-selector-size: var(--onyx-spacing-md);--onyx-radio-button-dot-size: var(--onyx-spacing-3xs);--onyx-radio-button-selector-margin: var(--onyx-density-sm)}}@layer onyx.component{.onyx-radio-button{--onyx-radio-button-cursor: pointer;--onyx-radio-button-selector-border-color: var(--onyx-color-component-border-neutral);--onyx-radio-button-selector-background-color: var(--onyx-color-base-background-blank);--onyx-radio-button-selector-outline-color: var(--onyx-color-base-primary-200);--onyx-radio-button-selector-outline-width: 0;--onyx-radio-button-label-color: var(--onyx-color-text-icons-neutral-intense);display:inline-flex;align-items:flex-start;max-width:100%;cursor:var(--onyx-radio-button-cursor)}.onyx-radio-button:has(.onyx-radio-button__selector:hover){--onyx-radio-button-selector-border-color: var(--onyx-color-component-border-primary-hover)}.onyx-radio-button:has(.onyx-radio-button__selector:checked){--onyx-radio-button-selector-background-color: var(--onyx-color-component-cta-default);--onyx-radio-button-selector-border-color: var(--onyx-radio-button-selector-background-color)}.onyx-radio-button:has(.onyx-radio-button__selector:checked:hover){--onyx-radio-button-selector-background-color: var(--onyx-color-component-cta-default-hover);--onyx-radio-button-selector-border-color: var(--onyx-radio-button-selector-background-color)}.onyx-radio-button:has(.onyx-radio-button__selector:focus-visible){--onyx-radio-button-selector-border-color: var(--onyx-color-component-border-primary);--onyx-radio-button-selector-outline-width: var(--onyx-radio-button-selector-margin)}.onyx-radio-button:has(.onyx-radio-button__selector:invalid){--onyx-radio-button-selector-border-color: var(--onyx-color-component-border-danger);--onyx-radio-button-selector-outline-color: var(--onyx-color-base-danger-200)}.onyx-radio-button:has(.onyx-radio-button__selector:invalid:checked){--onyx-radio-button-selector-background-color: var(--onyx-color-component-cta-danger)}.onyx-radio-button:has(.onyx-radio-button__selector:invalid:checked:hover){--onyx-radio-button-selector-background-color: var(--onyx-color-component-cta-danger-hover);--onyx-radio-button-selector-border-color: var(--onyx-radio-button-selector-background-color)}.onyx-radio-button:has(.onyx-radio-button__selector:invalid:focus-visible){--onyx-radio-button-selector-border-color: var(--onyx-color-component-border-danger)}.onyx-radio-button:has(.onyx-radio-button__selector:disabled){--onyx-radio-button-selector-outline-width: 0;--onyx-radio-button-selector-border-color: var(--onyx-color-component-border-disabled);--onyx-radio-button-label-color: var(--onyx-color-text-icons-neutral-soft);--onyx-radio-button-cursor: default}.onyx-radio-button:has(.onyx-radio-button__loading){--onyx-radio-button-cursor: default}.onyx-radio-button:has(.onyx-radio-button__selector:disabled:checked){--onyx-radio-button-selector-background-color: var(--onyx-color-base-neutral-300);--onyx-radio-button-selector-border-color: var(--onyx-color-base-neutral-300)}.onyx-radio-button__label{font-family:var(--onyx-font-family);color:var(--onyx-radio-button-label-color);line-height:var(--onyx-spacing-lg);padding:var(--onyx-density-xs);padding-left:0}.onyx-radio-button__selector{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:var(--onyx-radio-button-selector-margin);cursor:inherit;transition:outline var(--onyx-duration-sm);border:var(--onyx-1px-in-rem) solid var(--onyx-radio-button-selector-border-color);border-radius:var(--onyx-radius-full);background-color:var(--onyx-radio-button-selector-background-color);outline:var(--onyx-radio-button-selector-outline-width) solid var(--onyx-radio-button-selector-outline-color);outline-offset:0;display:inline-grid;place-items:center;width:var(--onyx-radio-button-selector-size);min-width:var(--onyx-radio-button-selector-size);max-width:var(--onyx-radio-button-selector-size);aspect-ratio:1}.onyx-radio-button__selector:before{content:" ";height:var(--onyx-radio-button-dot-size);width:var(--onyx-radio-button-dot-size);background-color:var(--onyx-color-base-background-blank);border-radius:var(--onyx-radius-full)}.onyx-radio-button__loading{color:var(--onyx-color-text-icons-primary-intense);width:var(--onyx-radio-button-selector-size);height:var(--onyx-radio-button-selector-size);margin:var(--onyx-radio-button-selector-margin)}}@layer onyx.component{.onyx-radio-button-skeleton{padding:var(--onyx-radio-button-selector-margin);display:inline-flex;align-items:center;gap:var(--onyx-radio-button-selector-margin)}.onyx-radio-button-skeleton__input{height:var(--onyx-radio-button-selector-size);width:var(--onyx-radio-button-selector-size);border-radius:var(--onyx-radius-full)}.onyx-radio-button-skeleton__label{height:var(--onyx-spacing-md);width:var(--onyx-spacing-3xl)}}@layer onyx.component{.onyx-radio-group{padding:0;border:none;max-width:max-content;min-width:unset}.onyx-radio-group__label{display:flex;gap:var(--onyx-spacing-2xs);align-items:center;margin-bottom:var(--onyx-density-xs)}.onyx-radio-group__content{display:flex;flex-direction:column}.onyx-radio-group__content--horizontal{flex-direction:row;flex-wrap:wrap;column-gap:var(--onyx-density-xl)}}.onyx-stepper,.onyx-stepper-skeleton{--onyx-stepper-padding-vertical: var(--onyx-density-xs)}.onyx-stepper-skeleton{display:flex;flex-direction:column;gap:calc(var(--onyx-density-3xs) + var(--skeleton-label-density-adjustment, 0rem));line-height:1.5rem}.onyx-stepper-skeleton__label{width:var(--onyx-density-3xl);height:calc(1.25rem - var(--skeleton-label-density-adjustment, 0rem))}.onyx-stepper-skeleton__input{width:17rem;max-width:100%;height:calc(1lh + 2 * var(--onyx-stepper-padding-vertical))}@layer onyx.density{.onyx-density-compact .onyx-stepper-skeleton,:is(.onyx-stepper-skeleton).onyx-density-compact{--skeleton-label-density-adjustment: var(--onyx-spacing-5xs)}}@layer onyx.component{.onyx-stepper{--border-color: var(--onyx-color-component-border-neutral);--hover-border-color: var(--onyx-color-component-border-primary-hover);--selection-color: var(--onyx-color-base-primary-200);--background-color: var(--onyx-color-base-background-blank);--outline-color: var(--onyx-color-component-focus-primary);--outline-style: none;--button-color: var(--onyx-color-text-icons-neutral-soft)}.onyx-stepper__wrapper{border-radius:var(--onyx-radius-sm);border:var(--onyx-1px-in-rem) solid var(--border-color);background-color:var(--background-color);color:var(--onyx-color-text-icons-neutral-intense);outline:var(--onyx-outline-width) var(--outline-style) var(--outline-color);display:flex;align-items:center;gap:var(--onyx-density-xs);font-size:1rem;line-height:1.5rem;padding:var(--onyx-stepper-padding-vertical) var(--onyx-density-sm);height:calc(1lh + 2 * var(--onyx-stepper-padding-vertical))}.onyx-stepper__wrapper:has(.onyx-stepper__native:read-write):hover{--border-color: var(--hover-border-color, var(--onyx-color-component-border-primary-hover));--button-color: var(--button-hover-color, var(--onyx-color-text-icons-primary-medium))}.onyx-stepper__wrapper:has(.onyx-stepper__native:enabled:focus,.onyx-stepper__native--show-focus){--border-color: var(--focus-border-color, var(--onyx-color-component-border-primary-hover));--outline-style: solid}.onyx-stepper__wrapper:has(.onyx-stepper__native:enabled:focus,.onyx-stepper__native--show-focus):has(.onyx-stepper__native:read-write){--button-color: var(--button-focus-color, var(--onyx-color-text-icons-primary-intense))}.onyx-stepper__wrapper:has(.onyx-stepper__native:read-only){--selection-color: var(--onyx-color-base-neutral-200);--background-color: var(--onyx-color-base-background-tinted)}.onyx-stepper__wrapper:has(.onyx-stepper__native:enabled:read-only):hover{--border-color: var(--onyx-color-component-border-neutral-hover)}.onyx-stepper__wrapper:has(.onyx-stepper__native:enabled:read-only):has(.onyx-stepper__native:focus,.onyx-stepper__native--show-focus){--border-color: var(--onyx-color-component-border-neutral);--outline-color: var(--onyx-color-component-focus-neutral)}.onyx-stepper__wrapper:has(.onyx-stepper__native:read-write):has(.onyx-stepper__native:autofill,.onyx-stepper__native[data-test-autofill],.onyx-stepper__native[data-com-onepassword-filled]){background-color:var(--onyx-color-base-warning-100)}.onyx-stepper__wrapper:focus-within .onyx-stepper__check-icon,.onyx-stepper__wrapper:has(.onyx-stepper__native--show-focus) .onyx-stepper__check-icon{display:none}.onyx-stepper__loading{color:var(--onyx-color-text-icons-primary-intense)}.onyx-stepper__button{all:initial;display:flex;color:var(--button-color)}.onyx-stepper__button:enabled{cursor:pointer}.onyx-stepper__button:focus-visible{outline:var(--onyx-outline-width) solid var(--outline-color);border-radius:var(--onyx-radius-sm);--button-color: var(--button-focus-color, var(--onyx-color-text-icons-primary-intense))}.onyx-stepper:has(.onyx-form-element__success-message){--message-display: none;--border-color: var(--onyx-color-component-border-success);--outline-color: var(--onyx-color-component-focus-success);--selection-color: var(--onyx-color-base-success-200);--focus-border-color: var(--onyx-color-component-border-success);--hover-border-color: var(--onyx-color-component-border-success-hover);--button-hover-color: var(--onyx-color-text-icons-success-medium);--button-focus-color: var(--onyx-color-text-icons-success-intense)}.onyx-stepper:not(.onyx-form-element-suppress-invalid).onyx-form-element--touched-invalid:has(.onyx-stepper__native:user-invalid,.onyx-stepper__native--touched:invalid),.onyx-stepper:not(.onyx-form-element-suppress-invalid).onyx-form-element--immediate-invalid:has(.onyx-stepper__native:invalid){--error-message-display: inline-flex;--message-display: none;--success-message-display: none;--border-color: var(--onyx-color-component-border-danger);--outline-color: var(--onyx-color-component-focus-danger);--selection-color: var(--onyx-color-base-danger-200);--focus-border-color: var(--onyx-color-component-border-danger);--hover-border-color: var(--onyx-color-component-border-danger-hover);--button-hover-color: var(--onyx-color-text-icons-danger-medium);--button-focus-color: var(--onyx-color-text-icons-danger-intense)}.onyx-stepper__native{border:none;border-radius:inherit;background-color:transparent;color:inherit;width:100%;outline:none;font-family:inherit;font-size:inherit;line-height:inherit;padding:0;height:100%}.onyx-stepper__native::placeholder{color:var(--onyx-color-text-icons-neutral-soft);font-weight:400;opacity:1}.onyx-stepper__native::selection{background:var(--selection-color)}.onyx-stepper__native:autofill,.onyx-stepper__native[data-test-autofill],.onyx-stepper__native[data-com-onepassword-filled]{background-color:transparent;-webkit-text-fill-color:var(--onyx-color-text-icons-neutral-intense);transition:background-color calc(infinity * 1s)}.onyx-stepper:has(.onyx-stepper__native:disabled) .onyx-form-element__label{color:var(--onyx-color-text-icons-neutral-soft)}.onyx-stepper:has(.onyx-stepper__native:disabled) .onyx-stepper__wrapper{color:var(--onyx-color-text-icons-neutral-soft)}.onyx-stepper__wrapper{gap:0;padding:0;justify-content:space-between}.onyx-stepper__counter{border:none;height:100%;background-color:transparent;color:var(--onyx-color-text-icons-neutral-medium);display:inline-flex;align-items:center;padding:var(--onyx-stepper-padding-vertical);border-radius:0 var(--onyx-radius-sm) var(--onyx-radius-sm) 0;outline:none}.onyx-stepper__counter:enabled{cursor:pointer}.onyx-stepper__counter:enabled:hover,.onyx-stepper__counter:enabled:focus-visible{color:var(--onyx-color-text-icons-primary-intense)}.onyx-stepper__counter:enabled:focus-visible{outline:none;background-color:var(--onyx-color-base-primary-100)}.onyx-stepper__counter:enabled:active{background-color:var(--onyx-color-base-primary-100)}.onyx-stepper__counter:enabled:first-child{border-radius:var(--onyx-radius-sm) 0 0 var(--onyx-radius-sm)}.onyx-stepper__counter:disabled{color:var(--onyx-color-text-icons-neutral-soft)}.onyx-stepper__native{-moz-appearance:textfield;text-align:center}.onyx-stepper__native::-webkit-outer-spin-button,.onyx-stepper__native::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}}.onyx-switch,.onyx-switch-skeleton{--onyx-switch-icon-size: 1.25rem;--onyx-switch-container-padding: var(--onyx-1px-in-rem);--onyx-switch-frame-height: calc( var(--onyx-switch-icon-size) + 2 * var(--onyx-switch-container-padding) + 2 * var(--onyx-1px-in-rem) );--onyx-switch-label-padding-vertical: var(--onyx-density-xs)}@layer onyx.density{.onyx-density-compact .onyx-switch,:is(.onyx-switch).onyx-density-compact{--onyx-switch-transform: .125rem}}@layer onyx.density{.onyx-switch,.onyx-density-default .onyx-switch,:is(.onyx-switch).onyx-density-default{--onyx-switch-transform: var(--onyx-1px-in-rem)}}@layer onyx.density{.onyx-density-cozy .onyx-switch,:is(.onyx-switch).onyx-density-cozy{--onyx-switch-transform: .01rem}}@layer onyx.component{.onyx-switch{display:inline-flex;align-items:flex-start;cursor:pointer;max-width:100%}.onyx-switch__input{position:absolute;opacity:0;cursor:inherit;width:0;height:0;margin:0}.onyx-switch__input:checked+.onyx-switch__click-area .onyx-switch__container{background-color:var(--onyx-color-component-cta-default)}.onyx-switch__input:checked+.onyx-switch__click-area .onyx-switch__container .onyx-switch__icon{background-color:var(--onyx-color-base-neutral-100);transform:translate(calc(75% - var(--onyx-switch-transform)));color:var(--onyx-color-text-icons-primary-intense)}.onyx-switch__input:checked+.onyx-switch__click-area .onyx-switch__container .onyx-switch__spinner{color:var(--onyx-color-text-icons-primary-intense)}.onyx-switch__input:checked:disabled:not(.onyx-switch__loading)+.onyx-switch__click-area .onyx-switch__container{background-color:var(--onyx-color-base-primary-200)}.onyx-switch__input:checked:disabled:not(.onyx-switch__loading)+.onyx-switch__click-area .onyx-switch__container .onyx-switch__icon{background-color:var(--onyx-color-base-background-blank);color:var(--onyx-color-text-icons-primary-soft)}.onyx-switch__input:disabled:not(.onyx-switch__loading)+.onyx-switch__click-area .onyx-switch__container{background-color:var(--onyx-color-base-neutral-200)}.onyx-switch__input:disabled:not(.onyx-switch__loading)+.onyx-switch__click-area .onyx-switch__container .onyx-switch__icon{background-color:var(--onyx-color-base-neutral-300);color:var(--onyx-color-text-icons-neutral-inverted)}.onyx-switch__input:user-invalid+.onyx-switch__click-area .onyx-switch__container{background-color:var(--onyx-color-base-danger-200);position:relative}.onyx-switch__input:user-invalid+.onyx-switch__click-area .onyx-switch__container .onyx-switch__icon{background-color:var(--onyx-color-base-danger-500);color:var(--onyx-color-text-icons-neutral-inverted)}.onyx-switch__input:user-invalid+.onyx-switch__click-area .onyx-switch__container .onyx-switch__frame{position:absolute;border:var(--onyx-1px-in-rem) solid var(--onyx-color-component-border-danger);height:var(--onyx-switch-frame-height);border-radius:var(--onyx-radius-full);width:calc(2 * var(--onyx-switch-icon-size) - 2 * var(--onyx-switch-container-padding));box-sizing:border-box;top:0;left:0}.onyx-switch__input:user-invalid:checked+.onyx-switch__click-area .onyx-switch__container{background-color:var(--onyx-color-component-cta-danger)}.onyx-switch__input:user-invalid:checked+.onyx-switch__click-area .onyx-switch__container .onyx-switch__icon{background-color:var(--onyx-color-base-background-blank);color:var(--onyx-color-text-icons-danger-intense)}.onyx-switch__click-area,.onyx-switch-skeleton__click-area{padding:var(--onyx-switch-label-padding-vertical);display:flex;align-items:center}.onyx-switch__container{display:inline-flex;width:calc(2 * var(--onyx-switch-icon-size) - 2 * var(--onyx-switch-container-padding));min-width:calc(2 * var(--onyx-switch-icon-size) - 2 * var(--onyx-switch-container-padding));padding:var(--onyx-switch-container-padding);box-sizing:border-box;background-color:var(--onyx-color-base-neutral-300);border-radius:var(--onyx-radius-full);transition:background-color var(--onyx-duration-sm) ease}.onyx-switch__container .onyx-switch__icon{margin:var(--onyx-1px-in-rem);display:flex;align-self:center;justify-content:center;background-color:var(--onyx-color-base-neutral-100);border-radius:var(--onyx-radius-full);transition:transform var(--onyx-duration-sm) ease,background-color var(--onyx-duration-sm) ease;overflow:hidden;color:var(--onyx-color-text-icons-neutral-soft);height:var(--onyx-switch-icon-size);width:var(--onyx-switch-icon-size)}.onyx-switch__container .onyx-switch__icon .onyx-icon{--icon-size: var(--onyx-switch-icon-size)}.onyx-switch__container .onyx-switch__icon .onyx-switch__spinner{padding:var(--onyx-1px-in-rem)}.onyx-switch__label,.onyx-switch__marker{padding:var(--onyx-switch-label-padding-vertical) 0;font-size:1rem;line-height:1.5rem}.onyx-switch__label{color:var(--onyx-color-text-icons-neutral-intense);font-family:var(--onyx-font-family);font-style:normal;font-weight:400}.onyx-switch:hover:has(.onyx-switch__input:enabled) .onyx-switch__container{background-color:var(--onyx-color-base-neutral-400)}.onyx-switch:hover:has(.onyx-switch__input:enabled:checked) .onyx-switch__container{background-color:var(--onyx-color-component-cta-default-hover)}.onyx-switch:hover:has(.onyx-switch__input:user-invalid:enabled) .onyx-switch__container{background-color:var(--onyx-color-base-danger-300)}.onyx-switch:hover:has(.onyx-switch__input:user-invalid:enabled:checked) .onyx-switch__container{background-color:var(--onyx-color-component-cta-danger-hover)}.onyx-switch:has(.onyx-switch__input:focus-visible){outline:none}.onyx-switch:has(.onyx-switch__input:focus-visible):has(.onyx-switch__input:enabled) .onyx-switch__container{outline:var(--onyx-outline-width) solid var(--onyx-color-component-focus-neutral)}.onyx-switch:has(.onyx-switch__input:focus-visible):has(.onyx-switch__input:checked:enabled) .onyx-switch__container{outline:var(--onyx-outline-width) solid var(--onyx-color-component-focus-primary)}.onyx-switch:has(.onyx-switch__input:focus-visible):has(.onyx-switch__input:user-invalid:enabled) .onyx-switch__container{outline:var(--onyx-outline-width) solid var(--onyx-color-component-focus-danger)}.onyx-switch:has(.onyx-switch__input:disabled){cursor:default}.onyx-switch:has(.onyx-switch__input:disabled) .onyx-switch__label{color:var(--onyx-color-text-icons-neutral-soft)}}@layer onyx.component{.onyx-switch-skeleton{display:inline-flex;align-items:center}.onyx-switch-skeleton__input{height:var(--onyx-switch-frame-height);border-radius:var(--onyx-radius-full);width:calc(2 * var(--onyx-switch-icon-size) - 2 * var(--onyx-switch-container-padding))}.onyx-switch-skeleton__label{height:var(--onyx-spacing-md);width:var(--onyx-spacing-3xl)}}@layer onyx.component{.onyx-tab,.onyx-tab-skeleton{--onyx-tab-padding-vertical: var(--onyx-density-xs);--onyx-tab-highlight-gap: var(--onyx-density-3xs)}.onyx-tab--h1,.onyx-tab-skeleton--h1{font-size:1.75rem;line-height:2.5rem}.onyx-tab--h2,.onyx-tab-skeleton--h2{font-size:1.25rem;line-height:1.75rem}.onyx-tab--h3,.onyx-tab-skeleton--h3{font-size:1rem;line-height:1.5rem}.onyx-tab--h4,.onyx-tab--h5,.onyx-tab--h6,.onyx-tab-skeleton--h4,.onyx-tab-skeleton--h5,.onyx-tab-skeleton--h6{font-size:.8125rem;line-height:1.25rem}}@layer onyx.component{.onyx-tab{font-family:var(--onyx-font-family);color:var(--onyx-color-text-icons-neutral-medium);border-radius:var(--onyx-radius-sm);padding:var(--onyx-tab-padding-vertical) var(--onyx-density-md);font-weight:600;min-width:max-content;border:none;background-color:transparent}.onyx-tab--selected{color:var(--onyx-color-text-icons-neutral-intense)}.onyx-tab--selected .onyx-tab__label:after{content:"";height:.125rem;background-color:var(--onyx-color-component-cta-default);width:calc(100% - 2 * var(--onyx-density-xs));min-width:1rem;position:absolute;left:50%;bottom:calc(-1 * var(--onyx-tab-highlight-gap));transform:translate(-50%)}.onyx-tab:enabled{cursor:pointer}.onyx-tab:enabled:hover,.onyx-tab:enabled:focus-visible{background-color:var(--onyx-color-component-focus-primary)}.onyx-tab:enabled:focus-visible{outline:var(--onyx-outline-width) solid var(--onyx-color-component-focus-primary)}.onyx-tab:enabled:active{color:var(--onyx-color-text-icons-primary-bold)}.onyx-tab:disabled{color:var(--onyx-color-text-icons-neutral-soft)}.onyx-tab__label{display:flex;align-items:center;justify-content:center;gap:var(--onyx-density-xs);position:relative}.onyx-tab__panel{font-family:var(--onyx-font-family);color:var(--onyx-color-text-icons-neutral-intense)}.onyx-tab-skeleton{width:var(--onyx-density-4xl);height:calc(1lh + 2 * var(--onyx-tab-padding-vertical) + var(--onyx-tab-highlight-gap));display:inline-block;vertical-align:middle}}@layer onyx.component{.onyx-tabs{--onyx-tabs-tablist-margin-bottom: var(--onyx-density-md)}.onyx-tabs__tablist{overflow-x:auto;display:flex;align-items:center;gap:var(--onyx-density-2xs);margin-bottom:var(--onyx-tabs-tablist-margin-bottom)}.onyx-tabs__tablist:has(.onyx-tab:focus-visible){padding-top:var(--onyx-outline-width);margin-top:calc(-1 * var(--onyx-outline-width));padding-bottom:var(--onyx-outline-width);margin-bottom:calc(var(--onyx-tabs-tablist-margin-bottom) - var(--onyx-outline-width))}.onyx-tabs__tablist:has(.onyx-tab:focus-visible:first-of-type){padding-left:var(--onyx-outline-width);margin-left:calc(-1 * var(--onyx-outline-width))}.onyx-tabs__tablist:has(.onyx-tab:focus-visible:last-of-type){padding-right:var(--onyx-outline-width);margin-right:calc(-1 * var(--onyx-outline-width))}.onyx-tabs--stretched .onyx-tabs__tablist{justify-content:space-between}.onyx-tabs--stretched .onyx-tab,.onyx-tabs--stretched .onyx-tab-skeleton{width:100%}}@layer onyx.component{.onyx-tag{display:inline-flex;align-items:center;gap:var(--onyx-density-2xs);width:max-content;max-width:100%;padding:var(--onyx-density-3xs) var(--onyx-density-xs);border-radius:var(--onyx-radius-xs);font-family:var(--onyx-font-family);color:var(--onyx-tag-color);border:var(--onyx-1px-in-rem) solid var(--onyx-tag-border-color);background-color:var(--onyx-tag-background-color)}.onyx-tag--primary{--onyx-tag-background-color: var(--onyx-color-base-primary-200);--onyx-tag-border-color: var(--onyx-color-component-border-primary);--onyx-tag-color: var(--onyx-color-text-icons-primary-bold)}.onyx-tag--neutral{--onyx-tag-background-color: var(--onyx-color-base-neutral-200);--onyx-tag-border-color: var(--onyx-color-base-neutral-500);--onyx-tag-color: var(--onyx-color-text-icons-neutral-medium)}.onyx-tag--danger{--onyx-tag-background-color: var(--onyx-color-base-danger-200);--onyx-tag-border-color: var(--onyx-color-base-danger-600);--onyx-tag-color: var(--onyx-color-text-icons-danger-bold)}.onyx-tag--warning{--onyx-tag-background-color: var(--onyx-color-base-warning-200);--onyx-tag-border-color: var(--onyx-color-base-warning-600);--onyx-tag-color: var(--onyx-color-text-icons-warning-bold)}.onyx-tag--success{--onyx-tag-background-color: var(--onyx-color-base-success-200);--onyx-tag-border-color: var(--onyx-color-base-success-500);--onyx-tag-color: var(--onyx-color-text-icons-success-bold)}.onyx-tag--info{--onyx-tag-background-color: var(--onyx-color-base-info-200);--onyx-tag-border-color: var(--onyx-color-base-info-600);--onyx-tag-color: var(--onyx-color-text-icons-info-bold)}}.onyx-textarea,.onyx-textarea-skeleton{--min-autosize-rows: 3;--max-autosize-rows: 10;--onyx-textarea-padding-vertical: var(--onyx-density-xs);--min-height: calc(var(--min-autosize-rows) * 1lh + 2 * var(--onyx-textarea-padding-vertical));--max-height: calc(var(--max-autosize-rows) * 1lh + 2 * var(--onyx-textarea-padding-vertical))}.onyx-textarea:has(.onyx-textarea__native[style=height]),.onyx-textarea-skeleton:has(.onyx-textarea__native[style=height]){--max-height: unset}.onyx-textarea:has(.onyx-textarea__native[style=height]) .onyx-textarea__wrapper:after,.onyx-textarea-skeleton:has(.onyx-textarea__native[style=height]) .onyx-textarea__wrapper:after{height:0}.onyx-textarea-skeleton{display:flex;flex-direction:column;gap:calc(var(--onyx-density-3xs) + var(--skeleton-label-density-adjustment, 0rem));line-height:1.5rem}.onyx-textarea-skeleton__label{width:var(--onyx-density-3xl);height:calc(1.25rem - var(--skeleton-label-density-adjustment, 0rem))}.onyx-textarea-skeleton__input{width:17rem;max-width:100%;height:var(--min-height)}@layer onyx.density{.onyx-density-compact .onyx-textarea-skeleton,:is(.onyx-textarea-skeleton).onyx-density-compact{--skeleton-label-density-adjustment: var(--onyx-spacing-5xs)}}@layer onyx.component{.onyx-textarea{--border-color: var(--onyx-color-component-border-neutral);--hover-border-color: var(--onyx-color-component-border-primary-hover);--selection-color: var(--onyx-color-base-primary-200);--background-color: var(--onyx-color-base-background-blank);--outline-color: var(--onyx-color-component-focus-primary);--outline-style: none;--button-color: var(--onyx-color-text-icons-neutral-soft)}.onyx-textarea__wrapper{border-radius:var(--onyx-radius-sm);border:var(--onyx-1px-in-rem) solid var(--border-color);background-color:var(--background-color);color:var(--onyx-color-text-icons-neutral-intense);outline:var(--onyx-outline-width) var(--outline-style) var(--outline-color);display:flex;align-items:center;gap:var(--onyx-density-xs);font-size:1rem;line-height:1.5rem;padding:var(--onyx-textarea-padding-vertical) var(--onyx-density-sm);height:calc(1lh + 2 * var(--onyx-textarea-padding-vertical))}.onyx-textarea__wrapper:has(.onyx-textarea__native:read-write):hover{--border-color: var(--hover-border-color, var(--onyx-color-component-border-primary-hover));--button-color: var(--button-hover-color, var(--onyx-color-text-icons-primary-medium))}.onyx-textarea__wrapper:has(.onyx-textarea__native:enabled:focus,.onyx-textarea__native--show-focus){--border-color: var(--focus-border-color, var(--onyx-color-component-border-primary-hover));--outline-style: solid}.onyx-textarea__wrapper:has(.onyx-textarea__native:enabled:focus,.onyx-textarea__native--show-focus):has(.onyx-textarea__native:read-write){--button-color: var(--button-focus-color, var(--onyx-color-text-icons-primary-intense))}.onyx-textarea__wrapper:has(.onyx-textarea__native:read-only){--selection-color: var(--onyx-color-base-neutral-200);--background-color: var(--onyx-color-base-background-tinted)}.onyx-textarea__wrapper:has(.onyx-textarea__native:enabled:read-only):hover{--border-color: var(--onyx-color-component-border-neutral-hover)}.onyx-textarea__wrapper:has(.onyx-textarea__native:enabled:read-only):has(.onyx-textarea__native:focus,.onyx-textarea__native--show-focus){--border-color: var(--onyx-color-component-border-neutral);--outline-color: var(--onyx-color-component-focus-neutral)}.onyx-textarea__wrapper:has(.onyx-textarea__native:read-write):has(.onyx-textarea__native:autofill,.onyx-textarea__native[data-test-autofill],.onyx-textarea__native[data-com-onepassword-filled]){background-color:var(--onyx-color-base-warning-100)}.onyx-textarea__wrapper:focus-within .onyx-textarea__check-icon,.onyx-textarea__wrapper:has(.onyx-textarea__native--show-focus) .onyx-textarea__check-icon{display:none}.onyx-textarea__loading{color:var(--onyx-color-text-icons-primary-intense)}.onyx-textarea__button{all:initial;display:flex;color:var(--button-color)}.onyx-textarea__button:enabled{cursor:pointer}.onyx-textarea__button:focus-visible{outline:var(--onyx-outline-width) solid var(--outline-color);border-radius:var(--onyx-radius-sm);--button-color: var(--button-focus-color, var(--onyx-color-text-icons-primary-intense))}.onyx-textarea:has(.onyx-form-element__success-message){--message-display: none;--border-color: var(--onyx-color-component-border-success);--outline-color: var(--onyx-color-component-focus-success);--selection-color: var(--onyx-color-base-success-200);--focus-border-color: var(--onyx-color-component-border-success);--hover-border-color: var(--onyx-color-component-border-success-hover);--button-hover-color: var(--onyx-color-text-icons-success-medium);--button-focus-color: var(--onyx-color-text-icons-success-intense)}.onyx-textarea:not(.onyx-form-element-suppress-invalid).onyx-form-element--touched-invalid:has(.onyx-textarea__native:user-invalid,.onyx-textarea__native--touched:invalid),.onyx-textarea:not(.onyx-form-element-suppress-invalid).onyx-form-element--immediate-invalid:has(.onyx-textarea__native:invalid){--error-message-display: inline-flex;--message-display: none;--success-message-display: none;--border-color: var(--onyx-color-component-border-danger);--outline-color: var(--onyx-color-component-focus-danger);--selection-color: var(--onyx-color-base-danger-200);--focus-border-color: var(--onyx-color-component-border-danger);--hover-border-color: var(--onyx-color-component-border-danger-hover);--button-hover-color: var(--onyx-color-text-icons-danger-medium);--button-focus-color: var(--onyx-color-text-icons-danger-intense)}.onyx-textarea__native{border:none;border-radius:inherit;background-color:transparent;color:inherit;width:100%;outline:none;font-family:inherit;font-size:inherit;line-height:inherit;padding:0;height:100%}.onyx-textarea__native::placeholder{color:var(--onyx-color-text-icons-neutral-soft);font-weight:400;opacity:1}.onyx-textarea__native::selection{background:var(--selection-color)}.onyx-textarea__native:autofill,.onyx-textarea__native[data-test-autofill],.onyx-textarea__native[data-com-onepassword-filled]{background-color:transparent;-webkit-text-fill-color:var(--onyx-color-text-icons-neutral-intense);transition:background-color calc(infinity * 1s)}.onyx-textarea:has(.onyx-textarea__native:disabled) .onyx-form-element__label{color:var(--onyx-color-text-icons-neutral-soft)}.onyx-textarea:has(.onyx-textarea__native:disabled) .onyx-textarea__wrapper{color:var(--onyx-color-text-icons-neutral-soft)}.onyx-textarea__wrapper{padding:0;height:unset;display:grid}.onyx-textarea__wrapper:after{grid-area:1/1;height:100%;min-height:var(--min-height);max-height:var(--max-height);padding:var(--onyx-textarea-padding-vertical) var(--onyx-density-sm);content:attr(data-autosize-value) " ";white-space:pre-wrap;visibility:hidden;overflow-wrap:anywhere}.onyx-textarea__native{grid-area:1/1;height:100%;min-height:var(--min-height);max-height:var(--max-height);padding:var(--onyx-textarea-padding-vertical) var(--onyx-density-sm);resize:vertical}.onyx-textarea__native--no-resize{resize:none}}.onyx-toast-message{--onyx-toast-message-padding-vertical: var(--onyx-density-sm);--onyx-toast-message-padding-horizontal: var(--onyx-density-md)}@layer onyx.component{.onyx-toast-message{--onyx-toast-message-color: var(--onyx-color-text-icons-neutral-inverted);--onyx-toast-message-background-color: var(--onyx-color-base-neutral-700);--onyx-toast-message-border-color: transparent;--onyx-toast-message-outline-color: var(--onyx-color-component-focus-primary);--onyx-toast-message-progress-bar-color: var(--onyx-color-base-primary-300);--onyx-toast-message-close-button-size: 1.5rem;font-family:var(--onyx-font-family);width:40rem;max-width:100%;flex-shrink:0;border-radius:var(--onyx-radius-md);overflow:hidden;box-shadow:var(--onyx-shadow-soft-bottom);color:var(--onyx-toast-message-color);background-color:var(--onyx-toast-message-background-color);position:relative;z-index:var(--onyx-z-index-notification)}.onyx-toast-message:hover .onyx-toast-message__progress-bar,.onyx-toast-message:focus .onyx-toast-message__progress-bar,.onyx-toast-message:has(.onyx-toast-message__description:focus-visible) .onyx-toast-message__progress-bar{animation-play-state:paused}.onyx-toast-message:is(button){text-align:left;cursor:pointer;border:none;padding:0}.onyx-toast-message:is(button):focus-within{outline:var(--onyx-outline-width) solid var(--onyx-toast-message-outline-color)}.onyx-toast-message:has(.onyx-toast-message__description:focus-visible){outline:var(--onyx-outline-width) solid var(--onyx-toast-message-outline-color)}.onyx-toast-message__wrapper{display:flex;gap:var(--onyx-density-md);padding:var(--onyx-toast-message-padding-vertical) var(--onyx-toast-message-padding-horizontal);border:var(--onyx-1px-in-rem) solid var(--onyx-toast-message-border-color);border-radius:inherit}.onyx-toast-message__content{width:100%}.onyx-toast-message__headline{font-weight:600;display:flex;align-items:flex-start;justify-content:space-between}.onyx-toast-message__headline:has(.onyx-toast-message__close){max-width:calc(100% - var(--onyx-toast-message-close-button-size))}.onyx-toast-message__progress-bar{display:block;height:var(--onyx-spacing-5xs);background-color:var(--onyx-toast-message-progress-bar-color);animation:onyx-toast-message-progress-bar linear;width:0;position:absolute;bottom:0;left:0}@keyframes onyx-toast-message-progress-bar{0%{width:100%}to{width:0%}}.onyx-toast-message__close{background:none;padding:0;font:inherit;border:none;color:inherit;cursor:pointer;display:flex;position:absolute;right:var(--onyx-toast-message-padding-horizontal);top:var(--onyx-toast-message-padding-vertical)}.onyx-toast-message__close:focus-visible{border-radius:var(--onyx-radius-md);outline:var(--onyx-spacing-5xs) solid var(--onyx-toast-message-outline-color)}.onyx-toast-message:has(.onyx-toast-message__progress-bar):not(:hover) .onyx-toast-message__close{display:none}.onyx-toast-message__description{margin-top:var(--onyx-density-2xs);white-space:pre-line;max-height:3lh;overflow-y:auto}.onyx-toast-message__description:focus-visible{outline:none}.onyx-toast-message--danger{--onyx-toast-message-color: var(--onyx-color-text-icons-danger-bold);--onyx-toast-message-background-color: var(--onyx-color-base-danger-100);--onyx-toast-message-border-color: var(--onyx-color-base-danger-300);--onyx-toast-message-outline-color: var(--onyx-color-component-focus-danger);--onyx-toast-message-progress-bar-color: var(--onyx-color-base-danger-400)}.onyx-toast-message--warning{--onyx-toast-message-color: var(--onyx-color-text-icons-warning-bold);--onyx-toast-message-background-color: var(--onyx-color-base-warning-100);--onyx-toast-message-border-color: var(--onyx-color-base-warning-300);--onyx-toast-message-outline-color: var(--onyx-color-component-focus-warning);--onyx-toast-message-progress-bar-color: var(--onyx-color-base-warning-400)}.onyx-toast-message--success{--onyx-toast-message-color: var(--onyx-color-text-icons-success-bold);--onyx-toast-message-background-color: var(--onyx-color-base-success-100);--onyx-toast-message-border-color: var(--onyx-color-base-success-300);--onyx-toast-message-outline-color: var(--onyx-color-component-focus-success);--onyx-toast-message-progress-bar-color: var(--onyx-color-base-success-400)}}@layer onyx.component{.onyx-toast{padding:0;border:none;background:none;z-index:var(--onyx-z-index-notification);position:fixed;bottom:0;left:50%;transform:translate(-50%);overflow:auto;width:max-content;max-width:100%;max-height:calc(100% - var(--onyx-spacing-xl))}.onyx-toast .onyx-toast-message{margin:var(--onyx-spacing-2xs) var(--onyx-grid-margin);max-width:calc(100% - 2 * var(--onyx-grid-margin))}.onyx-toast .onyx-toast-message:last-child{margin-bottom:var(--onyx-spacing-xl)}}

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "sit-onyx",
   "description": "A design system and Vue.js component library created by Schwarz IT",
-  "version": "1.0.0-beta.92",
+  "version": "1.0.0-beta.94",
   "type": "module",
   "author": "Schwarz IT KG",
   "license": "Apache-2.0",
@@ -36,7 +36,7 @@
   "peerDependencies": {
     "typescript": ">= 5.2.2",
     "vue": ">= 3.5.0",
-    "@sit-onyx/icons": "^1.0.0-beta.7",
+    "@sit-onyx/icons": "^1.0.0-beta.8",
     "@sit-onyx/shared": "^0.0.1-beta.0"
   },
   "devDependencies": {
@@ -52,7 +52,7 @@
     "vue-component-type-helpers": "^2.1.10",
     "@sit-onyx/headless": "^1.0.0-beta.13",
     "@sit-onyx/playwright-utils": "^1.0.0-beta.1",
-    "@sit-onyx/storybook-utils": "^1.0.0-beta.74"
+    "@sit-onyx/storybook-utils": "^1.0.0-beta.75"
   },
   "scripts": {
     "dev": "turbo run turbo:dev --filter=.",