@scania/tegel 1.41.0 → 1.42.0-input-decimal-fix-beta.0

package/dist/tegel/{p-8eccfe32.entry.js → p-379df59b.entry.js}

@@ -1 +1 @@
-import{r as t,c as o,h as s,H as i,g as e}from"./p-2049fab2.js";import{g as d}from"./p-11648030.js";const r=t=>null==t?"":t.toString(),l=t=>t.map((t=>r(t))),n=class{constructor(s){t(this,s),this.tdsChange=o(this,"tdsChange",6),this.tdsFocus=o(this,"tdsFocus",6),this.tdsBlur=o(this,"tdsBlur",6),this.tdsInput=o(this,"tdsInput",6),this.tdsClear=o(this,"tdsClear",6),this.hasFocus=!1,this.setDefaultOption=()=>{if(this.internalDefaultValue){const t=this.multiselect?this.internalDefaultValue.split(","):[this.internalDefaultValue];this.updateDropdownStateInternal(t)}},this.getChildren=()=>{const t=Array.from(this.host.children).filter((t=>"TDS-DROPDOWN-OPTION"===t.tagName));return 0===t.length&&console.warn("TDS DROPDOWN: No options found. Disregard if loading data asynchronously."),t},this.getSelectedChildren=()=>0===this.selectedOptions.length?[]:this.selectedOptions.map((t=>{var o;return null===(o=this.getChildren())||void 0===o?void 0:o.find((o=>r(o.value)===r(t)))})).filter(Boolean),this.getSelectedChildrenLabels=()=>{var t;return null===(t=this.getSelectedChildren())||void 0===t?void 0:t.map((t=>t.textContent.trim()))},this.getValue=()=>{const t=this.getSelectedChildrenLabels();return t?null==t?void 0:t.join(", "):""},this.setValueAttribute=()=>{0===this.selectedOptions.length?this.host.removeAttribute("value"):this.host.setAttribute("value",this.selectedOptions.join(","))},this.getOpenDirection=()=>{var t,o,s,i,e;if("auto"===this.openDirection||!this.openDirection){const d=null!==(o=null===(t=this.dropdownList)||void 0===t?void 0:t.offsetHeight)&&void 0!==o?o:0;return(null!==(e=null===(i=(s=this.host).getBoundingClientRect)||void 0===i?void 0:i.call(s).top)&&void 0!==e?e:0)+d+57>window.innerHeight?"up":"down"}return this.openDirection},this.handleToggleOpen=()=>{if(!this.disabled&&(this.open=!this.open,this.open))if(this.filter)this.focusInputElement();else{const t=this.host.shadowRoot.querySelector("button");t&&t.focus()}},this.focusInputElement=()=>{this.inputElement&&this.inputElement.focus()},this.handleFilter=t=>{this.tdsInput.emit(t);const o=t.target.value.toLowerCase();this.filterQuery=o;const s=this.getChildren();""===o?(s.forEach((t=>(t.removeAttribute("hidden"),t))),this.filterResult=null):this.filterResult=s.filter((t=>(this.normalizeString(t.textContent).toLowerCase().includes(this.normalizeString(o).toLowerCase())?t.removeAttribute("hidden"):t.setAttribute("hidden",""),!t.hasAttribute("hidden")))).length},this.handleFilterReset=()=>{const t=this.filterQuery;this.filterQuery.length||this.reset(),this.inputElement.value="",this.handleFilter({target:{value:""}}),this.inputElement.focus(),this.internalValue="",this.tdsClear.emit({clearedValue:t})},this.handleFocus=()=>{this.open=!0,this.filterFocus=!0,this.inputElement&&(this.inputElement.value=""),this.filter&&this.handleFilter({target:{value:""}})},this.handleBlur=()=>{this.filterFocus=!1,this.inputElement&&(this.inputElement.value=this.getValue())},this.resetInput=()=>{this.host.querySelector("input")&&this.reset()},this.name=void 0,this.disabled=!1,this.helper=void 0,this.label=void 0,this.labelPosition=void 0,this.modeVariant=null,this.openDirection="auto",this.placeholder=void 0,this.size="lg",this.animation="slide",this.error=!1,this.multiselect=!1,this.filter=!1,this.normalizeText=!0,this.noResultText="No result",this.defaultValue=void 0,this.value=null,this.tdsAriaLabel=void 0,this.open=!1,this.internalValue=void 0,this.filterResult=void 0,this.filterFocus=void 0,this.internalDefaultValue=void 0,this.selectedOptions=[],this.filterQuery=""}handleValueChange(t){const o=this.normalizeValue(t);(function(t,o){return t.length!==o.length||t.some((t=>!o.includes(t)))})(o,this.selectedOptions)&&this.updateDropdownStateFromUser(o)}normalizeValue(t){return null==t||""===t?[]:this.multiselect?Array.isArray(t)?l(t):t.toString().split(",").filter((t=>""!==t)):Array.isArray(t)?[r(t[0])]:[r(t)]}updateDropdownStateInternal(t){this.updateDropdownState(t,!1)}updateDropdownStateFromUser(t){this.updateDropdownState(t,!0)}updateDropdownState(t,o=!0){const s=this.validateValues(t);this.selectedOptions=[...s],this.value=this.multiselect?this.selectedOptions:this.selectedOptions[0]||null,this.internalValue=this.getValue(),this.updateOptionElements(),this.updateDisplayValue(),o&&this.emitChange(),this.setValueAttribute()}validateValues(t){const o=this.getChildren();return o&&0!==o.length?t.filter((t=>{const s=o.some((o=>r(o.value)===r(t)));return s||console.warn(`Option with value "${t}" does not exist`),s})):(console.warn("No dropdown options found"),t)}updateOptionElements(){var t;null===(t=this.getChildren())||void 0===t||t.forEach((t=>{t.setSelected(this.selectedOptions.includes(r(t.value)))}))}updateDisplayValue(){this.internalValue=this.getSelectedChildrenLabels().join(", "),this.filter&&this.inputElement&&(this.inputElement.value=this.internalValue)}emitChange(){const t=this.multiselect?this.selectedOptions.join(","):this.selectedOptions[0]||null;this.tdsChange.emit({name:this.name,value:null!=t?t:null})}async setValue(t,o){let s;return s=Array.isArray(t)?l(t):[r(t)],this.updateDropdownStateFromUser(s),this.getSelectedChildren().map((t=>({value:t.value,label:t.textContent.trim()})))}async reset(){this.updateDropdownStateFromUser([])}async removeValue(t){const o=this.selectedOptions.filter((o=>o!==t));this.updateDropdownStateFromUser(o)}async focusElement(){if(this.filter)this.focusInputElement();else{const t=this.host.shadowRoot.querySelector("button");t&&t.focus()}this.handleFocus()}async close(){this.open=!1}async updateDisplay(){this.updateDisplayValue()}onAnyClick(t){this.open&&!t.composedPath().includes(this.host)&&(this.filter&&this.filterQuery&&this.tdsClear.emit({clearedValue:this.filterQuery}),this.open=!1)}onFocusIn(t){this.host.contains(t.target)&&(this.hasFocus||(this.hasFocus=!0,this.tdsFocus.emit(t)))}onFocusOut(t){const o=t.relatedTarget;!this.hasFocus||o&&this.host.contains(o)||(this.hasFocus=!1,this.handleBlur(),this.tdsBlur.emit(t))}async onKeyDown(t){var o;const{activeElement:s}=document;if(!s)return;const i=this.getChildren();if("ArrowDown"===t.key){const t=s.nextElementSibling?i.findIndex((t=>t===s.nextElementSibling)):0;i[((t,o)=>{if(void 0===t[o])return 0;for(let s=o;s<t.length;s++)if(!t[s].disabled)return s})(i,t)].focus()}else if("ArrowUp"===t.key)i[((t,o)=>{if(void 0===t[o])return t.length-1;for(let s=o;s>=0;s--)if(!t[s].disabled)return s})(i,s.nextElementSibling?this.getChildren().findIndex((t=>t===s.previousElementSibling)):0)].focus();else if("Escape"===t.key)if(this.open=!1,this.filter)null===(o=this.inputElement)||void 0===o||o.focus();else{const t=this.host.shadowRoot.querySelector("button");null==t||t.focus()}}handleOpenState(){this.filter&&this.multiselect&&(this.open||(this.inputElement.value=this.selectedOptions.length?this.getValue():"")),this.updateDropdownListInertState()}handleDefaultValueChange(t){null!=t&&(this.internalDefaultValue=r(t),this.setDefaultOption())}componentWillLoad(){if(null==this.value){if(null!=this.defaultValue){const t=r(this.defaultValue),o=this.multiselect?t.split(",").map(r):[t];this.updateDropdownStateInternal(o)}}else{const t=this.normalizeValue(this.value);this.updateDropdownStateInternal(t)}}handleSlotChange(){this.setDefaultOption()}normalizeString(t){return this.normalizeText?t.normalize("NFD").replace(/\p{Diacritic}/gu,""):t}async appendValue(t){this.updateDropdownStateFromUser(this.multiselect?[...this.selectedOptions,t]:[t])}componentDidRender(){const t=this.host.closest("form");t&&t.addEventListener("reset",this.resetInput),this.updateDropdownListInertState()}disconnectedCallback(){const t=this.host.closest("form");t&&t.removeEventListener("reset",this.resetInput)}updateDropdownListInertState(){this.dropdownList&&(this.open?this.dropdownList.removeAttribute("inert"):this.dropdownList.setAttribute("inert",""))}render(){((t,o,s,i)=>{let e=t.querySelector("input");t.querySelector("input")||(e=t.ownerDocument.createElement("input"),e.type="hidden",t.appendChild(e)),e.disabled=i,e.name=o,e.value=s||""})(this.host,this.name,this.selectedOptions.join(","),this.disabled);const t=this.label?`dropdown-label-${this.name||d()}`:void 0,o=this.helper?`dropdown-helper-${this.name||d()}`:void 0;return s(i,{key:"ebb4008f7e27e9f9de603b1dfeb5100f45f0e600",class:{[`tds-mode-variant-${this.modeVariant}`]:Boolean(this.modeVariant)}},this.label&&"outside"===this.labelPosition&&s("div",{key:"77f30a6ec80264fe89422b8f129e763d2fe2a64c",id:t,class:"label-outside "+(this.disabled?"disabled":"")},this.label),s("div",{key:"3d3d3ca87cae2df4f043feb1f6bdbf4482cc4223",class:{"dropdown-select":!0,[this.size]:!0,disabled:this.disabled}},this.filter?s("div",{class:{filter:!0,focus:this.filterFocus,disabled:this.disabled,error:this.error}},s("div",{class:"value-wrapper"},this.label&&"inside"===this.labelPosition&&this.placeholder&&s("div",{id:t,class:`label-inside ${this.size}`},this.label),this.label&&"inside"===this.labelPosition&&!this.placeholder&&s("div",{id:t,class:`\n                    label-inside-as-placeholder\n                    ${this.size}\n                    ${this.selectedOptions.length?"selected":""}\n                    `},this.label),s("input",{"aria-label":this.tdsAriaLabel,"aria-labelledby":t,"aria-describedby":o,"aria-disabled":this.disabled,ref:t=>this.inputElement=t,class:{placeholder:"inside"===this.labelPosition},type:"text",placeholder:this.filterFocus?"":this.placeholder,value:this.multiselect&&this.filterFocus?this.filterQuery:this.getValue(),disabled:this.disabled,onInput:t=>this.handleFilter(t),onFocus:()=>this.handleFocus(),onKeyDown:t=>{"Escape"===t.key&&(this.open=!1)}})),s("tds-icon",{tabIndex:0,role:"button","aria-label":"Clear filter",svgTitle:"Clear filter",onClick:this.handleFilterReset,onKeyDown:t=>{"Enter"===t.key&&this.handleFilterReset()},class:{"clear-icon":!0,hide:!(this.open&&""!==this.inputElement.value)},name:"cross",size:"16px"}),s("tds-icon",{tdsAriaHidden:!0,role:"button","aria-label":"Open/Close dropdown",svgTitle:"Open/Close dropdown",onClick:this.handleToggleOpen,onKeyDown:t=>{"Enter"===t.key&&this.handleToggleOpen()},class:"menu-icon "+(this.open?"open":"closed"),name:"chevron_down",size:"16px"})):s("button",{"aria-label":this.tdsAriaLabel,"aria-labelledby":t,"aria-describedby":o,"aria-disabled":this.disabled,onClick:()=>this.handleToggleOpen(),onKeyDown:t=>{"Escape"===t.key&&(this.open=!1)},class:`\n                ${this.selectedOptions.length?"value":"placeholder"}\n                ${this.open?"open":"closed"}\n                ${this.error?"error":""}\n                `,disabled:this.disabled},s("div",{class:`value-wrapper ${this.size}`},this.label&&"inside"===this.labelPosition&&this.placeholder&&s("div",{id:t,class:`label-inside ${this.size}`},this.label),this.label&&"inside"===this.labelPosition&&!this.placeholder&&s("div",{id:t,class:`\n                    label-inside-as-placeholder\n                    ${this.size}\n                    ${this.selectedOptions.length?"selected":""}\n                    `},this.label),s("div",{class:`placeholder ${this.size}`},this.selectedOptions.length?this.getValue():this.placeholder),s("tds-icon",{"aria-label":"Open/Close dropdown",svgTitle:"Open/Close dropdown",class:"menu-icon "+(this.open?"open":"closed"),name:"chevron_down",size:"16px"})))),s("div",{key:"48e96d8ecac8918e11c6e2c0e1321802b61dbf7d",role:"listbox","aria-label":this.tdsAriaLabel,inert:!this.open,"aria-orientation":"vertical","aria-multiselectable":this.multiselect,ref:t=>{this.dropdownList=t},class:{"dropdown-list":!0,[this.size]:!0,[this.getOpenDirection()]:!0,"label-outside":this.label&&"outside"===this.labelPosition,open:this.open,closed:!this.open,[`animation-enter-${this.animation}`]:"none"!==this.animation&&this.open,[`animation-exit-${this.animation}`]:"none"!==this.animation&&!this.open}},s("slot",{key:"d49f3a638a9f6b1b08e3489dffad27151c0c554f",onSlotchange:()=>this.handleSlotChange()}),0===this.filterResult&&""!==this.noResultText&&s("div",{key:"b38d308604e30fdb130d72295d2d3f7bf2fb9bd6",class:`no-result ${this.size}`},this.noResultText)),this.helper&&s("div",{key:"1f8160ac1f0ecdc0d4f29faa31c469a0bd04b0d6",id:o,class:{helper:!0,error:this.error,disabled:this.disabled}},this.error&&s("tds-icon",{key:"487fb6deb5bd27347b2cd4f607e5488543185894",name:"error",size:"16px"}),this.helper))}get host(){return e(this)}static get watchers(){return{value:["handleValueChange"],open:["handleOpenState"],defaultValue:["handleDefaultValueChange"]}}};n.style='@charset "UTF-8";:host button{all:unset;height:100%;width:100%;background-color:var(--tds-dropdown-bg);border-bottom:1px solid var(--tds-dropdown-border-bottom);border-radius:var(--tds-dropdown-border-radius)}:host button:hover{border-bottom:1px solid var(--tds-dropdown-border-bottom-hover)}:host button .value-wrapper{padding:0 16px;display:flex;align-items:center;justify-content:space-between}:host button.placeholder{color:var(--tds-dropdown-placeholder-color);line-height:1.3}:host button.value{color:var(--tds-dropdown-value-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);line-height:1.3}:host button:focus{border-bottom:0}:host button.error{border-bottom:1px solid var(--tds-dropdown-error)}:host button.error:focus{border-bottom-color:transparent}:host button.error:focus::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--tds-dropdown-error)}:host button:disabled{color:var(--tds-dropdown-disabled-color);border-bottom:1px solid transparent}:host button .menu-icon{margin-right:0}:host .dropdown-select:focus-within{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}:host .filter{display:flex;align-items:center;justify-content:space-between;height:100%;background-color:var(--tds-dropdown-bg);border-bottom:1px solid var(--tds-dropdown-border-bottom);padding-left:16px;border-radius:4px 4px 0 0}:host .filter:hover{border-bottom:1px solid var(--tds-dropdown-border-bottom-hover)}:host .filter.disabled{color:var(--tds-dropdown-disabled-color);border-bottom:1px solid transparent}:host .filter.disabled .value-wrapper input{color:var(--tds-dropdown-disabled-color)}:host .filter .value-wrapper{display:flex;width:100%;height:100%}:host .filter .value-wrapper input{color:var(--tds-dropdown-filter-input-color)}:host .filter .label-inside-as-placeholder{position:absolute;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);line-height:1.3;color:var(--tds-dropdown-placeholder-color)}:host .filter .label-inside-as-placeholder.lg{top:20px}:host .filter .label-inside-as-placeholder.md{top:16px}:host .filter .label-inside-as-placeholder.sm{display:none}:host .filter .label-inside-as-placeholder.selected{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:all 0.2s ease-in-out}:host .filter .label-inside-as-placeholder.selected.lg{top:12px}:host .filter .label-inside-as-placeholder.selected.md{top:8px}:host .filter .label-inside-as-placeholder.selected.sm{display:none}:host .filter .label-inside-as-placeholder.selected+.placeholder:not(.sm){margin-top:8px}:host .filter.focus{border-bottom:0}:host .filter.focus:hover{border-bottom:0}:host .filter.error{border-bottom:1px solid var(--tds-dropdown-error)}:host .filter.error.focus{border-bottom-color:transparent}:host .filter.error.focus::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--tds-dropdown-error)}:host .filter input{flex:1;all:unset;width:100%}:host .filter input::placeholder{color:var(--tds-dropdown-placeholder-color)}:host .filter input:disabled::placeholder{color:var(--tds-dropdown-disabled-color)}:host .filter tds-icon{cursor:pointer}:host .filter .menu-icon{margin-right:16px}:host .filter .clear-icon{margin:0 8px;color:var(--tds-dropdown-clear-icon-color);padding-right:8px;border-right:1px solid var(--tds-dropdown-clear-icon-color)}:host .filter .clear-icon:hover{color:var(--tds-dropdown-clear-icon-hover-color)}:host .filter .clear-icon.hide{display:none;visibility:hidden}:host{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host{display:block;position:relative;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}:host .label-outside{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-dropdown-label-color);margin-bottom:8px}:host .label-outside.disabled{color:var(--tds-dropdown-disabled-color)}:host .dropdown-select{position:relative}:host .dropdown-select button:focus{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1;border-radius:0}:host .dropdown-select button{transition:border-bottom-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host .dropdown-select button:hover{border-bottom-color:var(--tds-dropdown-border-bottom-hover)}:host .dropdown-select button{border-bottom-color:var(--tds-dropdown-border-bottom)}:host .dropdown-select button.error{border-bottom-color:var(--tds-dropdown-error)}:host .dropdown-select button.error:focus{border-bottom-color:transparent}:host .dropdown-select.disabled .label-inside,:host .dropdown-select.disabled .placeholder,:host .dropdown-select.disabled .label-inside-as-placeholder,:host .dropdown-select.disabled .value-wrapper{color:var(--tds-dropdown-disabled-color)}:host .dropdown-select.disabled button{border:none}:host .dropdown-select .label-inside{position:absolute;font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);color:var(--tds-dropdown-label-inside-color)}:host .dropdown-select .label-inside.lg{top:12px;left:16px}:host .dropdown-select .label-inside.md{top:8px;left:16px}:host .dropdown-select .label-inside.sm{display:none}:host .dropdown-select .label-inside.xs{display:none}:host .dropdown-select .label-inside+.placeholder:not(.sm){margin-top:8px}:host .dropdown-select .placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:var(--tds-placeholder-margin);}:host .dropdown-select .placeholder.xs{line-height:1}:host .dropdown-select .label-inside-as-placeholder{color:var(--tds-dropdown-placeholder-color)}:host .dropdown-select .label-inside-as-placeholder.selected{position:absolute;font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:all 0.2s ease-in-out}:host .dropdown-select .label-inside-as-placeholder.selected.lg{top:12px}:host .dropdown-select .label-inside-as-placeholder.selected.md{top:8px}:host .dropdown-select .label-inside-as-placeholder.selected.sm{display:none}:host .dropdown-select .label-inside-as-placeholder.selected+.placeholder:not(.sm){margin-top:8px}:host .dropdown-select.lg{height:55px}:host .dropdown-select.md{height:47px}:host .dropdown-select.sm{height:39px}:host .dropdown-select.xs{height:29px}:host .helper{margin-top:4px;color:var(--tds-dropdown-helper-color);font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:flex;align-items:center;gap:8px}:host .helper.error{color:var(--tds-dropdown-error)}:host .helper.disabled{color:var(--tds-dropdown-disabled-color)}:host .dropdown-list{z-index:100;position:absolute;width:100%;transform-origin:top;box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.1);border-radius:var(--tds-dropdown-list-border-radius-down);overflow-y:auto;transform:scaleY(0);pointer-events:none;background-color:var(--tds-dropdown-bg)}:host .dropdown-list:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background:var(--tds-scrollbar-hover-thumb-color);background-clip:padding-box}:host .dropdown-list::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .dropdown-list::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}:host .dropdown-list::-webkit-scrollbar-thumb{border-radius:40px;background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}:host .dropdown-list::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){:host .dropdown-list{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}:host .dropdown-list.lg{max-height:312px}:host .dropdown-list.md{max-height:312px}:host .dropdown-list.sm{max-height:260px}:host .dropdown-list.xs{max-height:260px}:host .dropdown-list.up{bottom:100%;margin-top:0;margin-bottom:1px;transform-origin:bottom;display:flex;flex-direction:column-reverse;border-radius:var(--tds-dropdown-list-border-radius-up)}:host .dropdown-list.up.label-outside{bottom:calc(100% - 24px)}:host .dropdown-list.closed{transform:scaleY(0);pointer-events:none}:host .dropdown-list.open{transform:scaleY(1);visibility:visible;opacity:1;pointer-events:auto}:host .dropdown-list.animation-enter-slide{transition:transform var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-enter)}:host .dropdown-list.animation-exit-slide{transition:transform var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-exit)}:host .dropdown-list .no-result{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:flex;align-items:center;padding:0 16px;background-color:var(--tds-dropdown-bg)}:host .dropdown-list .no-result.lg{height:56px}:host .dropdown-list .no-result.md{height:48px}:host .dropdown-list .no-result.sm{height:40px}:host .dropdown-list .no-result.xs{height:40px}:host .menu-icon{color:var(--tds-dropdown-menu-icon-color)}:host tds-icon{transition:transform var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host tds-icon.open{transform:rotateZ(180deg)}';const h=class{constructor(s){t(this,s),this.tdsSelect=o(this,"tdsSelect",6),this.tdsFocus=o(this,"tdsFocus",6),this.tdsBlur=o(this,"tdsBlur",6),this.parentElement=null,this.label="",this.componentWillRender=()=>{var t,o,s;this.host.parentElement&&(this.parentElement="TDS-DROPDOWN"===(null===(t=this.host.parentElement)||void 0===t?void 0:t.tagName)?this.host.parentElement:this.host.getRootNode().host,this.parentElement&&(this.multiselect=null!==(o=this.parentElement.multiselect)&&void 0!==o&&o,this.size=this.parentElement.size||"lg"),this.label=(null===(s=this.host.textContent)||void 0===s?void 0:s.trim())||"")},this.handleSingleSelect=()=>{this.disabled||(this.selected=!0,this.parentElement.appendValue(this.internalValue),this.parentElement.close(),this.tdsSelect.emit({value:this.internalValue,selected:this.selected}))},this.handleMultiselect=t=>{this.disabled||(t.detail.checked?(this.parentElement.appendValue(this.internalValue),this.selected=!0,this.tdsSelect.emit({value:this.internalValue,selected:this.selected})):(this.parentElement.removeValue(this.internalValue),this.selected=!1,this.tdsSelect.emit({value:this.internalValue,selected:this.selected})),t.stopPropagation())},this.handleFocus=t=>{this.parentElement||this.tdsFocus.emit(t)},this.handleBlur=t=>{this.parentElement||this.tdsBlur.emit(t)},this.value=void 0,this.internalValue=void 0,this.disabled=!1,this.tdsAriaLabel=void 0,this.selected=!1,this.multiselect=!1,this.size="lg"}async setSelected(t){this.selected=t}valueWatcher(t){this.internalValue=r(t)}componentWillLoad(){this.internalValue=r(this.value)}render(){return s(i,{key:"a92f443fccb282309c20c52b9214b6b03b03e7ee"},s("div",{key:"b5dcc6cb5cb846adfb79f1e80e39e84ab85022c5",class:`dropdown-option\n          ${this.size}\n          ${this.selected?"selected":""}\n          ${this.disabled?"disabled":""}\n          `},this.multiselect?s("div",{class:"multiselect",onKeyDown:t=>{"Escape"===t.key&&this.parentElement.close()}},s("tds-checkbox",{onTdsChange:t=>{this.handleMultiselect(t)},onTdsBlur:t=>{t.stopPropagation()},disabled:this.disabled,checked:this.selected,tdsAriaLabel:this.tdsAriaLabel,class:{[this.size]:!0}},s("div",{slot:"label"},s("slot",null)))):s("button",{role:"option","aria-disabled":this.disabled,"aria-selected":this.selected,"aria-label":this.tdsAriaLabel,onClick:()=>{this.handleSingleSelect()},onFocus:t=>this.handleFocus(t),onBlur:t=>this.handleBlur(t),disabled:this.disabled,class:this.size},s("div",{class:"single-select"},s("slot",null),this.selected&&s("tds-icon",{name:"tick",size:"16px"})))))}static get delegatesFocus(){return!0}get host(){return e(this)}static get watchers(){return{value:["valueWatcher"]}}};h.style=":host{box-sizing:border-box;display:block;background-color:var(--tds-dropdown-option-background)}:host *{box-sizing:border-box}:host .dropdown-option{color:var(--tds-dropdown-option-color);border-bottom:1px solid var(--tds-dropdown-option-border);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);overflow-wrap:anywhere;transition:background-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host .dropdown-option.selected{background-color:var(--tds-dropdown-option-background-selected)}:host .dropdown-option.disabled{color:var(--tds-dropdown-option-color-disabled)}:host .dropdown-option button:focus{outline:2px solid var(--tds-focus-outline-color);box-shadow:inset 0 0 0 3px var(--tds-white);outline-offset:-2px}:host .dropdown-option button{all:unset;width:100%}:host .dropdown-option button.lg{padding:19px 0 20px}:host .dropdown-option button.md{padding:15px 0 16px}:host .dropdown-option button.sm{padding:11px 0 12px}:host .dropdown-option button.xs{padding:7px 0 8px}:host .dropdown-option button .single-select{display:flex;align-items:center;justify-content:space-between;padding:0 16px}:host .dropdown-option .multiselect{width:100%;height:100%}:host .dropdown-option .multiselect tds-checkbox{display:flex;height:100%;width:100%}:host .dropdown-option .multiselect tds-checkbox.lg{padding:15px 16px 16px}:host .dropdown-option .multiselect tds-checkbox.md{padding:11px 16px 12px}:host .dropdown-option .multiselect tds-checkbox.sm{padding:7px 16px 8px}:host .dropdown-option .multiselect tds-checkbox.xs{padding:7px 16px 8px}:host .dropdown-option:hover{border-bottom-color:var(--tds-dropdown-option-border-hover);cursor:pointer}:host .dropdown-option:hover.disabled{border-bottom-color:var(--tds-dropdown-option-border-hover);cursor:not-allowed}:host([hidden]){display:none}";export{n as tds_dropdown,h as tds_dropdown_option}
+import{r as t,c as o,h as s,H as i,g as e}from"./p-2049fab2.js";import{g as d}from"./p-11648030.js";const r=t=>null==t?"":t.toString(),l=t=>t.map((t=>r(t))),n=class{constructor(s){t(this,s),this.tdsChange=o(this,"tdsChange",6),this.tdsFocus=o(this,"tdsFocus",6),this.tdsBlur=o(this,"tdsBlur",6),this.tdsInput=o(this,"tdsInput",6),this.tdsClear=o(this,"tdsClear",6),this.hasFocus=!1,this.setDefaultOption=()=>{if(this.internalDefaultValue){const t=this.multiselect?this.internalDefaultValue.split(","):[this.internalDefaultValue];this.updateDropdownStateInternal(t)}},this.getChildren=()=>{const t=Array.from(this.host.children).filter((t=>"TDS-DROPDOWN-OPTION"===t.tagName));return 0===t.length&&console.warn("TDS DROPDOWN: No options found. Disregard if loading data asynchronously."),t},this.getSelectedChildren=()=>0===this.selectedOptions.length?[]:this.selectedOptions.map((t=>{var o;return null===(o=this.getChildren())||void 0===o?void 0:o.find((o=>r(o.value)===r(t)))})).filter(Boolean),this.getSelectedChildrenLabels=()=>{var t;return null===(t=this.getSelectedChildren())||void 0===t?void 0:t.map((t=>t.textContent.trim()))},this.getValue=()=>{const t=this.getSelectedChildrenLabels();return t?null==t?void 0:t.join(", "):""},this.setValueAttribute=()=>{0===this.selectedOptions.length?this.host.removeAttribute("value"):this.host.setAttribute("value",this.selectedOptions.join(","))},this.getOpenDirection=()=>{var t,o,s,i,e;if("auto"===this.openDirection||!this.openDirection){const d=null!==(o=null===(t=this.dropdownList)||void 0===t?void 0:t.offsetHeight)&&void 0!==o?o:0;return(null!==(e=null===(i=(s=this.host).getBoundingClientRect)||void 0===i?void 0:i.call(s).top)&&void 0!==e?e:0)+d+57>window.innerHeight?"up":"down"}return this.openDirection},this.handleToggleOpen=()=>{if(!this.disabled&&(this.open=!this.open,this.open))if(this.filter)this.focusInputElement();else{const t=this.host.shadowRoot.querySelector("button");t&&t.focus()}},this.focusInputElement=()=>{this.inputElement&&this.inputElement.focus()},this.handleFilter=t=>{this.tdsInput.emit(t);const o=t.target.value.toLowerCase();this.filterQuery=o;const s=this.getChildren();""===o?(s.forEach((t=>(t.removeAttribute("hidden"),t))),this.filterResult=null):this.filterResult=s.filter((t=>(this.normalizeString(t.textContent).toLowerCase().includes(this.normalizeString(o).toLowerCase())?t.removeAttribute("hidden"):t.setAttribute("hidden",""),!t.hasAttribute("hidden")))).length},this.handleFilterReset=()=>{const t=this.filterQuery;this.filterQuery.length||this.reset(),this.inputElement.value="",this.handleFilter({target:{value:""}}),this.inputElement.focus(),this.internalValue="",this.tdsClear.emit({clearedValue:t})},this.handleFocus=()=>{this.open=!0,this.filterFocus=!0,this.inputElement&&(this.inputElement.value=""),this.filter&&this.handleFilter({target:{value:""}})},this.handleBlur=()=>{this.filterFocus=!1,this.inputElement&&(this.inputElement.value=this.getValue())},this.resetInput=()=>{this.host.querySelector("input")&&this.reset()},this.name=void 0,this.disabled=!1,this.helper=void 0,this.label=void 0,this.labelPosition=void 0,this.modeVariant=null,this.openDirection="auto",this.placeholder=void 0,this.size="lg",this.animation="slide",this.error=!1,this.multiselect=!1,this.filter=!1,this.normalizeText=!0,this.noResultText="No result",this.defaultValue=void 0,this.value=null,this.tdsAriaLabel=void 0,this.open=!1,this.internalValue=void 0,this.filterResult=void 0,this.filterFocus=void 0,this.internalDefaultValue=void 0,this.selectedOptions=[],this.filterQuery=""}handleValueChange(t){const o=this.normalizeValue(t);(function(t,o){return t.length!==o.length||t.some((t=>!o.includes(t)))})(o,this.selectedOptions)&&this.updateDropdownStateFromUser(o)}normalizeValue(t){return null==t||""===t?[]:this.multiselect?Array.isArray(t)?l(t):t.toString().split(",").filter((t=>""!==t)):Array.isArray(t)?[r(t[0])]:[r(t)]}updateDropdownStateInternal(t){this.updateDropdownState(t,!1)}updateDropdownStateFromUser(t){this.updateDropdownState(t,!0)}updateDropdownState(t,o=!0){const s=this.validateValues(t);this.selectedOptions=[...s],this.value=this.multiselect?this.selectedOptions:this.selectedOptions[0]||null,this.internalValue=this.getValue(),this.updateOptionElements(),this.updateDisplayValue(),o&&this.emitChange(),this.setValueAttribute()}validateValues(t){const o=this.getChildren();return o&&0!==o.length?t.filter((t=>{const s=o.some((o=>r(o.value)===r(t)));return s||console.warn(`Option with value "${t}" does not exist`),s})):(console.warn("No dropdown options found"),t)}updateOptionElements(){var t;null===(t=this.getChildren())||void 0===t||t.forEach((t=>{t.setSelected(this.selectedOptions.includes(r(t.value)))}))}updateDisplayValue(){this.internalValue=this.getSelectedChildrenLabels().join(", "),this.filter&&this.inputElement&&(this.inputElement.value=this.internalValue)}emitChange(){const t=this.multiselect?this.selectedOptions.join(","):this.selectedOptions[0]||null;this.tdsChange.emit({name:this.name,value:null!=t?t:null})}async setValue(t,o){let s;return s=Array.isArray(t)?l(t):[r(t)],this.updateDropdownStateFromUser(s),this.getSelectedChildren().map((t=>({value:t.value,label:t.textContent.trim()})))}async reset(){this.updateDropdownStateFromUser([])}async removeValue(t){const o=this.selectedOptions.filter((o=>o!==t));this.updateDropdownStateFromUser(o)}async focusElement(){if(this.filter)this.focusInputElement();else{const t=this.host.shadowRoot.querySelector("button");t&&t.focus()}this.handleFocus()}async close(){this.open=!1}async updateDisplay(){this.updateDisplayValue()}onAnyClick(t){this.open&&!t.composedPath().includes(this.host)&&(this.filter&&this.filterQuery&&this.tdsClear.emit({clearedValue:this.filterQuery}),this.open=!1)}onFocusIn(t){this.host.contains(t.target)&&(this.hasFocus||(this.hasFocus=!0,this.tdsFocus.emit(t)))}onFocusOut(t){const o=t.relatedTarget;!this.hasFocus||o&&this.host.contains(o)||(this.hasFocus=!1,this.handleBlur(),this.tdsBlur.emit(t))}async onKeyDown(t){var o;const{activeElement:s}=document;if(!s)return;const i=this.getChildren();if("ArrowDown"===t.key){const t=s.nextElementSibling?i.findIndex((t=>t===s.nextElementSibling)):0;i[((t,o)=>{if(void 0===t[o])return 0;for(let s=o;s<t.length;s++)if(!t[s].disabled)return s})(i,t)].focus()}else if("ArrowUp"===t.key)i[((t,o)=>{if(void 0===t[o])return t.length-1;for(let s=o;s>=0;s--)if(!t[s].disabled)return s})(i,s.nextElementSibling?this.getChildren().findIndex((t=>t===s.previousElementSibling)):0)].focus();else if("Escape"===t.key)if(this.open=!1,this.filter)null===(o=this.inputElement)||void 0===o||o.focus();else{const t=this.host.shadowRoot.querySelector("button");null==t||t.focus()}}handleOpenState(){this.filter&&this.multiselect&&(this.open||(this.inputElement.value=this.selectedOptions.length?this.getValue():"")),this.updateDropdownListInertState()}handleDefaultValueChange(t){null!=t&&(this.internalDefaultValue=r(t),this.setDefaultOption())}componentWillLoad(){if(null==this.value){if(null!=this.defaultValue){const t=r(this.defaultValue),o=this.multiselect?t.split(",").map(r):[t];this.updateDropdownStateInternal(o)}}else{const t=this.normalizeValue(this.value);this.updateDropdownStateInternal(t)}}handleSlotChange(){this.setDefaultOption()}normalizeString(t){return this.normalizeText?t.normalize("NFD").replace(/\p{Diacritic}/gu,""):t}async appendValue(t){this.updateDropdownStateFromUser(this.multiselect?[...this.selectedOptions,t]:[t])}componentDidRender(){const t=this.host.closest("form");t&&t.addEventListener("reset",this.resetInput),this.updateDropdownListInertState()}disconnectedCallback(){const t=this.host.closest("form");t&&t.removeEventListener("reset",this.resetInput)}updateDropdownListInertState(){this.dropdownList&&(this.open?this.dropdownList.removeAttribute("inert"):this.dropdownList.setAttribute("inert",""))}render(){((t,o,s,i)=>{let e=t.querySelector("input");t.querySelector("input")||(e=t.ownerDocument.createElement("input"),e.type="hidden",t.appendChild(e)),e.disabled=i,e.name=o,e.value=s||""})(this.host,this.name,this.selectedOptions.join(","),this.disabled);const t=this.label?`dropdown-label-${this.name||d()}`:void 0,o=this.helper?`dropdown-helper-${this.name||d()}`:void 0;return s(i,{key:"ebb4008f7e27e9f9de603b1dfeb5100f45f0e600",class:{[`tds-mode-variant-${this.modeVariant}`]:Boolean(this.modeVariant)}},this.label&&"outside"===this.labelPosition&&s("div",{key:"77f30a6ec80264fe89422b8f129e763d2fe2a64c",id:t,class:"label-outside "+(this.disabled?"disabled":"")},this.label),s("div",{key:"3d3d3ca87cae2df4f043feb1f6bdbf4482cc4223",class:{"dropdown-select":!0,[this.size]:!0,disabled:this.disabled}},this.filter?s("div",{class:{filter:!0,focus:this.filterFocus,disabled:this.disabled,error:this.error}},s("div",{class:"value-wrapper"},this.label&&"inside"===this.labelPosition&&this.placeholder&&s("div",{id:t,class:`label-inside ${this.size}`},this.label),this.label&&"inside"===this.labelPosition&&!this.placeholder&&s("div",{id:t,class:`\n                    label-inside-as-placeholder\n                    ${this.size}\n                    ${this.selectedOptions.length?"selected":""}\n                    `},this.label),s("input",{"aria-label":this.tdsAriaLabel,"aria-labelledby":t,"aria-describedby":o,"aria-disabled":this.disabled,ref:t=>this.inputElement=t,class:{placeholder:"inside"===this.labelPosition},type:"text",placeholder:this.filterFocus?"":this.placeholder,value:this.multiselect&&this.filterFocus?this.filterQuery:this.getValue(),disabled:this.disabled,onInput:t=>this.handleFilter(t),onFocus:()=>this.handleFocus(),onKeyDown:t=>{"Escape"===t.key&&(this.open=!1)}})),s("tds-icon",{tabIndex:0,role:"button","aria-label":"Clear filter",svgTitle:"Clear filter",onClick:this.handleFilterReset,onKeyDown:t=>{"Enter"===t.key&&this.handleFilterReset()},class:{"clear-icon":!0,hide:!(this.open&&""!==this.inputElement.value)},name:"cross",size:"16px"}),s("tds-icon",{tdsAriaHidden:!0,role:"button","aria-label":"Open/Close dropdown",svgTitle:"Open/Close dropdown",onClick:this.handleToggleOpen,onKeyDown:t=>{"Enter"===t.key&&this.handleToggleOpen()},class:"menu-icon "+(this.open?"open":"closed"),name:"chevron_down",size:"16px"})):s("button",{"aria-label":this.tdsAriaLabel,"aria-labelledby":t,"aria-describedby":o,"aria-disabled":this.disabled,onClick:()=>this.handleToggleOpen(),onKeyDown:t=>{"Escape"===t.key&&(this.open=!1)},class:`\n                ${this.selectedOptions.length?"value":"placeholder"}\n                ${this.open?"open":"closed"}\n                ${this.error?"error":""}\n                `,disabled:this.disabled},s("div",{class:`value-wrapper ${this.size}`},this.label&&"inside"===this.labelPosition&&this.placeholder&&s("div",{id:t,class:`label-inside ${this.size}`},this.label),this.label&&"inside"===this.labelPosition&&!this.placeholder&&s("div",{id:t,class:`\n                    label-inside-as-placeholder\n                    ${this.size}\n                    ${this.selectedOptions.length?"selected":""}\n                    `},this.label),s("div",{class:`placeholder ${this.size}`},this.selectedOptions.length?this.getValue():this.placeholder),s("tds-icon",{"aria-label":"Open/Close dropdown",svgTitle:"Open/Close dropdown",class:"menu-icon "+(this.open?"open":"closed"),name:"chevron_down",size:"16px"})))),s("div",{key:"48e96d8ecac8918e11c6e2c0e1321802b61dbf7d",role:"listbox","aria-label":this.tdsAriaLabel,inert:!this.open,"aria-orientation":"vertical","aria-multiselectable":this.multiselect,ref:t=>{this.dropdownList=t},class:{"dropdown-list":!0,[this.size]:!0,[this.getOpenDirection()]:!0,"label-outside":this.label&&"outside"===this.labelPosition,open:this.open,closed:!this.open,[`animation-enter-${this.animation}`]:"none"!==this.animation&&this.open,[`animation-exit-${this.animation}`]:"none"!==this.animation&&!this.open}},s("slot",{key:"d49f3a638a9f6b1b08e3489dffad27151c0c554f",onSlotchange:()=>this.handleSlotChange()}),0===this.filterResult&&""!==this.noResultText&&s("div",{key:"b38d308604e30fdb130d72295d2d3f7bf2fb9bd6",class:`no-result ${this.size}`},this.noResultText)),this.helper&&s("div",{key:"1f8160ac1f0ecdc0d4f29faa31c469a0bd04b0d6",id:o,class:{helper:!0,error:this.error,disabled:this.disabled}},this.error&&s("tds-icon",{key:"487fb6deb5bd27347b2cd4f607e5488543185894",name:"error",size:"16px"}),this.helper))}get host(){return e(this)}static get watchers(){return{value:["handleValueChange"],open:["handleOpenState"],defaultValue:["handleDefaultValueChange"]}}};n.style='@charset "UTF-8";:host button{all:unset;height:100%;width:100%;background-color:var(--tds-dropdown-bg);border-bottom:1px solid var(--tds-dropdown-border-bottom);border-radius:var(--tds-dropdown-border-radius)}:host button:hover{border-bottom:1px solid var(--tds-dropdown-border-bottom-hover)}:host button .value-wrapper{padding:0 16px;display:flex;align-items:center;justify-content:space-between}:host button.placeholder{color:var(--tds-dropdown-placeholder-color);line-height:1.3}:host button.value{color:var(--tds-dropdown-value-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);line-height:1.3}:host button:focus{border-bottom:0}:host button.error{border-bottom:1px solid var(--tds-dropdown-error)}:host button.error:focus{border-bottom-color:transparent}:host button.error:focus::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--tds-dropdown-error)}:host button:disabled{color:var(--tds-dropdown-disabled-color);border-bottom:1px solid transparent}:host button .menu-icon{margin-right:0}:host .dropdown-select:focus-within{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}:host .filter{display:flex;align-items:center;justify-content:space-between;height:100%;background-color:var(--tds-dropdown-bg);border-bottom:1px solid var(--tds-dropdown-border-bottom);padding-left:16px;border-radius:4px 4px 0 0}:host .filter:hover{border-bottom:1px solid var(--tds-dropdown-border-bottom-hover)}:host .filter.disabled{color:var(--tds-dropdown-disabled-color);border-bottom:1px solid transparent}:host .filter.disabled .value-wrapper input{color:var(--tds-dropdown-disabled-color)}:host .filter .value-wrapper{display:flex;width:100%;height:100%}:host .filter .value-wrapper input{color:var(--tds-dropdown-filter-input-color)}:host .filter .label-inside-as-placeholder{position:absolute;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);line-height:1.3;color:var(--tds-dropdown-placeholder-color)}:host .filter .label-inside-as-placeholder.lg{top:20px}:host .filter .label-inside-as-placeholder.md{top:16px}:host .filter .label-inside-as-placeholder.sm{display:none}:host .filter .label-inside-as-placeholder.selected{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:all 0.2s ease-in-out}:host .filter .label-inside-as-placeholder.selected.lg{top:12px}:host .filter .label-inside-as-placeholder.selected.md{top:8px}:host .filter .label-inside-as-placeholder.selected.sm{display:none}:host .filter .label-inside-as-placeholder.selected+.placeholder:not(.sm){margin-top:8px}:host .filter.focus{border-bottom:0}:host .filter.focus:hover{border-bottom:0}:host .filter.error{border-bottom:1px solid var(--tds-dropdown-error)}:host .filter.error.focus{border-bottom-color:transparent}:host .filter.error.focus::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--tds-dropdown-error)}:host .filter input{flex:1;all:unset;width:100%}:host .filter input::placeholder{color:var(--tds-dropdown-placeholder-color)}:host .filter input:disabled::placeholder{color:var(--tds-dropdown-disabled-color)}:host .filter tds-icon{cursor:pointer}:host .filter .menu-icon{margin-right:16px}:host .filter .clear-icon{margin:0 8px;color:var(--tds-dropdown-clear-icon-color);padding-right:8px;border-right:1px solid var(--tds-dropdown-clear-icon-color)}:host .filter .clear-icon:hover{color:var(--tds-dropdown-clear-icon-hover-color)}:host .filter .clear-icon.hide{display:none;visibility:hidden}:host{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host{display:block;position:relative;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}:host .label-outside{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-dropdown-label-color);margin-bottom:8px}:host .label-outside.disabled{color:var(--tds-dropdown-disabled-color)}:host .dropdown-select{position:relative}:host .dropdown-select button:focus{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1;border-radius:0}:host .dropdown-select button{transition:border-bottom-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host .dropdown-select button:hover{border-bottom-color:var(--tds-dropdown-border-bottom-hover)}:host .dropdown-select button{border-bottom-color:var(--tds-dropdown-border-bottom)}:host .dropdown-select button.error{border-bottom-color:var(--tds-dropdown-error)}:host .dropdown-select button.error:focus{border-bottom-color:transparent}:host .dropdown-select.disabled .label-inside,:host .dropdown-select.disabled .placeholder,:host .dropdown-select.disabled .label-inside-as-placeholder,:host .dropdown-select.disabled .value-wrapper,:host .dropdown-select.disabled .menu-icon{color:var(--tds-dropdown-disabled-color)}:host .dropdown-select.disabled button{border:none}:host .dropdown-select .label-inside{position:absolute;font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);color:var(--tds-dropdown-label-inside-color)}:host .dropdown-select .label-inside.lg{top:12px;left:16px}:host .dropdown-select .label-inside.md{top:8px;left:16px}:host .dropdown-select .label-inside.sm{display:none}:host .dropdown-select .label-inside.xs{display:none}:host .dropdown-select .label-inside+.placeholder:not(.sm){margin-top:8px}:host .dropdown-select .placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:var(--tds-placeholder-margin);}:host .dropdown-select .placeholder.xs{line-height:1}:host .dropdown-select .label-inside-as-placeholder{color:var(--tds-dropdown-placeholder-color)}:host .dropdown-select .label-inside-as-placeholder.selected{position:absolute;font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:all 0.2s ease-in-out}:host .dropdown-select .label-inside-as-placeholder.selected.lg{top:12px}:host .dropdown-select .label-inside-as-placeholder.selected.md{top:8px}:host .dropdown-select .label-inside-as-placeholder.selected.sm{display:none}:host .dropdown-select .label-inside-as-placeholder.selected+.placeholder:not(.sm){margin-top:8px}:host .dropdown-select.lg{height:55px}:host .dropdown-select.md{height:47px}:host .dropdown-select.sm{height:39px}:host .dropdown-select.xs{height:29px}:host .helper{margin-top:4px;color:var(--tds-dropdown-helper-color);font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:flex;align-items:center;gap:8px}:host .helper.error{color:var(--tds-dropdown-error)}:host .helper.disabled{color:var(--tds-dropdown-disabled-color)}:host .dropdown-list{z-index:100;position:absolute;width:100%;transform-origin:top;box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.1);border-radius:var(--tds-dropdown-list-border-radius-down);overflow-y:auto;transform:scaleY(0);pointer-events:none;background-color:var(--tds-dropdown-bg)}:host .dropdown-list:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background:var(--tds-scrollbar-hover-thumb-color);background-clip:padding-box}:host .dropdown-list::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .dropdown-list::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}:host .dropdown-list::-webkit-scrollbar-thumb{border-radius:40px;background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}:host .dropdown-list::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){:host .dropdown-list{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}:host .dropdown-list.lg{max-height:312px}:host .dropdown-list.md{max-height:312px}:host .dropdown-list.sm{max-height:260px}:host .dropdown-list.xs{max-height:260px}:host .dropdown-list.up{bottom:100%;margin-top:0;margin-bottom:1px;transform-origin:bottom;display:flex;flex-direction:column-reverse;border-radius:var(--tds-dropdown-list-border-radius-up)}:host .dropdown-list.up.label-outside{bottom:calc(100% - 24px)}:host .dropdown-list.closed{transform:scaleY(0);pointer-events:none}:host .dropdown-list.open{transform:scaleY(1);visibility:visible;opacity:1;pointer-events:auto}:host .dropdown-list.animation-enter-slide{transition:transform var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-enter)}:host .dropdown-list.animation-exit-slide{transition:transform var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-exit)}:host .dropdown-list .no-result{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:flex;align-items:center;padding:0 16px;background-color:var(--tds-dropdown-bg)}:host .dropdown-list .no-result.lg{height:56px}:host .dropdown-list .no-result.md{height:48px}:host .dropdown-list .no-result.sm{height:40px}:host .dropdown-list .no-result.xs{height:40px}:host .menu-icon{color:var(--tds-dropdown-menu-icon-color)}:host tds-icon{transition:transform var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host tds-icon.open{transform:rotateZ(180deg)}';const h=class{constructor(s){t(this,s),this.tdsSelect=o(this,"tdsSelect",6),this.tdsFocus=o(this,"tdsFocus",6),this.tdsBlur=o(this,"tdsBlur",6),this.parentElement=null,this.label="",this.componentWillRender=()=>{var t,o,s;this.host.parentElement&&(this.parentElement="TDS-DROPDOWN"===(null===(t=this.host.parentElement)||void 0===t?void 0:t.tagName)?this.host.parentElement:this.host.getRootNode().host,this.parentElement&&(this.multiselect=null!==(o=this.parentElement.multiselect)&&void 0!==o&&o,this.size=this.parentElement.size||"lg"),this.label=(null===(s=this.host.textContent)||void 0===s?void 0:s.trim())||"")},this.handleSingleSelect=()=>{this.disabled||(this.selected=!0,this.parentElement.appendValue(this.internalValue),this.parentElement.close(),this.tdsSelect.emit({value:this.internalValue,selected:this.selected}))},this.handleMultiselect=t=>{this.disabled||(t.detail.checked?(this.parentElement.appendValue(this.internalValue),this.selected=!0,this.tdsSelect.emit({value:this.internalValue,selected:this.selected})):(this.parentElement.removeValue(this.internalValue),this.selected=!1,this.tdsSelect.emit({value:this.internalValue,selected:this.selected})),t.stopPropagation())},this.handleFocus=t=>{this.parentElement||this.tdsFocus.emit(t)},this.handleBlur=t=>{this.parentElement||this.tdsBlur.emit(t)},this.value=void 0,this.internalValue=void 0,this.disabled=!1,this.tdsAriaLabel=void 0,this.selected=!1,this.multiselect=!1,this.size="lg"}async setSelected(t){this.selected=t}valueWatcher(t){this.internalValue=r(t)}componentWillLoad(){this.internalValue=r(this.value)}render(){return s(i,{key:"a92f443fccb282309c20c52b9214b6b03b03e7ee"},s("div",{key:"b5dcc6cb5cb846adfb79f1e80e39e84ab85022c5",class:`dropdown-option\n          ${this.size}\n          ${this.selected?"selected":""}\n          ${this.disabled?"disabled":""}\n          `},this.multiselect?s("div",{class:"multiselect",onKeyDown:t=>{"Escape"===t.key&&this.parentElement.close()}},s("tds-checkbox",{onTdsChange:t=>{this.handleMultiselect(t)},onTdsBlur:t=>{t.stopPropagation()},disabled:this.disabled,checked:this.selected,tdsAriaLabel:this.tdsAriaLabel,class:{[this.size]:!0}},s("div",{slot:"label"},s("slot",null)))):s("button",{role:"option","aria-disabled":this.disabled,"aria-selected":this.selected,"aria-label":this.tdsAriaLabel,onClick:()=>{this.handleSingleSelect()},onFocus:t=>this.handleFocus(t),onBlur:t=>this.handleBlur(t),disabled:this.disabled,class:this.size},s("div",{class:"single-select"},s("slot",null),this.selected&&s("tds-icon",{name:"tick",size:"16px"})))))}static get delegatesFocus(){return!0}get host(){return e(this)}static get watchers(){return{value:["valueWatcher"]}}};h.style=":host{box-sizing:border-box;display:block;background-color:var(--tds-dropdown-option-background)}:host *{box-sizing:border-box}:host .dropdown-option{color:var(--tds-dropdown-option-color);border-bottom:1px solid var(--tds-dropdown-option-border);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);overflow-wrap:anywhere;transition:background-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host .dropdown-option.selected{background-color:var(--tds-dropdown-option-background-selected)}:host .dropdown-option.disabled{color:var(--tds-dropdown-option-color-disabled)}:host .dropdown-option button:focus{outline:2px solid var(--tds-focus-outline-color);box-shadow:inset 0 0 0 3px var(--tds-white);outline-offset:-2px}:host .dropdown-option button{all:unset;width:100%}:host .dropdown-option button.lg{padding:19px 0 20px}:host .dropdown-option button.md{padding:15px 0 16px}:host .dropdown-option button.sm{padding:11px 0 12px}:host .dropdown-option button.xs{padding:7px 0 8px}:host .dropdown-option button .single-select{display:flex;align-items:center;justify-content:space-between;padding:0 16px}:host .dropdown-option .multiselect{width:100%;height:100%}:host .dropdown-option .multiselect tds-checkbox{display:flex;height:100%;width:100%}:host .dropdown-option .multiselect tds-checkbox.lg{padding:15px 16px 16px}:host .dropdown-option .multiselect tds-checkbox.md{padding:11px 16px 12px}:host .dropdown-option .multiselect tds-checkbox.sm{padding:7px 16px 8px}:host .dropdown-option .multiselect tds-checkbox.xs{padding:7px 16px 8px}:host .dropdown-option:hover{border-bottom-color:var(--tds-dropdown-option-border-hover);cursor:pointer}:host .dropdown-option:hover.disabled{border-bottom-color:var(--tds-dropdown-option-border-hover);cursor:not-allowed}:host([hidden]){display:none}";export{n as tds_dropdown,h as tds_dropdown_option}

package/dist/tegel/p-f7e8b26c.entry.js

@@ -0,0 +1 @@
+import{r as t,c as e,h as d,g as i}from"./p-2049fab2.js";import{h as l}from"./p-ae110fc2.js";import{g as s}from"./p-11648030.js";import{g as o}from"./p-bbf9492a.js";const r=class{constructor(d){t(this,d),this.tdsChange=e(this,"tdsChange",6),this.tdsInput=e(this,"tdsInput",6),this.tdsFocus=e(this,"tdsFocus",6),this.tdsBlur=e(this,"tdsBlur",6),this.tdsError=e(this,"tdsError",6),this.uuid=s(),this.type="text",this.labelPosition="no-label",this.label="",this.min=void 0,this.max=void 0,this.step=void 0,this.helper=void 0,this.placeholder="",this.value="",this.disabled=!1,this.readOnly=!1,this.hideReadOnlyIcon=!1,this.size="lg",this.modeVariant=null,this.noMinWidth=!1,this.name="",this.state="default",this.maxLength=void 0,this.autofocus=!1,this.tdsAriaLabel=void 0,this.required=!1,this.autocomplete="off",this.hideNumberArrows=!1,this.focusInput=!1}handleChange(t){this.tdsChange.emit(t)}handleInput(t){const e=t.target,{value:d}=e;this.value=d,this.tdsInput.emit(t)}handleFocus(t){this.textInput.focus(),this.focusInput=!0,this.tdsFocus.emit(t)}handleBlur(t){if(this.focusInput=!1,"number"===this.type&&this.textInput){const t=this.textInput.valueAsNumber,e=void 0!==this.min?Number(this.min):void 0,d=void 0!==this.max?Number(this.max):void 0;if(void 0!==e&&void 0!==d&&e>d)return void console.warn("tds-text-field: min value is greater than max value");if(!isNaN(t)){const i=this.textInput.value;let l=i,s=null;void 0!==e&&t<e&&(l=String(this.min),s="min"),void 0!==d&&t>d&&(l=String(this.max),s="max"),l!==i&&s&&(this.textInput.value=l,this.value=l,this.tdsError.emit({originalValue:i,clampedValue:l,reason:s}))}}this.tdsBlur.emit(t)}async focusElement(){this.textInput&&this.textInput.focus()}render(){var t;const e=l("prefix",this.host),i=l("suffix",this.host);return d("div",{key:"239058e8fa4566bcaac961d2728d03e1d74a4644",class:{"form-text-field":!0,"form-text-field-nomin":this.noMinWidth,"text-field-focus":this.focusInput&&!this.disabled,"text-field-data":""!==this.value&&null!==this.value,"text-field-container-label-inside":"inside"===this.labelPosition&&"sm"!==this.size,"form-text-field-disabled":this.disabled,"form-text-field-readonly":!this.disabled&&this.readOnly,"tds-mode-variant-primary":this.readOnly?"secondary"===this.modeVariant:"primary"===this.modeVariant,"tds-mode-variant-secondary":this.readOnly?"primary"===this.modeVariant:"secondary"===this.modeVariant,"form-text-field-md":"md"===this.size,"form-text-field-sm":"sm"===this.size,"form-text-field-error":"error"===this.state,"form-text-field-success":"success"===this.state}},"outside"===this.labelPosition&&d("div",{key:"ee7d33be796f6cb2f685c2a1be7d3d4331a08e4e",class:"text-field-label-outside"},d("label",{key:"584092c02eb2f3f17cc9575e0f5d835edf315ea2",htmlFor:`text-field-input-element-${this.uuid}`},this.label)),d("div",{key:"29e48147e55c8072dd352f16c7fad49d6f89b95d",onClick:()=>this.textInput.focus(),class:"text-field-container"},e&&d("div",{key:"db0868e75c40a0b3aa87f469e0218cfcc4992132",class:{"text-field-slot-wrap-prefix":!0,"text-field-error":"error"===this.state,"text-field-success":"success"===this.state,"text-field-default":"default"===this.state}},d("slot",{key:"1279f4e56ead7d764f44d5279c14e77799d6131e",name:"prefix"})),d("div",{key:"4dfc16dfa22b536c9f76a44df0b1ca19dcb3b829",class:"text-field-input-container"},d("input",{key:"2249c7cbfe60eb973ae57b8d21bac9f73577773d",ref:t=>{this.textInput=t},class:{"text-field-input":!0,"text-field-input-sm":"sm"===this.size,"text-field-input-md":"md"===this.size,"text-field-input-lg":"lg"===this.size,"text-field-input-no-arrows":this.hideNumberArrows},type:this.type,disabled:this.disabled,readonly:!this.disabled&&this.readOnly,placeholder:this.placeholder,value:this.value,autofocus:this.autofocus,maxlength:this.maxLength,name:this.name,min:this.min,max:this.max,step:this.step,onInput:t=>this.handleInput(t),onChange:t=>this.handleChange(t),onFocus:t=>{this.readOnly||this.handleFocus(t)},onBlur:t=>{this.readOnly||this.handleBlur(t)},"aria-invalid":o(this.host,this.state),"aria-label":this.tdsAriaLabel?this.tdsAriaLabel:this.label,"aria-describedby":`text-field-helper-element-${this.uuid}`,"aria-readonly":this.readOnly,id:`text-field-input-element-${this.uuid}`,required:this.required,autocomplete:this.autocomplete}),"inside"===this.labelPosition&&"sm"!==this.size&&d("label",{key:"f6794afbc2af6b83b256b592269e027499f54018",class:"text-field-label-inside",htmlFor:`text-field-input-element-${this.uuid}`},this.label)),i&&d("div",{key:"62b76aebd06453bc33894a7b47fbf9bdf39cd812",class:{"text-field-slot-wrap-suffix":!0,"text-field-error":"error"===this.state,"text-field-success":"success"===this.state,"text-field-default":"default"===this.state,"tds-u-display-none":this.readOnly}},d("slot",{key:"e2bc34b143e216cbdeca5bc80c09a3f368b5cad9",name:"suffix"})),this.readOnly&&!this.hideReadOnlyIcon&&d("span",{key:"bb35e3014174bd1a51967d441fcf4b5a8fe232e0",class:"text-field-icon__readonly"},d("tds-tooltip",{key:"053b761a1dc735ca256ebfc4dc5bb7f880bf40f8",placement:"top-end",text:"This field is non-editable",selector:"#readonly-tooltip"}),d("tds-icon",{key:"0e280200126f005bcce7f7eaab7a3019cd4dd28f",id:"readonly-tooltip",name:"edit_inactive",size:"20px"}))),d("div",{key:"4aee7ad22d89c8201bb80d247240368648c4f00a","aria-live":"assertive"},(this.helper||this.maxLength>0)&&d("div",{key:"0e2682a8ab149540b66fbbedb6c9beeffc642cab",class:"text-field-helper",id:`text-field-helper-element-${this.uuid}`},"error"===this.state&&d("div",{key:"27ed349a67adb18acac3250ada772c9ca670044b",class:"text-field-helper-error-state"},!this.readOnly&&d("tds-icon",{key:"766eb0f160496337137316dc5c9d7756f7217b0f",name:"error",size:"16px"}),this.helper),"error"!==this.state&&this.helper,!this.readOnly&&this.maxLength>0&&d("span",{key:"1698c0261b4b74cca76be07f2137a8f7a26ba601",class:{"text-field-textcounter-divider":!0,"text-field-textcounter-disabled":this.disabled}},null===this.value?0:null===(t=this.value)||void 0===t?void 0:t.length," / ",this.maxLength))))}get host(){return i(this)}};r.style=".text-field-input-lg.sc-tds-text-field{all:unset;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-text-field-color);background-color:var(--tds-text-field-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16)}.text-field-input-lg.sc-tds-text-field::placeholder{color:var(--tds-text-field-placeholder)}.text-field-input-lg.sc-tds-text-field:disabled{user-select:none;pointer-events:none;background-color:var(--tds-text-field-background-disabled);color:var(--tds-text-field-color-disabled)}.text-field-input-lg.sc-tds-text-field:disabled::placeholder{color:var(--tds-text-field-placeholder-disabled)}.text-field-input-lg.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-input-md.sc-tds-text-field{all:unset;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-text-field-color);background-color:var(--tds-text-field-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.text-field-input-md.sc-tds-text-field::placeholder{color:var(--tds-text-field-placeholder)}.text-field-input-md.sc-tds-text-field:disabled{user-select:none;pointer-events:none;background-color:var(--tds-text-field-background-disabled);color:var(--tds-text-field-color-disabled)}.text-field-input-md.sc-tds-text-field:disabled::placeholder{color:var(--tds-text-field-placeholder-disabled)}.text-field-input-md.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-input-sm.sc-tds-text-field{all:unset;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-text-field-color);background-color:var(--tds-text-field-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.text-field-input-sm.sc-tds-text-field::placeholder{color:var(--tds-text-field-placeholder)}.text-field-input-sm.sc-tds-text-field:disabled{user-select:none;pointer-events:none;background-color:var(--tds-text-field-background-disabled);color:var(--tds-text-field-color-disabled)}.text-field-input-sm.sc-tds-text-field:disabled::placeholder{color:var(--tds-text-field-placeholder-disabled)}.text-field-input-sm.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-container.sc-tds-text-field{border-radius:4px 4px 0 0;display:flex;position:relative;height:56px;box-sizing:border-box;background-color:var(--tds-text-field-background);border-bottom:1px solid var(--tds-text-field-border-bottom);border-top:1px solid transparent;transition:border-bottom-color 200ms ease}.text-field-container.sc-tds-text-field:hover{border-bottom-color:var(--tds-text-field-border-bottom-hover)}.form-text-field-md.sc-tds-text-field .text-field-container.sc-tds-text-field{height:48px}.form-text-field-sm.sc-tds-text-field .text-field-container.sc-tds-text-field{height:40px}.text-field-container.sc-tds-text-field:focus-within{border:2px solid var(--tds-focus-outline-color);margin:0 -2px}.text-field-input-container.sc-tds-text-field{position:relative;width:100%}.text-field-data.sc-tds-text-field,.text-field-input.sc-tds-text-field{color:var(--tds-text-field-data-color)}.text-field-label-outside.sc-tds-text-field>*.sc-tds-text-field{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;margin-bottom:var(--tds-spacing-element-8);color:var(--tds-text-field-label-color)}.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);position:absolute;pointer-events:none;color:var(--tds-text-field-label-inside-color);left:16px}.form-text-field.sc-tds-text-field{display:block;min-width:208px}.form-text-field-nomin.sc-tds-text-field{min-width:auto}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field{padding-top:var(--tds-spacing-element-24);padding-bottom:15px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:20px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field .sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field:focus::placeholder{transition:color 0.35s ease;color:var(--tds-text-field-placeholder)}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:16px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field .sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field:focus::placeholder{transition:color 0.35s ease;color:var(--tds-text-field-placeholder)}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:16px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field .sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field:focus::placeholder{transition:color 0.35s ease;color:var(--tds-text-field-placeholder)}.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-input-sm.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-input-sm.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-input-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-input-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-input-lg.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-input-lg.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:12px}.text-field-helper.sc-tds-text-field{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:flex;gap:8px;justify-content:space-between;flex-basis:100%;padding-top:var(--tds-spacing-element-4);color:var(--tds-text-field-helper)}.text-field-helper.sc-tds-text-field .text-field-textcounter.sc-tds-text-field{margin-left:auto}.form-text-field-disabled.sc-tds-text-field .text-field-container.sc-tds-text-field{cursor:not-allowed;border-bottom-color:transparent}.form-text-field-disabled.sc-tds-text-field .text-field-slot-wrap-prefix.sc-tds-text-field>*.sc-tds-text-field,.form-text-field-disabled.sc-tds-text-field .text-field-slot-wrap-suffix.sc-tds-text-field>*.sc-tds-text-field{color:var(--tds-text-field-ps-color-disabled)}.form-text-field-disabled.sc-tds-text-field .text-field-label-outside.sc-tds-text-field>*.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.form-text-field-disabled.sc-tds-text-field .text-field-helper.sc-tds-text-field{color:var(--tds-text-field-helper-disabled)}.text-field-icon__readonly.sc-tds-text-field{display:none;position:absolute;right:18px;top:50%;transform:translateY(-50%);color:var(--tds-text-field-icon-read-only-label-color)}.text-field-icon__readonly.sc-tds-text-field .tds-tooltip.sc-tds-text-field{min-width:150px}.form-text-field-readonly.sc-tds-text-field{user-select:auto;caret-color:transparent;cursor:default}.form-text-field-readonly.sc-tds-text-field .text-field-container.sc-tds-text-field{border-bottom-color:var(--tds-text-field-border-bottom-readonly)}.form-text-field-readonly.sc-tds-text-field .text-field-icon__readonly.sc-tds-text-field{display:block}.form-text-field-readonly.sc-tds-text-field .text-field-icon__readonly.sc-tds-text-field:hover~.text-field-icon__readonly-label.sc-tds-text-field{display:block}.form-text-field-readonly.sc-tds-text-field .text-field-input.sc-tds-text-field{background-color:transparent}.form-text-field-readonly.sc-tds-text-field:has(.text-field-icon__readonly) .text-field-input.sc-tds-text-field{padding-right:54px}.form-text-field-success.sc-tds-text-field:not(.form-text-field-readonly) .text-field-container.sc-tds-text-field{border-bottom-color:var(--tds-text-field-border-bottom-success)}.form-text-field-error.sc-tds-text-field:not(.form-text-field-readonly) .text-field-helper.sc-tds-text-field{color:var(--tds-text-field-helper-error)}.form-text-field-error.sc-tds-text-field:not(.form-text-field-readonly) .text-field-container.sc-tds-text-field{border-bottom-color:var(--tds-text-field-border-bottom-error)}.text-field-helper-error-state.sc-tds-text-field{display:flex;gap:8px;flex-wrap:nowrap}.text-field-textcounter-disabled.sc-tds-text-field{color:var(--tds-text-field-textcounter-disabled)}.text-field-textcounter.sc-tds-text-field{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-text-field-textcounter);float:right}.text-field-textcounter.text-field-textcounter-disabled.sc-tds-text-field{color:var(--tds-text-field-textcounter-disabled)}.text-field-textcounter.text-field-textcounter-divider.sc-tds-text-field{color:var(--tds-text-field-textcounter-divider)}.text-field-textcounter.text-field-textcounter-divider-disabled.sc-tds-text-field{color:var(--tds-text-field-textcounter-divider-disabled)}.text-field-slot-wrap-prefix.sc-tds-text-field,.text-field-slot-wrap-suffix.sc-tds-text-field{align-self:center;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);margin:0 0 0 14px;color:var(--tds-text-field-ps-color)}.text-field-slot-wrap-prefix.sc-tds-text-field-s>:not(tds-icon),.text-field-slot-wrap-suffix.sc-tds-text-field-s>:not(tds-icon){margin:0 0 0 2px}.text-field-slot-wrap-prefix.text-field-error.sc-tds-text-field,.text-field-slot-wrap-suffix.text-field-error.sc-tds-text-field{color:var(--tds-text-field-ps-color-error)}.text-field-slot-wrap-suffix.sc-tds-text-field{margin:0 14px 0 0}.text-field-slot-wrap-suffix.sc-tds-text-field-s>:not(tds-icon){margin:0 2px 0 0}.text-field-input-no-arrows.sc-tds-text-field{appearance:textfield}.text-field-input-no-arrows.sc-tds-text-field::-webkit-outer-spin-button,.text-field-input-no-arrows.sc-tds-text-field::-webkit-inner-spin-button{appearance:none;margin:0}";export{r as tds_text_field}

package/dist/tegel/tegel.css

@@ -80,6 +80,6 @@
     --tds-grey-150
   );--tds-table-divider-hover:var(--tds-grey-350)}:root .tds-mode-variant-primary,.tds-mode-light .tds-mode-variant-primary{--tds-table-body-row-background:var(--tds-grey-50);--tds-table-zebra-mode-backround:var(--tds-white);--tds-table-body-row-background-selected:var(--tds-grey-50)}:root .tds-mode-variant-secondary,.tds-mode-light .tds-mode-variant-secondary{--tds-table-body-row-background:var(--tds-white);--tds-table-zebra-mode-backround:var(--tds-grey-50);--tds-table-body-row-background-selected:var(--tds-white)}.tds-mode-dark{--tds-table-color:var(--tds-grey-50);--tds-table-body-cell-background-hover:var(--tds-grey-750);--tds-table-body-row-background:var(--tds-grey-850);--tds-table-body-row-background-hover:var(--tds-grey-800);--tds-table-zebra-mode-backround:var(--tds-grey-900);--tds-table-body-row-background-hover:var(--tds-grey-750);--tds-table-body-row-background-selected:var(--tds-grey-700);--tds-table-body-row-background-selected-hover:var(--tds-grey-700);--tds-table-input-background-focus:var(--tds-grey-800);--tds-table-input-background-hover:var(--tds-white-50);--tds-table-input-background-disabled:var(--tds-grey-800);--tds-table-input-header-icon:var(--tds-grey-50);--tds-table-input-header-placeholder:var(--tds-grey-50);--tds-table-input-header-background-focus:var(--tds-grey-900);--tds-table-footer-background:var(--tds-grey-700);--tds-table-footer-page-selector-input-background:var(--tds-grey-950);--tds-table-footer-page-selector-input-background-hover:var(--tds-grey-950);--tds-table-footer-page-selector-input-background-disabled:var(--tds-grey-700);--tds-table-footer-btn-hover:var(--tds-grey-700);--tds-table-footer-page-selector-icon:var(--tds-grey-50);--tds-table-footer-page-selector-icon-disabled:var(--tds-grey-300);--tds-table-header-background:var(--tds-grey-700);--tds-table-header-background-hover:var(--tds-grey-650);--tds-table-header-btn-color:var(--tds-grey-50);--tds-table-header-btn-background:var(--tds-grey-650);--tds-table-header-btn-background-hover:var(--tds-grey-650);--tds-table-header-btn-focus:var(--tds-blue-300);--tds-table-toolbar-background:var(--tds-grey-650);--tds-table-toolbar-searchbar-background:var(--tds-grey-950);--tds-table-toolbar-searchbar-background-hover:var(--tds-grey-600);--tds-table-divider:var(--tds-grey-600);--tds-table-divider-hover:var(--tds-grey-400)}.tds-mode-dark .tds-mode-variant-primary{--tds-table-body-row-background:var(--tds-grey-850);--tds-table-zebra-mode-backround:var(--tds-grey-900)}.tds-mode-dark .tds-mode-variant-secondary{--tds-table-body-row-background:var(--tds-grey-900);--tds-table-zebra-mode-backround:var(--tds-grey-850)}:root,.tds-mode-light{--tds-datetime-color:var(--tds-grey-950);--tds-datetime-background-primary:var(--tds-grey-50);--tds-datetime-background-secondary:var(--tds-white);--tds-datetime-background:var(--tds-datetime-background-primary);--tds-datetime-icon:var(--tds-grey-950);--tds-datetime-border-bottom:var(--tds-grey-350);--tds-datetime-border-bottom-hover:var(--tds-grey-800);--tds-datetime-placeholder-color:var(--tds-grey-500);--tds-datetime-background-disabled:var(--tds-grey-50);--tds-datetime-color-disabled:var(--tds-grey-250);--tds-datetime-label-disabled:var(--tds-grey-250);--tds-datetime-icon-disabled:var(--tds-grey-250);--tds-datetime-helper-disabled:var(--tds-grey-250);--tds-datetime-label-color:var(--tds-grey-950);--tds-datetime-label-inside-color:var(--tds-grey-950);--tds-datetime-helper:var(--tds-grey-500);--tds-datetime-border-bottom-success:var(--tds-grey-850);--tds-datetime-color-success:var(--tds-grey-950);--tds-datetime-border-bottom-error:var(--tds-red-400);--tds-datetime-helper-error:var(--tds-red-400)}:root .tds-mode-variant-primary,.tds-mode-light .tds-mode-variant-primary{--tds-datetime-background:var(--tds-datetime-background-primary);--tds-datetime-helper-disabled:var(--tds-grey-250)}:root .tds-mode-variant-secondary,.tds-mode-light .tds-mode-variant-secondary{--tds-datetime-background:var(--tds-datetime-background-secondary);--tds-datetime-helper-disabled:var(--tds-grey-500)}.tds-mode-dark{--tds-datetime-color:var(--tds-grey-50);--tds-datetime-background-primary:var(--tds-grey-900);--tds-datetime-background-secondary:var(--tds-grey-850);--tds-datetime-background:var(--tds-datetime-background-primary);--tds-datetime-icon:var(--tds-grey-50);--tds-datetime-border-bottom:var(--tds-grey-400);--tds-datetime-border-bottom-hover:var(--tds-grey-50);--tds-datetime-placeholder-color:var(--tds-grey-300);--tds-datetime-background-disabled:var(--tds-grey-900);--tds-datetime-color-disabled:var(--tds-grey-500);--tds-datetime-label-disabled:var(--tds-grey-500);--tds-datetime-icon-disabled:var(--tds-grey-500);--tds-datetime-helper-disabled:var(--tds-grey-300);--tds-datetime-label-color:var(--tds-grey-50);--tds-datetime-label-inside-color:var(--tds-grey-50);--tds-datetime-helper:var(--tds-grey-300);--tds-datetime-border-bottom-success:var(--tds-grey-100);--tds-datetime-color-success:var(--tds-grey-50);--tds-datetime-border-bottom-error:var(--tds-red-300);--tds-datetime-helper-error:var(--tds-red-300)}.tds-mode-dark .tds-mode-variant-primary{--tds-datetime-background:var(--tds-datetime-background-primary)}.tds-mode-dark .tds-mode-variant-secondary{--tds-datetime-background:var(--tds-datetime-background-secondary)}:root,.tds-mode-light{--tds-divider-background-discrete:var(--tds-grey-200);--tds-divider-background-subtle:var(--tds-grey-350);--tds-divider-background-soft:var(--tds-grey-500);--tds-divider-background-defined:var(--tds-grey-650);--tds-divider-background-dark-blue:var(--tds-blue-700);--tds-divider-background:var(--tds-divider-background-subtle)}.tds-mode-dark{--tds-divider-background-discrete:var(--tds-grey-600);--tds-divider-background-subtle:var(--tds-grey-400);--tds-divider-background-soft:var(--tds-grey-300);--tds-divider-background-defined:var(--tds-grey-200);--tds-divider-background-dark-blue:var(--tds-blue-800);--tds-divider-background:var(--tds-divider-background-subtle)}:root,.tds-mode-light{--tds-dropdown-bg:var(--tds-grey-50);--tds-dropdown-border-bottom:var(--tds-grey-350);--tds-dropdown-border-bottom-hover:var(--tds-grey-850);--tds-dropdown-value-color:var(--tds-grey-950);--tds-dropdown-label-color:var(--tds-grey-950);--tds-dropdown-label-inside-color:var(--tds-grey-950);--tds-dropdown-helper-color:var(--tds-grey-500);--tds-dropdown-placeholder-color:var(--tds-grey-500);--tds-dropdown-disabled-color:var(--tds-grey-250);--tds-dropdown-filter-input-color:var(--tds-grey-950);--tds-dropdown-border-radius:var(--tds-spacing-element-4) var(--tds-spacing-element-4) 0 0;--tds-dropdown-list-border-radius-down:0 0 var(--tds-spacing-element-4)
     var(--tds-spacing-element-4);--tds-dropdown-list-border-radius-up:var(--tds-spacing-element-4) var(--tds-spacing-element-4) 0
-    0;--tds-dropdown-error:var(--tds-red-400);--tds-dropdown-menu-icon-color:var(--tds-grey-950);--tds-dropdown-clear-icon-color:var(--tds-grey-350);--tds-dropdown-clear-icon-hover-color:var(--tds-grey-350)}:root .tds-mode-variant-primary,.tds-mode-light .tds-mode-variant-primary{--tds-dropdown-bg:var(--tds-grey-50)}:root .tds-mode-variant-secondary,.tds-mode-light .tds-mode-variant-secondary{--tds-dropdown-bg:var(--tds-white)}:root tds-table-footer,.tds-mode-light tds-table-footer{--tds-dropdown-bg:white;--tds-placeholder-margin:var(--tds-spacing-element-8);--tds-dropdown-border-bottom:transparent;--tds-dropdown-border-bottom-hover:transparent;--tds-dropdown-border-radius:var(--tds-spacing-element-4);--tds-dropdown-list-border-radius-down:var(--tds-spacing-element-4);--tds-dropdown-list-border-radius-up:var(--tds-spacing-element-4)}.tds-mode-dark{--tds-dropdown-bg:var(--tds-grey-850);--tds-dropdown-border-bottom:var(--tds-grey-350);--tds-dropdown-border-bottom-hover:var(--tds-grey-50);--tds-dropdown-value-color:var(--tds-grey-50);--tds-dropdown-label-color:var(--tds-grey-50);--tds-dropdown-label-inside-color:var(--tds-grey-50);--tds-dropdown-helper-color:var(--tds-grey-300);--tds-dropdown-placeholder-color:var(--tds-grey-300);--tds-dropdown-disabled-color:var(--tds-grey-500);--tds-dropdown-list-border-radius-down:0 0 var(--tds-spacing-element-4)
+    0;--tds-dropdown-error:var(--tds-red-400);--tds-dropdown-menu-icon-color:var(--tds-grey-950);--tds-dropdown-clear-icon-color:var(--tds-grey-350);--tds-dropdown-clear-icon-hover-color:var(--tds-grey-350)}:root .tds-mode-variant-primary,.tds-mode-light .tds-mode-variant-primary{--tds-dropdown-bg:var(--tds-grey-50)}:root .tds-mode-variant-secondary,.tds-mode-light .tds-mode-variant-secondary{--tds-dropdown-bg:var(--tds-white)}:root tds-table-footer,.tds-mode-light tds-table-footer{--tds-dropdown-bg:white;--tds-placeholder-margin:var(--tds-spacing-element-8);--tds-dropdown-border-bottom:transparent;--tds-dropdown-border-bottom-hover:transparent;--tds-dropdown-border-radius:var(--tds-spacing-element-4);--tds-dropdown-list-border-radius-down:var(--tds-spacing-element-4);--tds-dropdown-list-border-radius-up:var(--tds-spacing-element-4)}.tds-mode-dark{--tds-dropdown-bg:var(--tds-grey-900);--tds-dropdown-border-bottom:var(--tds-grey-350);--tds-dropdown-border-bottom-hover:var(--tds-grey-50);--tds-dropdown-value-color:var(--tds-grey-50);--tds-dropdown-label-color:var(--tds-grey-50);--tds-dropdown-label-inside-color:var(--tds-grey-50);--tds-dropdown-helper-color:var(--tds-grey-300);--tds-dropdown-placeholder-color:var(--tds-grey-300);--tds-dropdown-disabled-color:var(--tds-grey-500);--tds-dropdown-list-border-radius-down:0 0 var(--tds-spacing-element-4)
     var(--tds-spacing-element-4);--tds-dropdown-list-border-radius-up:var(--tds-spacing-element-4) var(--tds-spacing-element-4) 0
-    0;--tds-dropdown-filter-input-color:var(--tds-grey-50);--tds-dropdown-error:var(--tds-red-300);--tds-dropdown-menu-icon-color:var(--tds-grey-50);--tds-dropdown-clear-icon-color:var(--tds-grey-400);--tds-dropdown-clear-icon-hover-color:var(--tds-grey-400)}.tds-mode-dark .tds-mode-variant-primary{--tds-dropdown-bg:var(--tds-grey-850)}.tds-mode-dark .tds-mode-variant-secondary{--tds-dropdown-bg:var(--tds-grey-900)}.tds-mode-dark tds-table-footer{--tds-dropdown-bg:var(--tds-grey-850);--tds-dropdown-list-border-radius-down:var(--tds-spacing-element-4);--tds-dropdown-list-border-radius-up:var(--tds-spacing-element-4)}:root,.tds-mode-light{--tds-dropdown-option-color:var(--tds-grey-850);--tds-dropdown-option-color-disabled:var(--tds-grey-250);--tds-dropdown-option-background:var(--tds-grey-50);--tds-dropdown-option-background-selected:var(--tds-grey-150);--tds-dropdown-option-border:var(--tds-grey-200);--tds-dropdown-option-border-hover:var(--tds-grey-850)}:root .tds-mode-variant-primary,.tds-mode-light .tds-mode-variant-primary{--tds-dropdown-option-background:var(--tds-grey-50)}:root .tds-mode-variant-secondary,.tds-mode-light .tds-mode-variant-secondary{--tds-dropdown-option-background:var(--tds-white)}.tds-mode-dark{--tds-dropdown-option-color:var(--tds-grey-50);--tds-dropdown-option-color-disabled:var(--tds-grey-500);--tds-dropdown-option-background:var(--tds-grey-850);--tds-dropdown-option-background-selected:var(--tds-grey-700);--tds-dropdown-option-border:var(--tds-grey-600);--tds-dropdown-option-border-hover:var(--tds-grey-50)}.tds-mode-dark .tds-mode-variant-primary{--tds-dropdown-option-background:var(--tds-grey-850)}.tds-mode-dark .tds-mode-variant-secondary{--tds-dropdown-option-background:var(--tds-grey-900)}:root,.tds-mode-light{--tds-footer-top-background-primary:var(--tds-grey-50);--tds-footer-top-background-secondary:var(--tds-white);--tds-footer-top-background:var(--tds-footer-top-background-primary);--tds-footer-top-divider:var(--tds-grey-200);--tds-footer-top-links:var(--tds-grey-950);--tds-footer-top-links-header:var(--tds-grey-500);--tds-footer-top-links-background-active:var(--tds-grey-200);--tds-footer-top-button-active:var(--tds-grey-200);--tds-footer-main-background:var(--tds-blue-800);--tds-footer-main-links:var(--tds-white);--tds-footer-main-divider:var(--tds-blue-700);--tds-footer-main-copyright:var(--tds-grey-300)}:root .tds-mode-variant-primary,.tds-mode-light .tds-mode-variant-primary{--tds-footer-top-background:var(--tds-footer-top-background-primary)}:root .tds-mode-variant-secondary,.tds-mode-light .tds-mode-variant-secondary{--tds-footer-top-background:var(--tds-footer-top-background-secondary)}.tds-mode-dark{--tds-footer-top-background-primary:var(--tds-grey-850);--tds-footer-top-background:var(--tds-footer-top-background-primary);--tds-footer-top-divider:var(--tds-grey-600);--tds-footer-top-links:var(--tds-grey-50);--tds-footer-top-links-header:var(--tds-grey-300);--tds-footer-top-links-background-active:var(--tds-grey-600);--tds-footer-top-button-active:var(--tds-grey-600);--tds-footer-main-background:var(--tds-blue-900);--tds-footer-main-links:var(--tds-white);--tds-footer-main-divider:var(--tds-blue-700);--tds-footer-main-copyright:var(--tds-grey-300)}.tds-mode-dark .tds-mode-variant-primary,.tds-mode-dark .tds-mode-variant-secondary{--tds-footer-top-background:var(--tds-footer-top-background-primary)}.__tds-header-item-icon:only-child{position:relative;margin-left:-6px;left:3px;transition:background 0.2s ease-in-out, color 0.2s ease-in-out}.__tds-header-item-image{position:relative;margin-left:-20px;left:10px;width:34px;height:34px;border-radius:50%;transition:background 0.2s ease-in-out, color 0.2s ease-in-out}:root{--tds-header-height:64px;--tds-header-list-item-md-height:48px}:root,.tds-mode-light{--tds-header-overlay:var(--tds-black);--tds-header-app-name-color:var(--tds-white);--tds-header-background:var(--tds-blue-800);--tds-header-mob-menu-color:var(--tds-white);--tds-header-mob-menu-open-color:var(--tds-grey-958);--tds-header-mob-menu-open-background:var(--tds-white);--tds-header-mob-menu-border:var(--tds-blue-700);--tds-header-mob-menu-open-border:var(--tds-grey-300);--tds-nav-item-background:var(--tds-white);--tds-nav-item-background-active:var(--tds-grey-100);--tds-nav-item-background-hover:var(--tds-grey-50);--tds-nav-item-background-selected:var(--tds-grey-100);--tds-nav-item-border-color:var(--tds-blue-700);--tds-nav-item-border-color-active:var(--tds-blue-400);--tds-nav-item-core-background-hover:var(--tds-grey-100);--tds-nav-item-core-color-active:var(--tds-grey-800);--tds-header-nav-item-color:var(--tds-white);--tds-header-nav-item-background-active:var(--tds-blue-700);--tds-nav-dropdown-item-background:var(--tds-white);--tds-nav-dropdown-item-border-color:var(--tds-grey-200);--tds-header-nav-item-dropdown-opened-background:var(--tds-white);--tds-header-nav-item-dropdown-opened-background-hover:var(--tds-grey-100);--tds-header-nav-item-dropdown-opened-background-selected:var(--tds-grey-100);--tds-header-nav-item-dropdown-opened-background-active:var(--tds-grey-300);--tds-header-nav-item-dropdown-opened-color:var(--tds-grey-958);--tds-header-nav-item-dropdown-hover-color:var(--tds-grey-300);--tds-header-item-hover:var(--tds-blue-700);--tds-header-item-active:var(--tds-blue-600);--tds-header-item-border-hover:var(--tds-blue-300);--tds-header-item-border-active:var(--tds-grey-50);--tds-header--basic-element-border:var(--tds-blue-700);--tds-header--basic-element-border-open:var(--tds-white);--tds-header--basic-element-background:var(--tds-blue-800);--tds-header--basic-element-background-open:var(--tds-white);--tds-header--basic-element-background-hover:var(--tds-blue-700);--tds-header--basic-element-background-selected:var(--tds-blue-700);--tds-header-searchbar-input-background:var(--tds-white);--tds-header-searchbar-input-color:var(--tds-black);--tds-header-searchbar-input-placeholder-color:var(--tds-grey-958);--tds-header-searchbar-input-expanded-after-border-bottom:var(--tds-grey-300);--tds-header-searchbar-border-color:var(--tds-blue-700);--tds-header-searchbar-btn-active:var(--tds-white);--tds-header-searchbar-x-btn-background:var(--tds-white);--tds-header-searchbar-x-btn-background-hover:var(--tds-grey-100);--tds-header-searchbar-btn-svg-fill:var(--tds-grey-958);--tds-header-searchbar-result-item-background:var(--tds-white);--tds-header-searchbar-result-item-background-hover:var(--tds-grey-100);--tds-header-searchbar-result-item-background-active:var(--tds-blue-400);--tds-header-searchbar-result-item-background-visited:var(--tds-grey-400);--tds-header-searchbar-result-item-anchor-background-hover:var(--tds-grey-100);--tds-header-searchbar-result-item-top-border-color:var(--tds-grey-300);--tds-header-searchbar-result-item-top-background:var(--tds-white);--tds-header-searchbar-result-item-category-title-background:var(--tds-white);--tds-header-searchbar-result-x-btn:var(--tds-white);--tds-header-searchbar-result-item-core-color:var(--tds-black);--tds-header-searchbar-result-item-core-background:var(--tds-white);--tds-header-searchbar-result-category-border-color:var(--tds-grey-300);--tds-header-searchbar-result-category-background:var(--tds-white);--tds-header-searchbar-all-result-item-color:var(--tds-black);--tds-header-searchbar-all-result-item-background-hover:var(--tds-grey-100);--tds-header-searchbar-all-result-item-background-active:var(--tds-blue-400);--tds-header-searchbar-all-result-item-background-visited:var(--tds-grey-400);--tds-header-avatar-item-background:var(--tds-white);--tds-header-avatar-item-background-hover:var(--tds-grey-100);--tds-header-avatar-item-border-color:var(--tds-grey-300);--tds-header-avatar-subtitle-color:var(--tds-grey-500);--tds-header-avatar-item-color:var(--tds-grey-700);--tds-header-avatar-item-btn-background:var(--tds-white);--tds-header-app-launcher-menu-background:var(--tds-white);--tds-header-app-launcher-btn-background:var(--tds-white);--tds-header-app-launcher-btn-color:var(--tds-white);--tds-header-app-launcher-open-btn-color:var(--tds-black);--tds-header-app-launcher-item-border-color:var(--tds-grey-300);--tds-header-app-launcher-category-title-background:var(--tds-white);--tds-header-app-launcher-category-title-color:var(--tds-grey-500);--tds-header-app-launcher-grid-category-title-color:var(--tds-grey-800);--tds-header-app-launcher-item-background:var(--tds-white);--tds-header-app-launcher-item-background-hover:var(--tds-grey-100);--tds-header-app-launcher-item-color:var(--tds-grey-700);--tds-header-app-launcher-grid--color:var(--tds-grey-800);--tds-header-app-launcher-grid-hover-background:var(--tds-grey-100);--tds-header-mobile-menu-background:var(--tds-white);--tds-header-mobile-menu-item-background:var(--tds-white);--tds-header-mobile-menu-item-background-hover:var(--tds-grey-300);--tds-header-mobile-menu-item-color:var(--tds-grey-958);--tds-header-mobile-menu-item-border-color:var(--tds-grey-300);--tds-header-mobile-nav-center-background:var(--tds-white);--tds-header-mobile-nav-center-item-border-color:var(--tds-grey-300);--tds-header-mobile-nav-center-item-border-color-active-after:var(--tds-blue-400);--tds-header-mobile-nav-center-dropdown-item--last-border-color:var(--tds-grey-300);--tds-header-mobile-nav-toolbar-border-color:var(--tds-grey-300);--tds-header-mobile-searchbar-container-border-color:var(--tds-grey-300);--tds-header-mobile-searchbar-input-background:var(--tds-white);--tds-header-mobile-searchbar-input-color:var(--tds-black);--tds-header-mobile-searchbar-input-placeholder-color:var(--tds-grey-800);--tds-header-mobile-searchbar-input-expanded-before-background:var(--tds-white);--tds-header-mobile-searchbar-btn-background:var(--tds-white);--tds-header-mobile-searchbar-btn-background-hover:var(--tds-grey-100);--tds-header-mobile-searchbar-open-btn-background:var(--tds-white);--tds-header-mobile-searchbar-open-btn-background-hover:var(--tds-grey-100);--tds-header-mobile-searchbar-btn-svg-fill:var(--tds-grey-958);--tds-header-mobile-searchbar-container-color:var(--tds-grey-958);--tds-header-mobile-avatar--item-btn-background:var(--tds-white);--tds-header-mobile-avatar--item-btn-background-hover:var(--tds-grey-100);--tds-header-mobile-avatar--item-btn-background-selected:var(--tds-grey-100);--tds-header-mobile-avatar--item-btn-background-active:var(--tds-grey-300);--tds-header-mobile-avatar--item-btn-color:var(--tds-grey-958)}.tds-mode-dark{--tds-header-background:var(--tds-blue-900);--tds-header-mob-menu-open-color:var(--tds-white);--tds-header-mob-menu-open-background:var(--tds-grey-958);--tds-header-mob-menu-border:var(--tds-blue-800);--tds-header-mob-menu-open-border:var(--tds-grey-868);--tds-nav-item-background:var(--tds-grey-800);--tds-nav-item-background-hover:var(--tds-grey-700);--tds-nav-item-background-active:var(--tds-grey-700);--tds-nav-item-background-selected:var(--tds-grey-700);--tds-nav-item-border-color:var(--tds-blue-700);--tds-nav-item-border-color-active:var(--tds-blue-300);--tds-nav-item-core-background-hover:var(--tds-grey-700);--tds-nav-item-core-color-active:var(--tds-grey-50);--tds-header-nav-item-color:var(--tds-white);--tds-header-nav-item-background-active:var(--tds-blue-800);--tds-nav-dropdown-item-background:var(--tds-grey-750);--tds-nav-dropdown-item-border-color:var(--tds-grey-600);--tds-header-nav-item-dropdown-opened-background:var(--tds-grey-958);--tds-header-nav-item-dropdown-opened-background-hover:var(--tds-grey-800);--tds-header-nav-item-dropdown-opened-background-selected:var(--tds-grey-868);--tds-header-nav-item-dropdown-opened-background-active:var(--tds-grey-800);--tds-header-nav-item-dropdown-opened-color:var(--tds-white);--tds-header-item-hover:var(--tds-blue-800);--tds-header-item-active:var(--tds-blue-700);--tds-header-item-border-hover:var(--tds-blue-300);--tds-header-item-border-active:var(--tds-grey-50);--tds-header--basic-element-border:var(--tds-blue-700);--tds-header--basic-element-border-open:var(--tds-blue-700);--tds-header--basic-element-background-open:var(--tds-grey-750);--tds-header--basic-element-background-hover:var(--tds-blue-800);--tds-header--basic-element-background-selected:var(--tds-blue-800);--tds-header-searchbar-input-background:var(--tds-grey-958);--tds-header-searchbar-input-color:var(--tds-white);--tds-header-searchbar-input-placeholder-color:var(--tds-grey-400);--tds-header-searchbar-input-expanded-after-border-bottom:var(--tds-grey-700);--tds-header-searchbar-border-color:var(--tds-blue-700);--tds-header-searchbar-x-btn-background:var(--tds-grey-958);--tds-header-searchbar-x-btn-background-hover:var(--tds-grey-868);--tds-header-searchbar-btn-svg-fill:var(--tds-white);--tds-header-searchbar-result-item-background:var(--tds-grey-958);--tds-header-searchbar-result-item-background-hover:var(--tds-grey-868);--tds-header-searchbar-result-item-background-active:var(--tds-grey-800);--tds-header-searchbar-result-item-background-visited:var(--tds-grey-600);--tds-header-searchbar-result-item-anchor-background-hover:var(--tds-grey-868);--tds-header-searchbar-result-item-top-border-color:var(--tds-grey-700);--tds-header-searchbar-result-item-top-background:var(--tds-grey-958);--tds-header-searchbar-result-item-category-title-background:var(--tds-grey-958);--tds-header-searchbar-result-x-btn:var(--tds-white);--tds-header-searchbar-result-item-core-color:var(--tds-white);--tds-header-searchbar-result-item-core-background:var(--tds-grey-958);--tds-header-searchbar-result-category-border-color:var(--tds-grey-700);--tds-header-searchbar-result-category-background:var(--tds-grey-958);--tds-header-searchbar-all-result-item-color:var(--tds-white);--tds-header-searchbar-all-result-item-background-hover:var(--tds-grey-868);--tds-header-searchbar-all-result-item-background-active:var(--tds-grey-868);--tds-header-searchbar-all-result-item-background-visited:var(--tds-grey-600);--tds-header-avatar-item-background:var(--tds-grey-800);--tds-header-avatar-item-border-color:var(--tds-grey-700);--tds-header-avatar-subtitle-color:var(--tds-grey-500);--tds-header-avatar-title-color:var(--tds-grey-50);--tds-header-avatar-item-background-hover:var(--tds-grey-700);--tds-header-avatar-item-color:var(--tds-grey-500);--tds-header-avatar-item-btn-background:var(--tds-grey-800);--tds-header-app-launcher-menu-background:var(--tds-grey-750);--tds-header-app-launcher-btn-background:var(--tds-grey-800);--tds-header-app-launcher-btn-color:var(--tds-white);--tds-header-app-launcher-open-btn-color:var(--tds-white);--tds-header-app-launcher-item-border-color:var(--tds-grey-700);--tds-header-app-launcher-category-title-background:var(--tds-grey-800);--tds-header-app-launcher-category-title-color:var(--tds-grey-500);--tds-header-app-launcher-grid-category-title-color:var(--tds-grey-500);--tds-header-app-launcher-item-background:var(--tds-grey-800);--tds-header-app-launcher-item-background-hover:var(--tds-grey-700);--tds-header-app-launcher-item-color:var(--tds-grey-50);--tds-header-app-launcher-grid-color:var(--tds-grey-50);--tds-header-app-launcher-grid-hover-background:var(--tds-grey-700);--tds-header-mobile-nav-center-background:var(--tds-grey-958);--tds-header-mobile-nav-center-item-border-color:var(--tds-grey-868);--tds-header-mobile-nav-center-item-border-color-active-after:var(--tds-blue-400);--tds-header-mobile-nav-center-dropdown-item--last-border-color:var(--tds-grey-868);--tds-header-mobile-nav-toolbar-border-color:var(--tds-grey-868);--tds-header-mobile-searchbar-container-border-color:var(--tds-grey-868);--tds-header-mobile-searchbar-input-background:var(--tds-grey-958);--tds-header-mobile-searchbar-input-color:var(--tds-white);--tds-header-mobile-searchbar-input-placeholder-color:var(--tds-grey-400);--tds-header-mobile-searchbar-input-expanded-before-background:var(--tds-black);--tds-header-mobile-searchbar-btn-background:var(--tds-grey-958);--tds-header-mobile-searchbar-btn-background-hover:var(--tds-grey-868);--tds-header-mobile-searchbar-open-btn-background:var(--tds-grey-958);--tds-header-mobile-searchbar-open-btn-background-hover:var(--tds-grey-868);--tds-header-mobile-searchbar-btn-svg-fill:var(--tds-white);--tds-header-mobile-searchbar-container-color:var(--tds-white);--tds-header-mobile-avatar--item-btn-background:var(--tds-grey-958);--tds-header-mobile-avatar--item-btn-background-hover:var(--tds-grey-868);--tds-header-mobile-avatar--item-btn-background-selected:var(--tds-grey-868);--tds-header-mobile-avatar--item-btn-background-active:var(--tds-grey-800);--tds-header-mobile-avatar--item-btn-color:var(--tds-white)}:root,.tds-mode-light{--tds-link:var(--tds-blue-400);--tds-link-hover:var(--tds-blue-400);--tds-link-focus:var(--tds-blue-400);--tds-link-visited:var(--tds-blue-600);--tds-link-disabled:var(--tds-grey-250)}:root tds-toast,.tds-mode-light tds-toast{--tds-link:var(--tds-grey-50);--tds-link-hover:var(--tds-blue-400);--tds-link-focus:var(--tds-blue-400);--tds-link-visited:var(--tds-blue-700);--tds-link-disabled:var(--tds-grey-250)}:root tds-banner,.tds-mode-light tds-banner{--tds-link:var(--tds-grey-950)}.tds-mode-dark{--tds-link:var(--tds-blue-300);--tds-link-hover:var(--tds-blue-300);--tds-link-focus:var(--tds-blue-300);--tds-link-visited:var(--tds-blue-100);--tds-link-disabled:var(--tds-grey-500)}.tds-mode-dark tds-toast{--tds-link:var(--tds-grey-950);--tds-link-hover:var(--tds-blue-300);--tds-link-focus:var(--tds-blue-300);--tds-link-visited:var(--tds-blue-100);--tds-link-disabled:var(--tds-grey-500)}.tds-mode-dark tds-banner{--tds-link:var(--tds-grey-50)}tds-link tds-icon{padding-bottom:4px;padding-left:5px}.tl-message,tds-message{--message-main-background:var(--color-background-layer-03);--message-mode-primary-background:var(--color-background-layer-03);--message-mode-secondary-background:var(--color-background-layer-02);--message-main-text-color:var(--color-foreground-text-strong);--message-info-border-color:var(--color-system-info-subtle);--message-info-icon-color:var(--color-system-info-subtle);--message-success-border-color:var(--color-system-success-subtle);--message-success-icon-color:var(--color-system-success-subtle);--message-error-background:var(--color-system-danger-discrete);--message-error-border-color:var(--color-system-danger-subtle);--message-error-icon-color:var(--color-system-danger-subtle);--message-error-header-text-color:var(--color-system-danger-default);--message-warning-border-color:var(--color-system-warning-subtle);--message-warning-icon-color:var(--color-system-warning-subtle)}:root,.tds-mode-light{--tds-message-background:var(--tds-grey-50);--tds-message-background-error:var(--tds-red-50);--tds-message-background-warning:var(--tds-grey-50);--tds-message-background-success:var(--tds-grey-50);--tds-message-border-info:var(--tds-blue-400);--tds-message-icon-info:var(--tds-blue-400);--tds-message-border-success:var(--tds-green-400);--tds-message-icon-success:var(--tds-green-400);--tds-message-border-error:var(--tds-red-400);--tds-message-icon-error:var(--tds-red-400);--tds-message-minimal-header-error:var(--tds-red-400);--tds-message-border-warning:var(--tds-yellow-400);--tds-message-icon-warning:var(--tds-yellow-500);}:root .tds-mode-variant-primary,.tds-mode-light .tds-mode-variant-primary{--tds-message-background:var(--tds-grey-50);--tds-message-background-warning:var(--tds-grey-50);--tds-message-background-success:var(--tds-grey-50)}:root .tds-mode-variant-secondary,.tds-mode-light .tds-mode-variant-secondary{--tds-message-background:var(--tds-white);--tds-message-background-warning:var(--tds-white);--tds-message-background-success:var(--tds-white)}.tds-mode-dark{--tds-message-background:var(--tds-grey-900);--tds-message-background-error:var(--tds-red-900);--tds-message-background-warning:var(--tds-grey-900);--tds-message-background-success:var(--tds-grey-900);--tds-message-border-info:var(--tds-blue-300);--tds-message-icon-info:var(--tds-blue-300);--tds-message-border-success:var(--tds-green-300);--tds-message-icon-success:var(--tds-green-300);--tds-message-border-error:var(--tds-red-300);--tds-message-icon-error:var(--tds-red-300);--tds-message-minimal-header-error:var(--tds-red-300);--tds-message-border-warning:var(--tds-yellow-300);--tds-message-icon-warning:var(--tds-yellow-300);}.tds-mode-dark .tds-mode-variant-primary{--tds-message-background:var(--tds-grey-900);--tds-message-background-warning:var(--tds-grey-900);--tds-message-background-success:var(--tds-grey-900)}.tds-mode-dark .tds-mode-variant-secondary{--tds-message-background:var(--tds-grey-850);--tds-message-background-warning:var(--tds-grey-850);--tds-message-background-success:var(--tds-grey-850)}:root,.tds-mode-light{--tds-modal-backdrop-background:rgba(0, 0, 0, 0.6);--tds-modal-box-shadow:0 3px 3px 0 rgba(0, 0, 0, 0.1), 0 -1px 1px 0 rgba(0, 0, 0, 0.05)}.tds-mode-dark{--tds-modal-backdrop-background:rgba(0, 0, 0, 0.8);--tds-modal-box-shadow:0 3px 3px 0 rgba(0, 0, 0, 0.1), 0 -1px 1px 0 rgba(0, 0, 0, 0.05)}:root,.tds-mode-light{--tds-popover-canvas-color:var(--tds-grey-950);--tds-popover-canvas-background:var(--tds-white);--tds-popover-canvas-box-shadow:0 3px 3px rgb(0 0 0 / 15%), 0 -1px 1px rgb(0 0 0 / 10%)}.tds-mode-dark{--tds-popover-canvas-color:var(--tds-grey-50);--tds-popover-canvas-background:var(--tds-grey-850);--tds-popover-canvas-box-shadow:none}.tds-mode-dark .tds-mode-variant-primary{--tds-popover-canvas-background:var(--tds-grey-850)}.tds-mode-dark .tds-mode-variant-secondary{--tds-popover-canvas-background:var(--tds-grey-800)}:root,.tds-mode-light{--tds-popover-menu-color:var(--tds-grey-950);--tds-popover-menu-background:var(--tds-white);--tds-popover-menu-background-hover:var(--tds-grey-100);--tds-popover-menu-divider-color:var(--tds-grey-350);--tds-popover-menu-divider-disabled-color:var(--tds-grey-250);--tds-popover-menu-divider-disabled-icon-color:var(--tds-grey-950)}.tds-mode-dark{--tds-popover-menu-color:var(--tds-white);--tds-popover-menu-background:var(--tds-grey-850);--tds-popover-menu-background-hover:var(--tds-grey-700);--tds-popover-menu-divider-color:var(--tds-grey-500);--tds-popover-menu-divider-disabled-color:var(--tds-grey-500);--tds-popover-menu-divider-disabled-icon-color:var(--tds-grey-50)}.tds-mode-dark .tds-mode-variant-primary{--tds-popover-menu-background:var(--tds-grey-850)}.tds-mode-dark .tds-mode-variant-secondary{--tds-popover-menu-background:var(--tds-grey-800)}:root,.tds-mode-light{--tds-radio-button-color:var(--tds-grey-950);--tds-radio-button-interaction-01:var(--tds-blue-800);--tds-radio-button-interaction-02:var(--tds-white);--tds-radio-button-interaction-outline:var(--tds-white);--tds-radio-button-background-hover:var(--tds-grey-350);--tds-radio-button-background-focus:var(--tds-blue-400);--tds-radio-button-disabled:var(--tds-grey-250);--tds-radio-button-border-color-disabled-after:var(--tds-grey-250);--tds-radio-button-color-disabled-after:var(--tds-grey-250);--tds-radio-button-color-disabled-before:var(--tds-grey-250)}.tds-mode-dark{--tds-radio-button-color:var(--tds-white);--tds-radio-button-interaction-01:var(--tds-white);--tds-radio-button-interaction-02:var(--tds-grey-950);--tds-radio-button-interaction-outline:var(--tds-white);--tds-radio-button-background-hover:var(--tds-grey-350);--tds-radio-button-background-focus:var(--tds-blue-400);--tds-radio-button-disabled:var(--tds-grey-500);--tds-radio-button-border-color-disabled-after:var(--tds-grey-500);--tds-radio-button-color-disabled-after:var(--tds-grey-500);--tds-radio-button-color-disabled-before:var(--tds-grey-500)}.__tds-side-menu-item-icon-collapsed{color:var(--tds-sidebar-side-menu-single-item-color);margin-left:0;position:absolute;left:50%;transform:translateX(-50%)}:root,.tds-mode-light{--tds-sidebar-mobile-menu-btn-hover:var(--tds-blue-700);--tds-sidebar-mobile-menu-btn-icon:var(--tds-white);--tds-sidebar-item-state-focus:var(--tds-grey-50);--tds-sidebar-item-state-border-focus:var(--tds-blue-400);--tds-sidebar-item-state-hover:var(--tds-grey-50);--tds-sidebar-item-state-active:var(--tds-grey-300);--tds-sidemenu-item-state-active:var(--tds-grey-150);--tds-sidebar-item-state-selected:var(--tds-grey-100);--tds-sidebar-side-menu:var(--tds-white);--tds-sidebar-side-menu-border-right:var(--tds-grey-300);--tds-sidebar-side-menu-background-cover:var(--tds-white);--tds-sidebar-side-menu-mobile-header-border-bottom:var(--tds-grey-300);--tds-sidebar-side-menu-bottom-menu-background:var(--tds-white);--tds-sidebar-side-menu-bottom-menu-border-top:var(--tds-grey-250);--tds-sidebar-side-menu-single-item-border-bottom:var(--tds-grey-300);--tds-sidebar-side-menu-single-item-color:var(--tds-grey-958);--tds-sidebar-side-menu-single-item-background-selected:var(--tds-grey-100);--tds-sidebar-side-menu-single-item-border-left-selected:var(--tds-blue-400);--tds-sidebar-side-menu-single-subitem-color:var(--tds-grey-800);--tds-sidebar-side-menu-single-subitem-title-color:var(--tds-grey-958);--tds-sidebar-side-menu-single-subitem-color-active:var(--tds-grey-958);--tds-sidebar-side-menu-single-subitem-backgrund:var(--tds-white);--tds-sidebar-side-menu-single-subitem-divider:var(--tds-grey-300);--tds-sidebar-side-menu-subnav-background:var(--tds-white);--tds-sidebar-side-menu-single-subitem-selected-border-color:var(--tds-blue-400);--tds-side-menu-item-hover-indicator:var(--tds-grey-350);--tds-side-menu-item-pressed-indicator:var(--tds-grey-850)}.tds-mode-dark{--tds-sidebar-mobile-menu-btn-hover:var(--tds-blue-700);--tds-sidebar-mobile-menu-btn-icon:var(--tds-white);--tds-sidebar-item-state-focus:var(--tds-grey-958);--tds-sidebar-item-state-border-focus:var(--tds-blue-400);--tds-sidebar-item-state-hover:var(--tds-grey-850);--tds-sidebar-item-state-active:var(--tds-grey-800);--tds-sidemenu-item-state-active:var(--tds-grey-800);--tds-sidebar-item-state-selected:var(--tds-grey-868);--tds-sidebar-side-menu:var(--tds-grey-958);--tds-sidebar-side-menu-border-right:var(--tds-grey-850);--tds-sidebar-side-menu-background-cover:var(--tds-grey-958);--tds-sidebar-side-menu-mobile-header-border-bottom:var(--tds-grey-850);--tds-sidebar-side-menu-bottom-menu-background:var(--tds-grey-958);--tds-sidebar-side-menu-bottom-menu-border-top:var(--tds-grey-600);--tds-sidebar-side-menu-single-item-border-bottom:var(--tds-grey-850);--tds-sidebar-side-menu-single-item-color:var(--tds-grey-50);--tds-sidebar-side-menu-single-item-background-selected:var(--tds-grey-850);--tds-sidebar-side-menu-single-item-border-left-selected:var(--tds-blue-400);--tds-sidebar-side-menu-single-subitem-color:var(--tds-grey-100);--tds-sidebar-side-menu-single-subitem-title-color:var(--tds-grey-50);--tds-sidebar-side-menu-single-subitem-color-active:var(--tds-grey-958);--tds-sidebar-side-menu-single-subitem-backgrund:var(--tds-grey-958);--tds-sidebar-side-menu-single-subitem-divider:var(--tds-grey-700);--tds-sidebar-side-menu-subnav-background:var(--tds-grey-958);--tds-sidebar-side-menu-single-subitem-selected-border-color:var(--tds-blue-400);--tds-side-menu-item-hover-indicator:var(--tds-grey-400);--tds-side-menu-item-pressed-indicator:var(--tds-grey-50)}:root,.tds-mode-light{--tds-slider-label-color:var(--tds-grey-950);--tds-slider-label-disabled:var(--tds-grey-250);--tds-slider-input-value-color:var(--tds-grey-950);--tds-slider-input-value-disabled:var(--tds-grey-250);--tds-slider-thumb-color:var(--tds-grey-950);--tds-slider-thumb-disabled:var(--tds-grey-200);--tds-slider-thumb-hover:rgba(48, 60, 97, 0.17);--tds-slider-thumb-pressed:rgba(58, 81, 124, 0.35);--tds-slider-thumb-focus-outline:2px solid var(--tds-focus-outline-color);--tds-slider-thumb-fucus-box-shadow:0 0 0 1px var(--tds-white);--tds-slider-thumb-focus-outline-offset:1px;--tds-slider-track-color:var(--tds-grey-350);--tds-slider-track-fill-color:var(--tds-grey-950);--tds-slider-track-disabled:var(--tds-grey-200);--tds-slider-divider-color:var(--tds-grey-350);--tds-slider-divider-values-color:var(--tds-grey-650);--tds-slider-divider-disabled:var(--tds-grey-200);--tds-slider-divider-values-disabled:var(--tds-grey-250);--tds-slider-controls-color:var(--tds-grey-650);--tds-slider-controls-disabled:var(--tds-grey-250);--tds-slider-inputfield-number-color:var(--tds-grey-950);--tds-slider-inputfield-background:var(--tds-white);--tds-slider-inputfield-box-shadow:var(--tds-grey-800);--tds-slider-inputfield-number-disabled:var(--tds-grey-250);--tds-slider-inputfield-background-disabled:var(--tds-grey-50);--tds-slider-value-tooltip-background:var(--tds-grey-700);--tds-slider-value-tooltip-color:var(--tds-grey-50)}.tds-mode-dark{--tds-slider-label-color:var(--tds-grey-50);--tds-slider-label-disabled:var(--tds-grey-500);--tds-slider-input-value-color:var(--tds-grey-200);--tds-slider-input-value-disabled:var(--tds-grey-500);--tds-slider-thumb-color:var(--tds-grey-50);--tds-slider-thumb-disabled:var(--tds-grey-600);--tds-slider-thumb-hover:rgba(164, 199, 245, 0.4);--tds-slider-thumb-pressed:rgba(174, 208, 255, 0.49);--tds-slider-thumb-focus-outline:1px solid var(--tds-white);--tds-slider-thumb-focus-box-shadow:0 0 0 2px var(--tds-focus-outline-color);--tds-slider-thumb-focus-outline-offset:2px;--tds-slider-track-color:var(--tds-grey-400);--tds-slider-track-fill-color:var(--tds-grey-50);--tds-slider-track-disabled:var(--tds-grey-600);--tds-slider-divider-color:var(--tds-grey-400);--tds-slider-divider-values-color:var(--tds-grey-200);--tds-slider-divider-disabled:var(--tds-grey-600);--tds-slider-divider-values-disabled:var(--tds-grey-500);--tds-slider-controls-color:var(--tds-grey-200);--tds-slider-controls-disabled:var(--tds-grey-500);--tds-slider-inputfield-number-color:var(--tds-grey-300);--tds-slider-inputfield-background:var(--tds-grey-850);--tds-slider-inputfield-box-shadow:var(--tds-grey-400);--tds-slider-inputfield-number-disabled:var(--tds-grey-500);--tds-slider-inputfield-background-disabled:var(--tds-grey-850);--tds-slider-value-tooltip-background:var(--tds-grey-150);--tds-slider-value-tooltip-color:var(--tds-grey-950)}:root,.tds-mode-light{--tds-stepper-background:var(--tds-grey-950);--tds-stepper-icon-background:var(--tds-grey-50);--tds-stepper-color:var(--tds-grey-50);--tds-stepper-icon-step-border-color-warning:var(--tds-red-400);--tds-stepper-icon-step-border-color-success:var(--tds-green-400);--tds-stepper-icon-step-background-success:var(--tds-green-400);--tds-stepper-icon-step-border-color-current:var(--tds-grey-950);--tds-stepper-label-text-color-upcoming:var(--tds-blue-950);--tds-stepper-label-border-color-upcoming:var(--tds-blue-750);--tds-stepper-divider-line:var(--tds-grey-700)}.tds-mode-dark{--tds-stepper-background:var(--tds-grey-150);--tds-stepper-icon-background:var(--tds-grey-150);--tds-stepper-color:var(--tds-grey-950);--tds-stepper-icon-step-border-color-warning:var(--tds-red-300);--tds-stepper-icon-step-border-color-success:var(--tds-green-300);--tds-stepper-icon-step-background-success:var(--tds-green-300);--tds-stepper-label-text-color-upcoming:var(--tds-grey-50);--tds-stepper-label-border-color-upcoming:var(--tds-grey-150);--tds-stepper-divider-line:var(--tds-grey-250)}:root,.tds-mode-light{--tds-tag-success-background:var(--tds-green-100);--tds-tag-success-color:var(--tds-green-700);--tds-tag-warning-background:var(--tds-yellow-50);--tds-tag-warning-color:var(--tds-yellow-700);--tds-tag-new-background:var(--tds-blue-100);--tds-tag-new-color:var(--tds-blue-700);--tds-tag-neutral-background:var(--tds-grey-150);--tds-tag-neutral-color:var(--tds-grey-700);--tds-tag-information-background:var(--tds-blue-200);--tds-tag-information-color:var(--tds-blue-800);--tds-tag-error-background:var(--tds-red-100);--tds-tag-error-color:var(--tds-red-700)}.tds-mode-dark{--tds-tag-success-background:var(--tds-green-200);--tds-tag-success-color:var(--tds-green-800);--tds-tag-warning-background:var(--tds-yellow-100);--tds-tag-warning-color:var(--tds-yellow-800);--tds-tag-new-background:var(--tds-blue-100);--tds-tag-new-color:var(--tds-blue-800);--tds-tag-neutral-background:var(--tds-grey-200);--tds-tag-neutral-color:var(--tds-grey-800);--tds-tag-information-background:var(--tds-blue-200);--tds-tag-information-color:var(--tds-blue-800);--tds-tag-error-background:var(--tds-red-200);--tds-tag-error-color:var(--tds-red-800)}:root,.tds-mode-light{--tds-folder-tab-background-selected:var(--tds-white);--tds-folder-tab-background:var(--tds-grey-100);--tds-folder-tab-background-hover:var(--tds-grey-200);--tds-folder-tab-color:var(--tds-blue-950);--tds-folder-tab-color-opacity:0.6;--tds-folder-tab-color-opacity-disabled:0.16;--tds-folder-tab-color-opacity-selected:1;--tds-folder-tab-color-opacity-focus:1;--tds-folder-tab-color-opacity-hover:1;--tds-folder-tab-top-border-hover:var(--tds-grey-850);--tds-folder-tab-border-selected:var(--tds-blue-400);--tds-folder-tabs-scroll-btn-background:var(--tds-folder-tab-background-primary);--tds-folder-tabs-scroll-btn-background-hover:var(--tds-grey-300);--tds-folder-tabs-scroll-btn-background-active:var(--tds-grey-400);--tds-folder-tabs-scroll-btn-color:var(--tds-grey-958);--tds-folder-tab-background-primary:var(--tds-grey-100);--tds-folder-tab-background-secondary:var(--tds-grey-100);--tds-folder-tab-background:var(--tds-folder-tab-background-primary);--tds-folder-tab-background-selected-primary:var(--tds-grey-50);--tds-folder-tab-background-selected-secondary:var(--tds-white);--tds-folder-tab-divider-color:var(--tds-grey-200);--tds-folder-tab-item-color:var(--tds-grey-650);--tds-folder-tab-item-color-disabled:var(--tds-grey-300);--tds-folder-tab-item-background-disabled:var(--tds-grey-100)}:root .tds-mode-variant-primary,.tds-mode-light .tds-mode-variant-primary{--tds-folder-tab-background-selected:var(--tds-folder-tab-background-selected-primary);--tds-folder-tab-background:var(--tds-folder-tab-background-primary)}:root .tds-mode-variant-secondary,.tds-mode-light .tds-mode-variant-secondary{--tds-folder-tab-background-selected:var(--tds-folder-tab-background-selected-secondary);--tds-folder-tab-background:var(--tds-folder-tab-background-secondary)}.tds-mode-dark{--tds-folder-tab-background-selected:var(--tds-grey-850);--tds-folder-tab-background:var(--tds-grey-800);--tds-folder-tab-background-hover:var(--tds-grey-800);--tds-folder-tab-color:var(--tds-grey-50);--tds-folder-tab-color-opacity:0.6;--tds-folder-tab-color-opacity-disabled:0.16;--tds-folder-tab-color-opacity-selected:1;--tds-folder-tab-color-opacity-focus:1;--tds-folder-tab-color-opacity-hover:1;--tds-folder-tab-top-border-hover:var(--tds-grey-50);--tds-folder-tab-border-selected:var(--tds-blue-300);--tds-folder-tabs-scroll-btn-color:var(--tds-grey-50);--tds-folder-tabs-scroll-btn-background:var(--tds-folder-tab-background-primary);--tds-folder-tabs-scroll-btn-background-hover:var(--tds-grey-900);--tds-folder-tabs-scroll-btn-background-active:var(--tds-grey-900);--tds-folder-tab-background-primary:var(--tds-grey-800);--tds-folder-tab-background-secondary:var(--tds-grey-750);--tds-folder-tab-background:var(--tds-folder-tab-background-primary);--tds-folder-tab-background-selected-primary:var(--tds-grey-850);--tds-folder-tab-background-selected-secondary:var(--tds-grey-800);--tds-folder-tab-divider-color:var(--tds-grey-800);--tds-folder-tab-item-color:var(--tds-grey-200);--tds-folder-tab-item-background-disabled:var(--tds-grey-800)}.tds-mode-dark .tds-mode-variant-primary{--tds-folder-tab-background-selected:var(--tds-folder-tab-background-selected-primary);--tds-folder-tab-background:var(--tds-folder-tab-background-primary);--tds-folder-tab-item-background-disabled:var(--tds-grey-850);--tds-folder-tab-item-color-disabled:var(--tds-grey-300)}.tds-mode-dark .tds-mode-variant-secondary{--tds-folder-tab-background-selected:var(--tds-folder-tab-background-selected-secondary);--tds-folder-tab-background:var(--tds-folder-tab-background-secondary);--tds-folder-tab-item-background-disabled:var(--tds-grey-800);--tds-folder-tab-item-color-disabled:var(--tds-grey-500)}:root,.tds-mode-light{--tds-inline-tabs-horizontal-divider-background:var(--tds-grey-200);--tds-inline-tabs-tab-background-primary:var(--tds-white);--tds-inline-tabs-tab-background-secondary:var(--tds-grey-50);--tds-inline-tabs-background:var(--tds-inline-tabs-tab-background-primary);--tds-inline-tabs-scroll-btn-color:var(--tds-grey-950);--tds-inline-tabs-scroll-btn-background:var(--tds-white);--tds-inline-tabs-scroll-btn-background-hover:var(--tds-grey-300);--tds-inline-tabs-scroll-btn-background-active:var(--tds-grey-400);--tds-inline-tabs-scroll-btn-primary:var(--tds-white);--tds-inline-tabs-scroll-btn-secondary:var(--tds-grey-50);--tds-inline-tabs-tab-color:var(--tds-grey-500);--tds-inline-tabs-tab-color-selected:var(--tds-grey-950);--tds-inline-tabs-tab-color-disabled:var(--tds-grey-250);--tds-inline-tabs-tab-indicator-background-hover:var(--tds-grey-850);--tds-inline-tabs-tab-color-hover:var(--tds-grey-950);--tds-inline-tabs-tab-color-focus:var(--tds-grey-950);--tds-inline-tabs-tab-color-active:var(--tds-grey-950);--tds-inline-tabs-tab-indicator-background-active:var(--tds-blue-400)}:root .tds-mode-variant-primary,.tds-mode-light .tds-mode-variant-primary{--tds-inline-tabs-background:var(--tds-inline-tabs-tab-background-primary);--tds-inline-tabs-scroll-btn-background:var(--tds-inline-tabs-scroll-btn-primary)}:root .tds-mode-variant-secondary,.tds-mode-light .tds-mode-variant-secondary{--tds-inline-tabs-background:var(--tds-inline-tabs-tab-background-secondary);--tds-inline-tabs-scroll-btn-background:var(--tds-inline-tabs-scroll-btn-secondary)}.tds-mode-dark{--tds-inline-tabs-horizontal-divider-background:var(--tds-grey-800);--tds-inline-tabs-tab-background-primary:var(--tds-grey-900);--tds-inline-tabs-tab-background-secondary:var(--tds-grey-868);--tds-inline-tabs-background:var(--tds-inline-tabs-tab-background-primary);--tds-inline-tabs-scroll-btn-color:var(--tds-grey-50);--tds-inline-tabs-scroll-btn-background:var(--tds-grey-900);--tds-inline-tabs-scroll-btn-background-hover:var(--tds-grey-900);--tds-inline-tabs-scroll-btn-background-active:var(--tds-grey-900);--tds-inline-tabs-scroll-btn-primary:var(--tds-grey-900);--tds-inline-tabs-scroll-btn-secondary:var(--tds-grey-800);--tds-inline-tabs-tab-color:var(--tds-grey-300);--tds-inline-tabs-tab-color-selected:var(--tds-grey-50);--tds-inline-tabs-tab-color-disabled:var(--tds-grey-500);--tds-inline-tab-color-opacity-selected:1;--tds-inline-tabs-tab-color-selected:var(--tds-grey-50);--tds-inline-tabs-tab-indicator-background-hover:var(--tds-grey-50);--tds-inline-tabs-tab-color-hover:var(--tds-grey-50);--tds-inline-tabs-tab-color-focus:var(--tds-grey-50);--tds-inline-tabs-tab-color-active:var(--tds-grey-50);--tds-inline-tabs-tab-indicator-background-active:var(--tds-blue-300)}.tds-mode-dark .tds-mode-variant-primary{--tds-inline-tabs-background:var(--tds-inline-tabs-tab-background-primary);--tds-inline-tabs-scroll-btn-background:var(--tds-inline-tabs-scroll-btn-primary)}.tds-mode-dark .tds-mode-variant-secondary{--tds-inline-tabs-background:var(--tds-inline-tabs-tab-background-secondary);--tds-inline-tabs-scroll-btn-background:var(--tds-inline-tabs-scroll-btn-secondary)}:root,.tds-mode-light{--tds-navigation-tabs-horizontal-divider-background:var(--tds-grey-350);--tds-navigation-tabs-tab-background-primary:var(--tds-white);--tds-navigation-tabs-tab-background-secondary:var(--tds-grey-50);--tds-navigation-tabs-background:var(--tds-navigation-tabs-tab-background-primary);--tds-navigation-tabs-tab-color:var(--tds-grey-500);--tds-navigation-tabs-tab-color-selected:var(--tds-grey-950);--tds-navigation-tabs-tab-color-disabled:var(--tds-grey-250);--tds-navigation-tabs-tab-color-hover:var(--tds-grey-950);--tds-navigation-tabs-tab-indicator-background-hover:var(--tds-grey-850);--tds-navigation-tabs-tab-indicator-background-active:var(--tds-blue-400)}:root .tds-mode-variant-primary,.tds-mode-light .tds-mode-variant-primary{--tds-navigation-tabs-background:var(--tds-navigation-tabs-tab-background-primary)}:root .tds-mode-variant-secondary,.tds-mode-light .tds-mode-variant-secondary{--tds-navigation-tabs-background:var(--tds-navigation-tabs-tab-background-secondary)}.tds-mode-dark{--tds-navigation-tabs-horizontal-divider-background:var(--tds-grey-400);--tds-navigation-tabs-background:var(--tds-navigation-tabs-tab-background-primary);--tds-navigation-tabs-tab-color:var(--tds-grey-300);--tds-navigation-tabs-tab-color-selected:var(--tds-grey-50);--tds-navigation-tabs-tab-color-disabled:var(--tds-grey-500);--tds-navigation-tabs-tab-color-hover:var(--tds-grey-50);--tds-navigation-tabs-tab-indicator-background-hover:var(--tds-grey-50);--tds-navigation-tabs-tab-indicator-background-active:var(--tds-blue-300)}.tds-mode-dark .tds-mode-variant-primary{--tds-navigation-tabs-background:var(--tds-navigation-tabs-tab-background-primary)}.tds-mode-dark .tds-mode-variant-secondary{--tds-navigation-tabs-background:var(--tds-navigation-tabs-tab-background-secondary)}:root,.tds-mode-light{--tds-textarea-background-primary:var(--tds-grey-50);--tds-textarea-background-secondary:var(--tds-white);--tds-textarea-background:var(--tds-textarea-background-primary);--tds-textarea-color:var(--tds-grey-950);--tds-textarea-color-hover:var(--tds-grey-950);--tds-textarea-disabled-color:var(--tds-grey-250);--tds-textarea-disabled-background-primary:var(--tds-grey-50);--tds-textarea-disabled-background-secondary:var(--tds-white);--tds-textarea-disabled-background:var(--tds-textarea-disabled-background-primary);--tds-textarea-disabled-placeholder:var(--tds-grey-250);--tds-textarea-disabled-label:var(--tds-grey-250);--tds-textarea-helper-disabled:var(--tds-grey-250);--tds-textarea-textcounter-disabled:var(--tds-grey-250);--tds-textarea-label-color:var(--tds-grey-950);--tds-textarea-label-inside-color:var(--tds-grey-950);--tds-textarea-placeholder:var(--tds-grey-500);--tds-textarea-helper:var(--tds-grey-500);--tds-textarea-helper-error:var(--tds-red-400);--tds-textarea-textcounter:var(--tds-grey-500);--tds-textarea-textcounter-divider:var(--tds-grey-500);--tds-textarea-border-bottom:var(--tds-grey-350);--tds-textarea-border-bottom-hover:var(--tds-grey-850);--tds-textarea-border-bottom-success:var(--tds-grey-850);--tds-textarea-border-bottom-error:var(--tds-red-400);--tds-textarea-border-bottom-read-only-color:var(--tds-textarea-border-bottom-success);--tds-textarea-icon-read-only-color:var(--tds-grey-950);--tds-textarea-icon-read-only-label-color:var(--tds-grey-950);--tds-textarea-resize-icon:var(--tds-grey-500)}:root .tds-mode-variant-primary,.tds-mode-light .tds-mode-variant-primary{--tds-textarea-background:var(--tds-textarea-background-primary);--tds-textarea-disabled-background:var(--tds-textarea-disabled-background-primary);--tds-textarea-border-bottom-read-only-color:var(--tds-textarea-border-bottom-success);--tds-textarea-read-only-background:vrer(--tds-white)}:root .tds-mode-variant-secondary,.tds-mode-light .tds-mode-variant-secondary{--tds-textarea-background:var(--tds-textarea-background-secondary);--tds-textarea-disabled-background:var(--tds-textarea-disabled-background-secondary);--tds-textarea-border-bottom-read-only-color:var(--tds-textarea-border-bottom-success);--tds-textarea-read-only-background:var(--tds-grey-50)}.tds-mode-dark{--tds-textarea-background-primary:var(--tds-grey-900);--tds-textarea-background-secondary:var(--tds-grey-850);--tds-textarea-background:var(--tds-textarea-background-primary);--tds-textarea-color:var(--tds-grey-50);--tds-textarea-disabled-color:var(--tds-grey-800);--tds-textarea-disabled-background-primary:var(--tds-grey-900);--tds-textarea-disabled-background-secondary:var(--tds-grey-850);--tds-textarea-disabled-background:var(--tds-textarea-disabled-background-primary);--tds-textarea-disabled-placeholder:var(--tds-grey-500);--tds-textarea-disabled-label:var(--tds-grey-500);--tds-textarea-helper-disabled:var(--tds-grey-500);--tds-textarea-textcounter-disabled:var(--tds-grey-500);--tds-textarea-label-color:var(--tds-grey-50);--tds-textarea-label-inside-color:var(--tds-grey-50);--tds-textarea-placeholder:var(--tds-grey-300);--tds-textarea-helper:var(--tds-grey-300);--tds-textarea-helper-error:var(--tds-red-300);--tds-textarea-textcounter:var(--tds-grey-300);--tds-textarea-textcounter-divider:var(--tds-grey-300);--tds-textarea-border-bottom:var(--tds-grey-350);--tds-textarea-border-bottom-hover:var(--tds-grey-50);--tds-textarea-border-bottom-success:var(--tds-grey-100);--tds-textarea-border-bottom-error:var(--tds-red-300);--tds-textarea-border-bottom-read-only-color:var(--tds-textarea-border-bottom-success);--tds-textarea-icon-read-only-color:var(--tds-grey-100);--tds-textarea-icon-read-only-label-color:var(--tds-grey-50);--tds-textarea-resize-icon:var(--tds-grey-300)}.tds-mode-dark .tds-mode-variant-primary{--tds-textarea-background:var(--tds-textarea-background-primary);--tds-textarea-disabled-background:var(--tds-textarea-disabled-background-primary);--tds-textarea-border-bottom-read-only-color:var(--tds-textarea-border-bottom-success);--tds-textarea-read-only-background:var(--tds-grey-900)}.tds-mode-dark .tds-mode-variant-secondary{--tds-textarea-background:var(--tds-textarea-background-secondary);--tds-textarea-disabled-background:var(--tds-textarea-disabled-background-secondary);--tds-textarea-border-bottom-read-only-color:var(--tds-textarea-border-bottom-success);--tds-textarea-read-only-background:var(--tds-grey-850)}:root,.tds-mode-light{--tds-text-field-background-primary:var(--tds-grey-50);--tds-text-field-background-secondary:var(--tds-white);--tds-text-field-background:var(--tds-text-field-background-primary);--tds-text-field-color:var(--tds-grey-950);--tds-text-field-placeholder:var(--tds-grey-500);--tds-text-field-data-color:var(--tds-grey-958);--tds-text-field-background-disabled-primary:var(--tds-grey-50);--tds-text-field-background-disabled-secondary:var(--tds-white);--tds-text-field-background-disabled:var(--tds-text-field-background-disabled-primary);--tds-text-field-color-disabled:var(--tds-grey-250);--tds-text-field-placeholder-disabled:var(--tds-grey-250);--tds-text-field-label-disabled:var(--tds-grey-250);--tds-text-field-ps-color-disabled:var(--tds-grey-250);--tds-text-field-helper-disabled:var(--tds-grey-250);--tds-text-field-label-color:var(--tds-grey-950);--tds-text-field-label-inside-color:var(--tds-grey-950);--tds-text-field-bar:var(--tds-blue-400);--tds-text-field-helper:var(--tds-grey-500);--tds-text-field-border-bottom-error:var(--tds-red-400);--tds-text-field-helper-error:var(--tds-red-400);--tds-text-field-bar-error:var(--tds-red-400);--tds-text-field-icon-error:var(--tds-red-400);--tds-text-field-textcounter:var(--tds-grey-500);--tds-text-field-textcounter-disabled:var(--tds-grey-250);--tds-text-field-textcounter-divider:var(--tds-grey-500);--tds-text-field-ps-color:var(--tds-grey-500);--tds-text-field-ps-color-error:var(--tds-red-400);--tds-text-field-resize-icon:var(--tds-grey-500);--tds-text-field-border-bottom:var(--tds-grey-350);--tds-text-field-border-bottom-hover:var(--tds-grey-800);--tds-text-field-border-bottom-success:var(--tds-grey-850);--tds-text-field-border-bottom-readonly:var(--tds-grey-500);--tds-text-field-icon-read-only-color:var(--tds-grey-958);--tds-text-field-icon-read-only-label-color:var(--tds-grey-958)}:root .tds-mode-variant-primary,.tds-mode-light .tds-mode-variant-primary{--tds-text-field-background:var(--tds-text-field-background-primary);--tds-text-field-background-disabled:var(--tds-text-field-background-disabled-primary)}:root .tds-mode-variant-secondary,.tds-mode-light .tds-mode-variant-secondary{--tds-text-field-background:var(--tds-text-field-background-secondary);--tds-text-field-background-disabled:var(--tds-text-field-background-disabled-secondary)}.tds-mode-dark{--tds-text-field-background-primary:var(--tds-grey-900);--tds-text-field-background:var(--tds-text-field-background-primary);--tds-text-field-background-secondary:var(--tds-grey-850);--tds-text-field-color:var(--tds-grey-50);--tds-text-field-placeholder:var(--tds-grey-300);--tds-text-field-data-color:var(--tds-grey-50);--tds-text-field-ps-color-disabled:var(--tds-grey-500);--tds-text-field-color-disabled:var(--tds-grey-800);--tds-text-field-background-disabled-primary:var(--tds-grey-900);--tds-text-field-background-disabled-secondary:var(--tds-grey-850);--tds-text-field-background-disabled:var(--tds-text-field-background-disabled-primary);--tds-text-field-placeholder-disabled:var(--tds-grey-500);--tds-text-field-label-disabled:var(--tds-grey-500);--tds-text-field-helper-disabled:var(--tds-grey-500);--tds-text-field-label-color:var(--tds-grey-50);--tds-text-field-label-inside-color:var(--tds-grey-50);--tds-text-field-bar:var(--tds-blue-300);--tds-text-field-helper:var(--tds-grey-300);--tds-text-field-helper-error:var(--tds-red-300);--tds-text-field-bar-error:var(--tds-red-300);--tds-text-field-icon-error:var(--tds-red-300);--tds-text-field-textcounter:var(--tds-grey-300);--tds-text-field-textcounter-disabled:var(--tds-grey-500);--tds-text-field-textcounter-divider:var(--tds-grey-500);--tds-text-field-ps-color:var(--tds-grey-300);--tds-text-field-resize-icon:var(--tds-grey-500);--tds-text-field-border-bottom:var(--tds-grey-350);--tds-text-field-border-bottom-hover:var(--tds-grey-250);--tds-text-field-border-bottom-success:var(--tds-grey-100);--tds-text-field-border-bottom-error:var(--tds-red-300);--tds-text-field-border-bottom-readonly:var(--tds-grey-600);--tds-text-field-icon-read-only-color:var(--tds-grey-100);--tds-text-field-icon-read-only-label-color:var(--tds-grey-50)}.tds-mode-dark .tds-mode-variant-primary{--tds-text-field-background:var(--tds-text-field-background-primary);--tds-text-field-background-disabled:var(--tds-text-field-background-disabled-primary)}.tds-mode-dark .tds-mode-variant-secondary{--tds-text-field-background:var(--tds-text-field-background-secondary);--tds-text-field-background-disabled:var(--tds-text-field-background-disabled-secondary)}:root,.tds-mode-light{--tds-toast-background-color:var(--tds-grey-950);--tds-toast-headline-color:var(--tds-grey-50);--tds-toast-subheadline-color:var(--tds-grey-50);--tds-toast-link-color:var(--tds-grey-50);--tds-toast-dissmiss-color:var(--tds-grey-50);--tds-toast-color-error:var(--tds-red-300);--tds-toast-color-success:var(--tds-green-300);--tds-toast-color-warning:var(--tds-yellow-300);--tds-toast-icon-color-warning:var(--tds-yellow-300);--tds-toast-color-info:var(--tds-blue-300)}.tds-mode-dark{--tds-toast-background-color:var(--tds-grey-50);--tds-toast-headline-color:var(--tds-grey-950);--tds-toast-subheadline-color:var(--tds-grey-950);--tds-toast-link-color:var(--tds-grey-950);--tds-toast-dissmiss-color:var(--tds-grey-950);--tds-toast-color-error:var(--tds-red-400);--tds-toast-color-success:var(--tds-green-400);--tds-toast-color-warning:var(--tds-yellow-400);--tds-toast-icon-color-warning:var(--tds-yellow-500);--tds-toast-color-info:var(--tds-blue-400)}:root,.tds-mode-light{--tds-toggle-switch:var(--tds-white);--tds-toggle-switch-disabled:var(--tds-grey-250);--tds-toggle-headline:var(--tds-grey-950);--tds-toggle-headline-disabled:var(--tds-grey-250);--tds-toggle-on-slider:var(--tds-green-300);--tds-toggle-on-slider-hover:var(--tds-green-400);--tds-toggle-on-slider-focus:var(--tds-green-300);--tds-toggle-on-slider-pressed:var(--tds-green-500);--tds-toggle-on-border-focus:var(--tds-white);--tds-toggle-border-outline:var(--tds-blue-400);--tds-toggle-on-slider-disabled:var(--tds-grey-200);--tds-toggle-slider-disabled:var(--tds-grey-200);--tds-toggle-label-color:var(--tds-grey-950);--tds-toggle-label-color-disabled:var(--tds-grey-250);--tds-toggle-off-slider:var(--tds-grey-350);--tds-toggle-off-slider-hover:var(--tds-grey-500);--tds-toggle-off-slider-focus:var(--tds-grey-350);--tds-toggle-off-slider-pressed:var(--tds-grey-600);--tds-toggle-off-border-focus:var(--tds-white)}.tds-mode-dark{--tds-toggle-switch:var(--tds-white);--tds-toggle-switch-disabled:var(--tds-grey-500);--tds-toggle-headline:var(--tds-grey-50);--tds-toggle-headline-disabled:var(--tds-grey-500);--tds-toggle-on-slider:var(--tds-green-300);--tds-toggle-on-slider-hover:var(--tds-green-400);--tds-toggle-on-slider-focus:var(--tds-green-300);--tds-toggle-on-slider-pressed:var(--tds-green-500);--tds-toggle-on-border-focus:var(--tds-white);--tds-toggle-border-outline:var(--tds-blue-300);--tds-toggle-on-slider-disabled:var(--tds-grey-600);--tds-toggle-slider-disabled:var(--tds-grey-600);--tds-toggle-label-color:var(--tds-grey-50);--tds-toggle-label-color-disabled:var(--tds-grey-500);--tds-toggle-off-slider:var(--tds-grey-350);--tds-toggle-off-slider-hover:var(--tds-grey-500);--tds-toggle-off-slider-focus:var(--tds-grey-350);--tds-toggle-off-slider-pressed:var(--tds-grey-600);--tds-toggle-off-border-focus:var(--tds-white)}:root,.tds-mode-light{--tds-tooltip-background:var(--tds-grey-700);--tds-tooltip-color:var(--tds-grey-50)}.tds-mode-dark{--tds-tooltip-background:var(--tds-grey-150);--tds-tooltip-color:var(--tds-grey-950)}:root,.tds-mode-light{--tds-date-picker-input-icon:var(--tds-grey-700);--tds-date-picker-input-icon-disabled:var(--tds-grey-400);--tds-date-picker-calendar-color:var(--tds-grey-958);--tds-date-picker-calendar-bg:var(--tds-grey-50);--tds-date-picker-calendar-box-shadow:0 2px 3px 0 rgb(0 0 0 / 10%);--tds-date-picker-date-color:var(--tds-grey-800);--tds-date-picker-date-bg-hover:rgb(0 0 0 / 8%);--tds-date-picker-date-color-selected:var(--tds-white);--tds-date-picker-date-bg-selected:var(--tds-blue-400);--tds-date-picker-date-color-disabled:var(--tds-grey-600);--tds-date-picker-date-bg-disabled:var(--tds-date-picker-calendar-bg);--tds-date-picker-date-color-not-current-month:var(--tds-grey-500);--tds-date-range-picker-date-bg-in-range:var(--tds-blue-100);--tds-date-range-picker-date-color-in-range:var(--tds-grey-700);--tds-date-range-picker-date-bg-in-range-hover:var(--tds-blue-200)}:root .tds-mode-variant-primary,.tds-mode-light .tds-mode-variant-primary{--tds-date-picker-calendar-bg:var(--tds-blue-200)}:root .tds-mode-variant-secondary,.tds-mode-light .tds-mode-variant-secondary{--tds-date-picker-calendar-bg:var(--tds-white)}.tds-mode-dark{--tds-date-picker-input-icon:var(--tds-grey-50);--tds-date-picker-input-icon-disabled:var(--tds-grey-800);--tds-date-picker-calendar-bg:var(--tds-grey-900);--tds-date-picker-calendar-color:var(--tds-grey-50);--tds-date-picker-calendar-box-shadow:0 2px 3px 0 rgb(0 0 0 / 10%);--tds-date-picker-date-color:var(--tds-grey-300);--tds-date-picker-date-bg-hover:rgb(0 0 0 / 8%);--tds-date-picker-date-bg-selected:var(--tds-blue-400);--tds-date-picker-date-color-selected:var(--tds-white);--tds-date-picker-date-bg-disabled:var(--tds-grey-400);--tds-date-picker-date-color-disabled:var(--tds-grey-600);--tds-date-picker-date-color-not-current-month:var(--tds-grey-700);--tds-date-picker-date-bg-in-range:var(--tds-blue-600);--tds-date-picker-date-color-in-range:var(--tds-grey-300);--tds-date-picker-date-bg-in-range-hover:var(--tds-blue-500)}.tds-mode-dark .tds-mode-variant-primary{--tds-date-picker-calendar-bg:var(--tds-grey-900)}.tds-mode-dark .tds-mode-variant-secondary{--tds-date-picker-calendar-bg:var(--tds-grey-868)}body{font-family:"Scania Sans Semi Condensed", "Scania Sans Condensed", Arial, Helvetica, sans-serif;font-size:14px;margin:0;flex:1}:root,.tds-mode-light{color:var(--tds-grey-958);background-color:var(--tds-white)}:root.tds-mode-variant-primary,:root .tds-mode-variant-primary,.tds-mode-light.tds-mode-variant-primary,.tds-mode-light .tds-mode-variant-primary{color:var(--tds-grey-958);background-color:var(--tds-white)}:root.tds-mode-variant-secondary,:root .tds-mode-variant-secondary,.tds-mode-light.tds-mode-variant-secondary,.tds-mode-light .tds-mode-variant-secondary{color:var(--tds-grey-958);background-color:var(--tds-grey-50)}:root tds-button.tds-mode-variant-primary,:root tds-button.tds-mode-variant-secondary,.tds-mode-light tds-button.tds-mode-variant-primary,.tds-mode-light tds-button.tds-mode-variant-secondary{background-color:transparent}.tds-mode-dark{color:var(--tds-grey-100);background-color:var(--tds-grey-958)}.tds-mode-dark.tds-mode-variant-primary,.tds-mode-dark .tds-mode-variant-primary{color:var(--tds-grey-100);background-color:var(--tds-grey-958)}.tds-mode-dark.tds-mode-variant-secondary,.tds-mode-dark .tds-mode-variant-secondary{color:var(--tds-grey-100);background-color:var(--tds-grey-900)}.tds-mode-dark tds-button.tds-mode-variant-primary,.tds-mode-dark tds-button.tds-mode-variant-secondary{background-color:transparent}:root tds-dropdown.tds-mode-variant-primary,:root tds-dropdown .tds-mode-variant-primary,:root tds-dropdown.tds-mode-variant-secondary,:root tds-dropdown .tds-mode-variant-secondary,:root tds-textarea.tds-mode-variant-primary,:root tds-textarea .tds-mode-variant-primary,:root tds-textarea.tds-mode-variant-secondary,:root tds-textarea .tds-mode-variant-secondary,:root tds-text-field.tds-mode-variant-primary,:root tds-text-field .tds-mode-variant-primary,:root tds-text-field.tds-mode-variant-secondary,:root tds-text-field .tds-mode-variant-secondary,.tds-mode-light tds-dropdown.tds-mode-variant-primary,.tds-mode-light tds-dropdown .tds-mode-variant-primary,.tds-mode-light tds-dropdown.tds-mode-variant-secondary,.tds-mode-light tds-dropdown .tds-mode-variant-secondary,.tds-mode-light tds-textarea.tds-mode-variant-primary,.tds-mode-light tds-textarea .tds-mode-variant-primary,.tds-mode-light tds-textarea.tds-mode-variant-secondary,.tds-mode-light tds-textarea .tds-mode-variant-secondary,.tds-mode-light tds-text-field.tds-mode-variant-primary,.tds-mode-light tds-text-field .tds-mode-variant-primary,.tds-mode-light tds-text-field.tds-mode-variant-secondary,.tds-mode-light tds-text-field .tds-mode-variant-secondary{background:transparent}
+    0;--tds-dropdown-filter-input-color:var(--tds-grey-50);--tds-dropdown-error:var(--tds-red-300);--tds-dropdown-menu-icon-color:var(--tds-grey-50);--tds-dropdown-clear-icon-color:var(--tds-grey-400);--tds-dropdown-clear-icon-hover-color:var(--tds-grey-400)}.tds-mode-dark .tds-mode-variant-primary{--tds-dropdown-bg:var(--tds-grey-900)}.tds-mode-dark .tds-mode-variant-secondary{--tds-dropdown-bg:var(--tds-grey-850)}.tds-mode-dark tds-table-footer{--tds-dropdown-bg:var(--tds-grey-850);--tds-dropdown-list-border-radius-down:var(--tds-spacing-element-4);--tds-dropdown-list-border-radius-up:var(--tds-spacing-element-4)}:root,.tds-mode-light{--tds-dropdown-option-color:var(--tds-grey-850);--tds-dropdown-option-color-disabled:var(--tds-grey-250);--tds-dropdown-option-background:var(--tds-grey-50);--tds-dropdown-option-background-selected:var(--tds-grey-150);--tds-dropdown-option-border:var(--tds-grey-200);--tds-dropdown-option-border-hover:var(--tds-grey-850)}:root .tds-mode-variant-primary,.tds-mode-light .tds-mode-variant-primary{--tds-dropdown-option-background:var(--tds-grey-50)}:root .tds-mode-variant-secondary,.tds-mode-light .tds-mode-variant-secondary{--tds-dropdown-option-background:var(--tds-white)}.tds-mode-dark{--tds-dropdown-option-color:var(--tds-grey-50);--tds-dropdown-option-color-disabled:var(--tds-grey-500);--tds-dropdown-option-background:var(--tds-grey-900);--tds-dropdown-option-background-selected:var(--tds-grey-700);--tds-dropdown-option-border:var(--tds-grey-600);--tds-dropdown-option-border-hover:var(--tds-grey-50)}.tds-mode-dark .tds-mode-variant-primary{--tds-dropdown-option-background:var(--tds-grey-900)}.tds-mode-dark .tds-mode-variant-secondary{--tds-dropdown-option-background:var(--tds-grey-850)}:root,.tds-mode-light{--tds-footer-top-background-primary:var(--tds-grey-50);--tds-footer-top-background-secondary:var(--tds-white);--tds-footer-top-background:var(--tds-footer-top-background-primary);--tds-footer-top-divider:var(--tds-grey-200);--tds-footer-top-links:var(--tds-grey-950);--tds-footer-top-links-header:var(--tds-grey-500);--tds-footer-top-links-background-active:var(--tds-grey-200);--tds-footer-top-button-active:var(--tds-grey-200);--tds-footer-main-background:var(--tds-blue-800);--tds-footer-main-links:var(--tds-white);--tds-footer-main-divider:var(--tds-blue-700);--tds-footer-main-copyright:var(--tds-grey-300)}:root .tds-mode-variant-primary,.tds-mode-light .tds-mode-variant-primary{--tds-footer-top-background:var(--tds-footer-top-background-primary)}:root .tds-mode-variant-secondary,.tds-mode-light .tds-mode-variant-secondary{--tds-footer-top-background:var(--tds-footer-top-background-secondary)}.tds-mode-dark{--tds-footer-top-background-primary:var(--tds-grey-850);--tds-footer-top-background:var(--tds-footer-top-background-primary);--tds-footer-top-divider:var(--tds-grey-600);--tds-footer-top-links:var(--tds-grey-50);--tds-footer-top-links-header:var(--tds-grey-300);--tds-footer-top-links-background-active:var(--tds-grey-600);--tds-footer-top-button-active:var(--tds-grey-600);--tds-footer-main-background:var(--tds-blue-900);--tds-footer-main-links:var(--tds-white);--tds-footer-main-divider:var(--tds-blue-700);--tds-footer-main-copyright:var(--tds-grey-300)}.tds-mode-dark .tds-mode-variant-primary,.tds-mode-dark .tds-mode-variant-secondary{--tds-footer-top-background:var(--tds-footer-top-background-primary)}.__tds-header-item-icon:only-child{position:relative;margin-left:-6px;left:3px;transition:background 0.2s ease-in-out, color 0.2s ease-in-out}.__tds-header-item-image{position:relative;margin-left:-20px;left:10px;width:34px;height:34px;border-radius:50%;transition:background 0.2s ease-in-out, color 0.2s ease-in-out}:root{--tds-header-height:64px;--tds-header-list-item-md-height:48px}:root,.tds-mode-light{--tds-header-overlay:var(--tds-black);--tds-header-app-name-color:var(--tds-white);--tds-header-background:var(--tds-blue-800);--tds-header-mob-menu-color:var(--tds-white);--tds-header-mob-menu-open-color:var(--tds-grey-958);--tds-header-mob-menu-open-background:var(--tds-white);--tds-header-mob-menu-border:var(--tds-blue-700);--tds-header-mob-menu-open-border:var(--tds-grey-300);--tds-nav-item-background:var(--tds-white);--tds-nav-item-background-active:var(--tds-grey-100);--tds-nav-item-background-hover:var(--tds-grey-50);--tds-nav-item-background-selected:var(--tds-grey-100);--tds-nav-item-border-color:var(--tds-blue-700);--tds-nav-item-border-color-active:var(--tds-blue-400);--tds-nav-item-core-background-hover:var(--tds-grey-100);--tds-nav-item-core-color-active:var(--tds-grey-800);--tds-header-nav-item-color:var(--tds-white);--tds-header-nav-item-background-active:var(--tds-blue-700);--tds-nav-dropdown-item-background:var(--tds-white);--tds-nav-dropdown-item-border-color:var(--tds-grey-200);--tds-header-nav-item-dropdown-opened-background:var(--tds-white);--tds-header-nav-item-dropdown-opened-background-hover:var(--tds-grey-100);--tds-header-nav-item-dropdown-opened-background-selected:var(--tds-grey-100);--tds-header-nav-item-dropdown-opened-background-active:var(--tds-grey-300);--tds-header-nav-item-dropdown-opened-color:var(--tds-grey-958);--tds-header-nav-item-dropdown-hover-color:var(--tds-grey-300);--tds-header-item-hover:var(--tds-blue-700);--tds-header-item-active:var(--tds-blue-600);--tds-header-item-border-hover:var(--tds-blue-300);--tds-header-item-border-active:var(--tds-grey-50);--tds-header--basic-element-border:var(--tds-blue-700);--tds-header--basic-element-border-open:var(--tds-white);--tds-header--basic-element-background:var(--tds-blue-800);--tds-header--basic-element-background-open:var(--tds-white);--tds-header--basic-element-background-hover:var(--tds-blue-700);--tds-header--basic-element-background-selected:var(--tds-blue-700);--tds-header-searchbar-input-background:var(--tds-white);--tds-header-searchbar-input-color:var(--tds-black);--tds-header-searchbar-input-placeholder-color:var(--tds-grey-958);--tds-header-searchbar-input-expanded-after-border-bottom:var(--tds-grey-300);--tds-header-searchbar-border-color:var(--tds-blue-700);--tds-header-searchbar-btn-active:var(--tds-white);--tds-header-searchbar-x-btn-background:var(--tds-white);--tds-header-searchbar-x-btn-background-hover:var(--tds-grey-100);--tds-header-searchbar-btn-svg-fill:var(--tds-grey-958);--tds-header-searchbar-result-item-background:var(--tds-white);--tds-header-searchbar-result-item-background-hover:var(--tds-grey-100);--tds-header-searchbar-result-item-background-active:var(--tds-blue-400);--tds-header-searchbar-result-item-background-visited:var(--tds-grey-400);--tds-header-searchbar-result-item-anchor-background-hover:var(--tds-grey-100);--tds-header-searchbar-result-item-top-border-color:var(--tds-grey-300);--tds-header-searchbar-result-item-top-background:var(--tds-white);--tds-header-searchbar-result-item-category-title-background:var(--tds-white);--tds-header-searchbar-result-x-btn:var(--tds-white);--tds-header-searchbar-result-item-core-color:var(--tds-black);--tds-header-searchbar-result-item-core-background:var(--tds-white);--tds-header-searchbar-result-category-border-color:var(--tds-grey-300);--tds-header-searchbar-result-category-background:var(--tds-white);--tds-header-searchbar-all-result-item-color:var(--tds-black);--tds-header-searchbar-all-result-item-background-hover:var(--tds-grey-100);--tds-header-searchbar-all-result-item-background-active:var(--tds-blue-400);--tds-header-searchbar-all-result-item-background-visited:var(--tds-grey-400);--tds-header-avatar-item-background:var(--tds-white);--tds-header-avatar-item-background-hover:var(--tds-grey-100);--tds-header-avatar-item-border-color:var(--tds-grey-300);--tds-header-avatar-subtitle-color:var(--tds-grey-500);--tds-header-avatar-item-color:var(--tds-grey-700);--tds-header-avatar-item-btn-background:var(--tds-white);--tds-header-app-launcher-menu-background:var(--tds-white);--tds-header-app-launcher-btn-background:var(--tds-white);--tds-header-app-launcher-btn-color:var(--tds-white);--tds-header-app-launcher-open-btn-color:var(--tds-black);--tds-header-app-launcher-item-border-color:var(--tds-grey-300);--tds-header-app-launcher-category-title-background:var(--tds-white);--tds-header-app-launcher-category-title-color:var(--tds-grey-500);--tds-header-app-launcher-grid-category-title-color:var(--tds-grey-800);--tds-header-app-launcher-item-background:var(--tds-white);--tds-header-app-launcher-item-background-hover:var(--tds-grey-100);--tds-header-app-launcher-item-color:var(--tds-grey-700);--tds-header-app-launcher-grid--color:var(--tds-grey-800);--tds-header-app-launcher-grid-hover-background:var(--tds-grey-100);--tds-header-mobile-menu-background:var(--tds-white);--tds-header-mobile-menu-item-background:var(--tds-white);--tds-header-mobile-menu-item-background-hover:var(--tds-grey-300);--tds-header-mobile-menu-item-color:var(--tds-grey-958);--tds-header-mobile-menu-item-border-color:var(--tds-grey-300);--tds-header-mobile-nav-center-background:var(--tds-white);--tds-header-mobile-nav-center-item-border-color:var(--tds-grey-300);--tds-header-mobile-nav-center-item-border-color-active-after:var(--tds-blue-400);--tds-header-mobile-nav-center-dropdown-item--last-border-color:var(--tds-grey-300);--tds-header-mobile-nav-toolbar-border-color:var(--tds-grey-300);--tds-header-mobile-searchbar-container-border-color:var(--tds-grey-300);--tds-header-mobile-searchbar-input-background:var(--tds-white);--tds-header-mobile-searchbar-input-color:var(--tds-black);--tds-header-mobile-searchbar-input-placeholder-color:var(--tds-grey-800);--tds-header-mobile-searchbar-input-expanded-before-background:var(--tds-white);--tds-header-mobile-searchbar-btn-background:var(--tds-white);--tds-header-mobile-searchbar-btn-background-hover:var(--tds-grey-100);--tds-header-mobile-searchbar-open-btn-background:var(--tds-white);--tds-header-mobile-searchbar-open-btn-background-hover:var(--tds-grey-100);--tds-header-mobile-searchbar-btn-svg-fill:var(--tds-grey-958);--tds-header-mobile-searchbar-container-color:var(--tds-grey-958);--tds-header-mobile-avatar--item-btn-background:var(--tds-white);--tds-header-mobile-avatar--item-btn-background-hover:var(--tds-grey-100);--tds-header-mobile-avatar--item-btn-background-selected:var(--tds-grey-100);--tds-header-mobile-avatar--item-btn-background-active:var(--tds-grey-300);--tds-header-mobile-avatar--item-btn-color:var(--tds-grey-958)}.tds-mode-dark{--tds-header-background:var(--tds-blue-900);--tds-header-mob-menu-open-color:var(--tds-white);--tds-header-mob-menu-open-background:var(--tds-grey-958);--tds-header-mob-menu-border:var(--tds-blue-800);--tds-header-mob-menu-open-border:var(--tds-grey-868);--tds-nav-item-background:var(--tds-grey-800);--tds-nav-item-background-hover:var(--tds-grey-700);--tds-nav-item-background-active:var(--tds-grey-700);--tds-nav-item-background-selected:var(--tds-grey-700);--tds-nav-item-border-color:var(--tds-blue-700);--tds-nav-item-border-color-active:var(--tds-blue-300);--tds-nav-item-core-background-hover:var(--tds-grey-700);--tds-nav-item-core-color-active:var(--tds-grey-50);--tds-header-nav-item-color:var(--tds-white);--tds-header-nav-item-background-active:var(--tds-blue-800);--tds-nav-dropdown-item-background:var(--tds-grey-750);--tds-nav-dropdown-item-border-color:var(--tds-grey-600);--tds-header-nav-item-dropdown-opened-background:var(--tds-grey-958);--tds-header-nav-item-dropdown-opened-background-hover:var(--tds-grey-800);--tds-header-nav-item-dropdown-opened-background-selected:var(--tds-grey-868);--tds-header-nav-item-dropdown-opened-background-active:var(--tds-grey-800);--tds-header-nav-item-dropdown-opened-color:var(--tds-white);--tds-header-item-hover:var(--tds-blue-800);--tds-header-item-active:var(--tds-blue-700);--tds-header-item-border-hover:var(--tds-blue-300);--tds-header-item-border-active:var(--tds-grey-50);--tds-header--basic-element-border:var(--tds-blue-700);--tds-header--basic-element-border-open:var(--tds-blue-700);--tds-header--basic-element-background-open:var(--tds-grey-750);--tds-header--basic-element-background-hover:var(--tds-blue-800);--tds-header--basic-element-background-selected:var(--tds-blue-800);--tds-header-searchbar-input-background:var(--tds-grey-958);--tds-header-searchbar-input-color:var(--tds-white);--tds-header-searchbar-input-placeholder-color:var(--tds-grey-400);--tds-header-searchbar-input-expanded-after-border-bottom:var(--tds-grey-700);--tds-header-searchbar-border-color:var(--tds-blue-700);--tds-header-searchbar-x-btn-background:var(--tds-grey-958);--tds-header-searchbar-x-btn-background-hover:var(--tds-grey-868);--tds-header-searchbar-btn-svg-fill:var(--tds-white);--tds-header-searchbar-result-item-background:var(--tds-grey-958);--tds-header-searchbar-result-item-background-hover:var(--tds-grey-868);--tds-header-searchbar-result-item-background-active:var(--tds-grey-800);--tds-header-searchbar-result-item-background-visited:var(--tds-grey-600);--tds-header-searchbar-result-item-anchor-background-hover:var(--tds-grey-868);--tds-header-searchbar-result-item-top-border-color:var(--tds-grey-700);--tds-header-searchbar-result-item-top-background:var(--tds-grey-958);--tds-header-searchbar-result-item-category-title-background:var(--tds-grey-958);--tds-header-searchbar-result-x-btn:var(--tds-white);--tds-header-searchbar-result-item-core-color:var(--tds-white);--tds-header-searchbar-result-item-core-background:var(--tds-grey-958);--tds-header-searchbar-result-category-border-color:var(--tds-grey-700);--tds-header-searchbar-result-category-background:var(--tds-grey-958);--tds-header-searchbar-all-result-item-color:var(--tds-white);--tds-header-searchbar-all-result-item-background-hover:var(--tds-grey-868);--tds-header-searchbar-all-result-item-background-active:var(--tds-grey-868);--tds-header-searchbar-all-result-item-background-visited:var(--tds-grey-600);--tds-header-avatar-item-background:var(--tds-grey-800);--tds-header-avatar-item-border-color:var(--tds-grey-700);--tds-header-avatar-subtitle-color:var(--tds-grey-500);--tds-header-avatar-title-color:var(--tds-grey-50);--tds-header-avatar-item-background-hover:var(--tds-grey-700);--tds-header-avatar-item-color:var(--tds-grey-500);--tds-header-avatar-item-btn-background:var(--tds-grey-800);--tds-header-app-launcher-menu-background:var(--tds-grey-750);--tds-header-app-launcher-btn-background:var(--tds-grey-800);--tds-header-app-launcher-btn-color:var(--tds-white);--tds-header-app-launcher-open-btn-color:var(--tds-white);--tds-header-app-launcher-item-border-color:var(--tds-grey-700);--tds-header-app-launcher-category-title-background:var(--tds-grey-800);--tds-header-app-launcher-category-title-color:var(--tds-grey-500);--tds-header-app-launcher-grid-category-title-color:var(--tds-grey-500);--tds-header-app-launcher-item-background:var(--tds-grey-800);--tds-header-app-launcher-item-background-hover:var(--tds-grey-700);--tds-header-app-launcher-item-color:var(--tds-grey-50);--tds-header-app-launcher-grid-color:var(--tds-grey-50);--tds-header-app-launcher-grid-hover-background:var(--tds-grey-700);--tds-header-mobile-nav-center-background:var(--tds-grey-958);--tds-header-mobile-nav-center-item-border-color:var(--tds-grey-868);--tds-header-mobile-nav-center-item-border-color-active-after:var(--tds-blue-400);--tds-header-mobile-nav-center-dropdown-item--last-border-color:var(--tds-grey-868);--tds-header-mobile-nav-toolbar-border-color:var(--tds-grey-868);--tds-header-mobile-searchbar-container-border-color:var(--tds-grey-868);--tds-header-mobile-searchbar-input-background:var(--tds-grey-958);--tds-header-mobile-searchbar-input-color:var(--tds-white);--tds-header-mobile-searchbar-input-placeholder-color:var(--tds-grey-400);--tds-header-mobile-searchbar-input-expanded-before-background:var(--tds-black);--tds-header-mobile-searchbar-btn-background:var(--tds-grey-958);--tds-header-mobile-searchbar-btn-background-hover:var(--tds-grey-868);--tds-header-mobile-searchbar-open-btn-background:var(--tds-grey-958);--tds-header-mobile-searchbar-open-btn-background-hover:var(--tds-grey-868);--tds-header-mobile-searchbar-btn-svg-fill:var(--tds-white);--tds-header-mobile-searchbar-container-color:var(--tds-white);--tds-header-mobile-avatar--item-btn-background:var(--tds-grey-958);--tds-header-mobile-avatar--item-btn-background-hover:var(--tds-grey-868);--tds-header-mobile-avatar--item-btn-background-selected:var(--tds-grey-868);--tds-header-mobile-avatar--item-btn-background-active:var(--tds-grey-800);--tds-header-mobile-avatar--item-btn-color:var(--tds-white)}:root,.tds-mode-light{--tds-link:var(--tds-blue-400);--tds-link-hover:var(--tds-blue-400);--tds-link-focus:var(--tds-blue-400);--tds-link-visited:var(--tds-blue-600);--tds-link-disabled:var(--tds-grey-250)}:root tds-toast,.tds-mode-light tds-toast{--tds-link:var(--tds-grey-50);--tds-link-hover:var(--tds-blue-400);--tds-link-focus:var(--tds-blue-400);--tds-link-visited:var(--tds-blue-700);--tds-link-disabled:var(--tds-grey-250)}:root tds-banner,.tds-mode-light tds-banner{--tds-link:var(--tds-grey-950)}.tds-mode-dark{--tds-link:var(--tds-blue-300);--tds-link-hover:var(--tds-blue-300);--tds-link-focus:var(--tds-blue-300);--tds-link-visited:var(--tds-blue-100);--tds-link-disabled:var(--tds-grey-500)}.tds-mode-dark tds-toast{--tds-link:var(--tds-grey-950);--tds-link-hover:var(--tds-blue-300);--tds-link-focus:var(--tds-blue-300);--tds-link-visited:var(--tds-blue-100);--tds-link-disabled:var(--tds-grey-500)}.tds-mode-dark tds-banner{--tds-link:var(--tds-grey-50)}tds-link tds-icon{padding-bottom:4px;padding-left:5px}.tl-message,tds-message{--message-main-background:var(--color-background-layer-03);--message-mode-primary-background:var(--color-background-layer-03);--message-mode-secondary-background:var(--color-background-layer-02);--message-main-text-color:var(--color-foreground-text-strong);--message-info-border-color:var(--color-system-info-subtle);--message-info-icon-color:var(--color-system-info-subtle);--message-success-border-color:var(--color-system-success-subtle);--message-success-icon-color:var(--color-system-success-subtle);--message-error-background:var(--color-system-danger-discrete);--message-error-border-color:var(--color-system-danger-subtle);--message-error-icon-color:var(--color-system-danger-subtle);--message-error-header-text-color:var(--color-system-danger-default);--message-warning-border-color:var(--color-system-warning-subtle);--message-warning-icon-color:var(--color-system-warning-subtle)}:root,.tds-mode-light{--tds-message-background:var(--tds-grey-50);--tds-message-background-error:var(--tds-red-50);--tds-message-background-warning:var(--tds-grey-50);--tds-message-background-success:var(--tds-grey-50);--tds-message-border-info:var(--tds-blue-400);--tds-message-icon-info:var(--tds-blue-400);--tds-message-border-success:var(--tds-green-400);--tds-message-icon-success:var(--tds-green-400);--tds-message-border-error:var(--tds-red-400);--tds-message-icon-error:var(--tds-red-400);--tds-message-minimal-header-error:var(--tds-red-400);--tds-message-border-warning:var(--tds-yellow-400);--tds-message-icon-warning:var(--tds-yellow-500);}:root .tds-mode-variant-primary,.tds-mode-light .tds-mode-variant-primary{--tds-message-background:var(--tds-grey-50);--tds-message-background-warning:var(--tds-grey-50);--tds-message-background-success:var(--tds-grey-50)}:root .tds-mode-variant-secondary,.tds-mode-light .tds-mode-variant-secondary{--tds-message-background:var(--tds-white);--tds-message-background-warning:var(--tds-white);--tds-message-background-success:var(--tds-white)}.tds-mode-dark{--tds-message-background:var(--tds-grey-900);--tds-message-background-error:var(--tds-red-900);--tds-message-background-warning:var(--tds-grey-900);--tds-message-background-success:var(--tds-grey-900);--tds-message-border-info:var(--tds-blue-300);--tds-message-icon-info:var(--tds-blue-300);--tds-message-border-success:var(--tds-green-300);--tds-message-icon-success:var(--tds-green-300);--tds-message-border-error:var(--tds-red-300);--tds-message-icon-error:var(--tds-red-300);--tds-message-minimal-header-error:var(--tds-red-300);--tds-message-border-warning:var(--tds-yellow-300);--tds-message-icon-warning:var(--tds-yellow-300);}.tds-mode-dark .tds-mode-variant-primary{--tds-message-background:var(--tds-grey-900);--tds-message-background-warning:var(--tds-grey-900);--tds-message-background-success:var(--tds-grey-900)}.tds-mode-dark .tds-mode-variant-secondary{--tds-message-background:var(--tds-grey-850);--tds-message-background-warning:var(--tds-grey-850);--tds-message-background-success:var(--tds-grey-850)}:root,.tds-mode-light{--tds-modal-backdrop-background:rgba(0, 0, 0, 0.6);--tds-modal-box-shadow:0 3px 3px 0 rgba(0, 0, 0, 0.1), 0 -1px 1px 0 rgba(0, 0, 0, 0.05)}.tds-mode-dark{--tds-modal-backdrop-background:rgba(0, 0, 0, 0.8);--tds-modal-box-shadow:0 3px 3px 0 rgba(0, 0, 0, 0.1), 0 -1px 1px 0 rgba(0, 0, 0, 0.05)}:root,.tds-mode-light{--tds-popover-canvas-color:var(--tds-grey-950);--tds-popover-canvas-background:var(--tds-white);--tds-popover-canvas-box-shadow:0 3px 3px rgb(0 0 0 / 15%), 0 -1px 1px rgb(0 0 0 / 10%)}.tds-mode-dark{--tds-popover-canvas-color:var(--tds-grey-50);--tds-popover-canvas-background:var(--tds-grey-850);--tds-popover-canvas-box-shadow:none}.tds-mode-dark .tds-mode-variant-primary{--tds-popover-canvas-background:var(--tds-grey-850)}.tds-mode-dark .tds-mode-variant-secondary{--tds-popover-canvas-background:var(--tds-grey-800)}:root,.tds-mode-light{--tds-popover-menu-color:var(--tds-grey-950);--tds-popover-menu-background:var(--tds-white);--tds-popover-menu-background-hover:var(--tds-grey-100);--tds-popover-menu-divider-color:var(--tds-grey-350);--tds-popover-menu-divider-disabled-color:var(--tds-grey-250);--tds-popover-menu-divider-disabled-icon-color:var(--tds-grey-950)}.tds-mode-dark{--tds-popover-menu-color:var(--tds-white);--tds-popover-menu-background:var(--tds-grey-850);--tds-popover-menu-background-hover:var(--tds-grey-700);--tds-popover-menu-divider-color:var(--tds-grey-500);--tds-popover-menu-divider-disabled-color:var(--tds-grey-500);--tds-popover-menu-divider-disabled-icon-color:var(--tds-grey-50)}.tds-mode-dark .tds-mode-variant-primary{--tds-popover-menu-background:var(--tds-grey-850)}.tds-mode-dark .tds-mode-variant-secondary{--tds-popover-menu-background:var(--tds-grey-800)}:root,.tds-mode-light{--tds-radio-button-color:var(--tds-grey-950);--tds-radio-button-interaction-01:var(--tds-blue-800);--tds-radio-button-interaction-02:var(--tds-white);--tds-radio-button-interaction-outline:var(--tds-white);--tds-radio-button-background-hover:var(--tds-grey-350);--tds-radio-button-background-focus:var(--tds-blue-400);--tds-radio-button-disabled:var(--tds-grey-250);--tds-radio-button-border-color-disabled-after:var(--tds-grey-250);--tds-radio-button-color-disabled-after:var(--tds-grey-250);--tds-radio-button-color-disabled-before:var(--tds-grey-250)}.tds-mode-dark{--tds-radio-button-color:var(--tds-white);--tds-radio-button-interaction-01:var(--tds-white);--tds-radio-button-interaction-02:var(--tds-grey-950);--tds-radio-button-interaction-outline:var(--tds-white);--tds-radio-button-background-hover:var(--tds-grey-350);--tds-radio-button-background-focus:var(--tds-blue-400);--tds-radio-button-disabled:var(--tds-grey-500);--tds-radio-button-border-color-disabled-after:var(--tds-grey-500);--tds-radio-button-color-disabled-after:var(--tds-grey-500);--tds-radio-button-color-disabled-before:var(--tds-grey-500)}.__tds-side-menu-item-icon-collapsed{color:var(--tds-sidebar-side-menu-single-item-color);margin-left:0;position:absolute;left:50%;transform:translateX(-50%)}:root,.tds-mode-light{--tds-sidebar-mobile-menu-btn-hover:var(--tds-blue-700);--tds-sidebar-mobile-menu-btn-icon:var(--tds-white);--tds-sidebar-item-state-focus:var(--tds-grey-50);--tds-sidebar-item-state-border-focus:var(--tds-blue-400);--tds-sidebar-item-state-hover:var(--tds-grey-50);--tds-sidebar-item-state-active:var(--tds-grey-300);--tds-sidemenu-item-state-active:var(--tds-grey-150);--tds-sidebar-item-state-selected:var(--tds-grey-100);--tds-sidebar-side-menu:var(--tds-white);--tds-sidebar-side-menu-border-right:var(--tds-grey-300);--tds-sidebar-side-menu-background-cover:var(--tds-white);--tds-sidebar-side-menu-mobile-header-border-bottom:var(--tds-grey-300);--tds-sidebar-side-menu-bottom-menu-background:var(--tds-white);--tds-sidebar-side-menu-bottom-menu-border-top:var(--tds-grey-250);--tds-sidebar-side-menu-single-item-border-bottom:var(--tds-grey-300);--tds-sidebar-side-menu-single-item-color:var(--tds-grey-958);--tds-sidebar-side-menu-single-item-background-selected:var(--tds-grey-100);--tds-sidebar-side-menu-single-item-border-left-selected:var(--tds-blue-400);--tds-sidebar-side-menu-single-subitem-color:var(--tds-grey-800);--tds-sidebar-side-menu-single-subitem-title-color:var(--tds-grey-958);--tds-sidebar-side-menu-single-subitem-color-active:var(--tds-grey-958);--tds-sidebar-side-menu-single-subitem-backgrund:var(--tds-white);--tds-sidebar-side-menu-single-subitem-divider:var(--tds-grey-300);--tds-sidebar-side-menu-subnav-background:var(--tds-white);--tds-sidebar-side-menu-single-subitem-selected-border-color:var(--tds-blue-400);--tds-side-menu-item-hover-indicator:var(--tds-grey-350);--tds-side-menu-item-pressed-indicator:var(--tds-grey-850)}.tds-mode-dark{--tds-sidebar-mobile-menu-btn-hover:var(--tds-blue-700);--tds-sidebar-mobile-menu-btn-icon:var(--tds-white);--tds-sidebar-item-state-focus:var(--tds-grey-958);--tds-sidebar-item-state-border-focus:var(--tds-blue-400);--tds-sidebar-item-state-hover:var(--tds-grey-850);--tds-sidebar-item-state-active:var(--tds-grey-800);--tds-sidemenu-item-state-active:var(--tds-grey-800);--tds-sidebar-item-state-selected:var(--tds-grey-868);--tds-sidebar-side-menu:var(--tds-grey-958);--tds-sidebar-side-menu-border-right:var(--tds-grey-850);--tds-sidebar-side-menu-background-cover:var(--tds-grey-958);--tds-sidebar-side-menu-mobile-header-border-bottom:var(--tds-grey-850);--tds-sidebar-side-menu-bottom-menu-background:var(--tds-grey-958);--tds-sidebar-side-menu-bottom-menu-border-top:var(--tds-grey-600);--tds-sidebar-side-menu-single-item-border-bottom:var(--tds-grey-850);--tds-sidebar-side-menu-single-item-color:var(--tds-grey-50);--tds-sidebar-side-menu-single-item-background-selected:var(--tds-grey-850);--tds-sidebar-side-menu-single-item-border-left-selected:var(--tds-blue-400);--tds-sidebar-side-menu-single-subitem-color:var(--tds-grey-100);--tds-sidebar-side-menu-single-subitem-title-color:var(--tds-grey-50);--tds-sidebar-side-menu-single-subitem-color-active:var(--tds-grey-958);--tds-sidebar-side-menu-single-subitem-backgrund:var(--tds-grey-958);--tds-sidebar-side-menu-single-subitem-divider:var(--tds-grey-700);--tds-sidebar-side-menu-subnav-background:var(--tds-grey-958);--tds-sidebar-side-menu-single-subitem-selected-border-color:var(--tds-blue-400);--tds-side-menu-item-hover-indicator:var(--tds-grey-400);--tds-side-menu-item-pressed-indicator:var(--tds-grey-50)}:root,.tds-mode-light{--tds-slider-label-color:var(--tds-grey-950);--tds-slider-label-disabled:var(--tds-grey-250);--tds-slider-input-value-color:var(--tds-grey-950);--tds-slider-input-value-disabled:var(--tds-grey-250);--tds-slider-thumb-color:var(--tds-grey-950);--tds-slider-thumb-disabled:var(--tds-grey-200);--tds-slider-thumb-hover:rgba(48, 60, 97, 0.17);--tds-slider-thumb-pressed:rgba(58, 81, 124, 0.35);--tds-slider-thumb-focus-outline:2px solid var(--tds-focus-outline-color);--tds-slider-thumb-fucus-box-shadow:0 0 0 1px var(--tds-white);--tds-slider-thumb-focus-outline-offset:1px;--tds-slider-track-color:var(--tds-grey-350);--tds-slider-track-fill-color:var(--tds-grey-950);--tds-slider-track-disabled:var(--tds-grey-200);--tds-slider-divider-color:var(--tds-grey-350);--tds-slider-divider-values-color:var(--tds-grey-650);--tds-slider-divider-disabled:var(--tds-grey-200);--tds-slider-divider-values-disabled:var(--tds-grey-250);--tds-slider-controls-color:var(--tds-grey-650);--tds-slider-controls-disabled:var(--tds-grey-250);--tds-slider-inputfield-number-color:var(--tds-grey-950);--tds-slider-inputfield-background:var(--tds-white);--tds-slider-inputfield-box-shadow:var(--tds-grey-800);--tds-slider-inputfield-number-disabled:var(--tds-grey-250);--tds-slider-inputfield-background-disabled:var(--tds-grey-50);--tds-slider-value-tooltip-background:var(--tds-grey-700);--tds-slider-value-tooltip-color:var(--tds-grey-50)}.tds-mode-dark{--tds-slider-label-color:var(--tds-grey-50);--tds-slider-label-disabled:var(--tds-grey-500);--tds-slider-input-value-color:var(--tds-grey-200);--tds-slider-input-value-disabled:var(--tds-grey-500);--tds-slider-thumb-color:var(--tds-grey-50);--tds-slider-thumb-disabled:var(--tds-grey-600);--tds-slider-thumb-hover:rgba(164, 199, 245, 0.4);--tds-slider-thumb-pressed:rgba(174, 208, 255, 0.49);--tds-slider-thumb-focus-outline:1px solid var(--tds-white);--tds-slider-thumb-focus-box-shadow:0 0 0 2px var(--tds-focus-outline-color);--tds-slider-thumb-focus-outline-offset:2px;--tds-slider-track-color:var(--tds-grey-400);--tds-slider-track-fill-color:var(--tds-grey-50);--tds-slider-track-disabled:var(--tds-grey-600);--tds-slider-divider-color:var(--tds-grey-400);--tds-slider-divider-values-color:var(--tds-grey-200);--tds-slider-divider-disabled:var(--tds-grey-600);--tds-slider-divider-values-disabled:var(--tds-grey-500);--tds-slider-controls-color:var(--tds-grey-200);--tds-slider-controls-disabled:var(--tds-grey-500);--tds-slider-inputfield-number-color:var(--tds-grey-300);--tds-slider-inputfield-background:var(--tds-grey-850);--tds-slider-inputfield-box-shadow:var(--tds-grey-400);--tds-slider-inputfield-number-disabled:var(--tds-grey-500);--tds-slider-inputfield-background-disabled:var(--tds-grey-850);--tds-slider-value-tooltip-background:var(--tds-grey-150);--tds-slider-value-tooltip-color:var(--tds-grey-950)}:root,.tds-mode-light{--tds-stepper-background:var(--tds-grey-950);--tds-stepper-icon-background:var(--tds-grey-50);--tds-stepper-color:var(--tds-grey-50);--tds-stepper-icon-step-border-color-warning:var(--tds-red-400);--tds-stepper-icon-step-border-color-success:var(--tds-green-400);--tds-stepper-icon-step-background-success:var(--tds-green-400);--tds-stepper-icon-step-border-color-current:var(--tds-grey-950);--tds-stepper-label-text-color-upcoming:var(--tds-blue-950);--tds-stepper-label-border-color-upcoming:var(--tds-blue-750);--tds-stepper-divider-line:var(--tds-grey-700)}.tds-mode-dark{--tds-stepper-background:var(--tds-grey-150);--tds-stepper-icon-background:var(--tds-grey-150);--tds-stepper-color:var(--tds-grey-950);--tds-stepper-icon-step-border-color-warning:var(--tds-red-300);--tds-stepper-icon-step-border-color-success:var(--tds-green-300);--tds-stepper-icon-step-background-success:var(--tds-green-300);--tds-stepper-label-text-color-upcoming:var(--tds-grey-50);--tds-stepper-label-border-color-upcoming:var(--tds-grey-150);--tds-stepper-divider-line:var(--tds-grey-250)}:root,.tds-mode-light{--tds-tag-success-background:var(--tds-green-100);--tds-tag-success-color:var(--tds-green-700);--tds-tag-warning-background:var(--tds-yellow-50);--tds-tag-warning-color:var(--tds-yellow-700);--tds-tag-new-background:var(--tds-blue-100);--tds-tag-new-color:var(--tds-blue-700);--tds-tag-neutral-background:var(--tds-grey-150);--tds-tag-neutral-color:var(--tds-grey-700);--tds-tag-information-background:var(--tds-blue-200);--tds-tag-information-color:var(--tds-blue-800);--tds-tag-error-background:var(--tds-red-100);--tds-tag-error-color:var(--tds-red-700)}.tds-mode-dark{--tds-tag-success-background:var(--tds-green-200);--tds-tag-success-color:var(--tds-green-800);--tds-tag-warning-background:var(--tds-yellow-100);--tds-tag-warning-color:var(--tds-yellow-800);--tds-tag-new-background:var(--tds-blue-100);--tds-tag-new-color:var(--tds-blue-800);--tds-tag-neutral-background:var(--tds-grey-200);--tds-tag-neutral-color:var(--tds-grey-800);--tds-tag-information-background:var(--tds-blue-200);--tds-tag-information-color:var(--tds-blue-800);--tds-tag-error-background:var(--tds-red-200);--tds-tag-error-color:var(--tds-red-800)}:root,.tds-mode-light{--tds-folder-tab-background-selected:var(--tds-white);--tds-folder-tab-background:var(--tds-grey-100);--tds-folder-tab-background-hover:var(--tds-grey-200);--tds-folder-tab-color:var(--tds-blue-950);--tds-folder-tab-color-opacity:0.6;--tds-folder-tab-color-opacity-disabled:0.16;--tds-folder-tab-color-opacity-selected:1;--tds-folder-tab-color-opacity-focus:1;--tds-folder-tab-color-opacity-hover:1;--tds-folder-tab-top-border-hover:var(--tds-grey-850);--tds-folder-tab-border-selected:var(--tds-blue-400);--tds-folder-tabs-scroll-btn-background:var(--tds-folder-tab-background-primary);--tds-folder-tabs-scroll-btn-background-hover:var(--tds-grey-300);--tds-folder-tabs-scroll-btn-background-active:var(--tds-grey-400);--tds-folder-tabs-scroll-btn-color:var(--tds-grey-958);--tds-folder-tab-background-primary:var(--tds-grey-100);--tds-folder-tab-background-secondary:var(--tds-grey-100);--tds-folder-tab-background:var(--tds-folder-tab-background-primary);--tds-folder-tab-background-selected-primary:var(--tds-grey-50);--tds-folder-tab-background-selected-secondary:var(--tds-white);--tds-folder-tab-divider-color:var(--tds-grey-200);--tds-folder-tab-item-color:var(--tds-grey-650);--tds-folder-tab-item-color-disabled:var(--tds-grey-300);--tds-folder-tab-item-background-disabled:var(--tds-grey-100)}:root .tds-mode-variant-primary,.tds-mode-light .tds-mode-variant-primary{--tds-folder-tab-background-selected:var(--tds-folder-tab-background-selected-primary);--tds-folder-tab-background:var(--tds-folder-tab-background-primary)}:root .tds-mode-variant-secondary,.tds-mode-light .tds-mode-variant-secondary{--tds-folder-tab-background-selected:var(--tds-folder-tab-background-selected-secondary);--tds-folder-tab-background:var(--tds-folder-tab-background-secondary)}.tds-mode-dark{--tds-folder-tab-background-selected:var(--tds-grey-850);--tds-folder-tab-background:var(--tds-grey-800);--tds-folder-tab-background-hover:var(--tds-grey-800);--tds-folder-tab-color:var(--tds-grey-50);--tds-folder-tab-color-opacity:0.6;--tds-folder-tab-color-opacity-disabled:0.16;--tds-folder-tab-color-opacity-selected:1;--tds-folder-tab-color-opacity-focus:1;--tds-folder-tab-color-opacity-hover:1;--tds-folder-tab-top-border-hover:var(--tds-grey-50);--tds-folder-tab-border-selected:var(--tds-blue-300);--tds-folder-tabs-scroll-btn-color:var(--tds-grey-50);--tds-folder-tabs-scroll-btn-background:var(--tds-folder-tab-background-primary);--tds-folder-tabs-scroll-btn-background-hover:var(--tds-grey-900);--tds-folder-tabs-scroll-btn-background-active:var(--tds-grey-900);--tds-folder-tab-background-primary:var(--tds-grey-800);--tds-folder-tab-background-secondary:var(--tds-grey-750);--tds-folder-tab-background:var(--tds-folder-tab-background-primary);--tds-folder-tab-background-selected-primary:var(--tds-grey-850);--tds-folder-tab-background-selected-secondary:var(--tds-grey-800);--tds-folder-tab-divider-color:var(--tds-grey-800);--tds-folder-tab-item-color:var(--tds-grey-200);--tds-folder-tab-item-background-disabled:var(--tds-grey-800)}.tds-mode-dark .tds-mode-variant-primary{--tds-folder-tab-background-selected:var(--tds-folder-tab-background-selected-primary);--tds-folder-tab-background:var(--tds-folder-tab-background-primary);--tds-folder-tab-item-background-disabled:var(--tds-grey-850);--tds-folder-tab-item-color-disabled:var(--tds-grey-300)}.tds-mode-dark .tds-mode-variant-secondary{--tds-folder-tab-background-selected:var(--tds-folder-tab-background-selected-secondary);--tds-folder-tab-background:var(--tds-folder-tab-background-secondary);--tds-folder-tab-item-background-disabled:var(--tds-grey-800);--tds-folder-tab-item-color-disabled:var(--tds-grey-500)}:root,.tds-mode-light{--tds-inline-tabs-horizontal-divider-background:var(--tds-grey-200);--tds-inline-tabs-tab-background-primary:var(--tds-white);--tds-inline-tabs-tab-background-secondary:var(--tds-grey-50);--tds-inline-tabs-background:var(--tds-inline-tabs-tab-background-primary);--tds-inline-tabs-scroll-btn-color:var(--tds-grey-950);--tds-inline-tabs-scroll-btn-background:var(--tds-white);--tds-inline-tabs-scroll-btn-background-hover:var(--tds-grey-300);--tds-inline-tabs-scroll-btn-background-active:var(--tds-grey-400);--tds-inline-tabs-scroll-btn-primary:var(--tds-white);--tds-inline-tabs-scroll-btn-secondary:var(--tds-grey-50);--tds-inline-tabs-tab-color:var(--tds-grey-500);--tds-inline-tabs-tab-color-selected:var(--tds-grey-950);--tds-inline-tabs-tab-color-disabled:var(--tds-grey-250);--tds-inline-tabs-tab-indicator-background-hover:var(--tds-grey-850);--tds-inline-tabs-tab-color-hover:var(--tds-grey-950);--tds-inline-tabs-tab-color-focus:var(--tds-grey-950);--tds-inline-tabs-tab-color-active:var(--tds-grey-950);--tds-inline-tabs-tab-indicator-background-active:var(--tds-blue-400)}:root .tds-mode-variant-primary,.tds-mode-light .tds-mode-variant-primary{--tds-inline-tabs-background:var(--tds-inline-tabs-tab-background-primary);--tds-inline-tabs-scroll-btn-background:var(--tds-inline-tabs-scroll-btn-primary)}:root .tds-mode-variant-secondary,.tds-mode-light .tds-mode-variant-secondary{--tds-inline-tabs-background:var(--tds-inline-tabs-tab-background-secondary);--tds-inline-tabs-scroll-btn-background:var(--tds-inline-tabs-scroll-btn-secondary)}.tds-mode-dark{--tds-inline-tabs-horizontal-divider-background:var(--tds-grey-800);--tds-inline-tabs-tab-background-primary:var(--tds-grey-900);--tds-inline-tabs-tab-background-secondary:var(--tds-grey-868);--tds-inline-tabs-background:var(--tds-inline-tabs-tab-background-primary);--tds-inline-tabs-scroll-btn-color:var(--tds-grey-50);--tds-inline-tabs-scroll-btn-background:var(--tds-grey-900);--tds-inline-tabs-scroll-btn-background-hover:var(--tds-grey-900);--tds-inline-tabs-scroll-btn-background-active:var(--tds-grey-900);--tds-inline-tabs-scroll-btn-primary:var(--tds-grey-900);--tds-inline-tabs-scroll-btn-secondary:var(--tds-grey-800);--tds-inline-tabs-tab-color:var(--tds-grey-300);--tds-inline-tabs-tab-color-selected:var(--tds-grey-50);--tds-inline-tabs-tab-color-disabled:var(--tds-grey-500);--tds-inline-tab-color-opacity-selected:1;--tds-inline-tabs-tab-color-selected:var(--tds-grey-50);--tds-inline-tabs-tab-indicator-background-hover:var(--tds-grey-50);--tds-inline-tabs-tab-color-hover:var(--tds-grey-50);--tds-inline-tabs-tab-color-focus:var(--tds-grey-50);--tds-inline-tabs-tab-color-active:var(--tds-grey-50);--tds-inline-tabs-tab-indicator-background-active:var(--tds-blue-300)}.tds-mode-dark .tds-mode-variant-primary{--tds-inline-tabs-background:var(--tds-inline-tabs-tab-background-primary);--tds-inline-tabs-scroll-btn-background:var(--tds-inline-tabs-scroll-btn-primary)}.tds-mode-dark .tds-mode-variant-secondary{--tds-inline-tabs-background:var(--tds-inline-tabs-tab-background-secondary);--tds-inline-tabs-scroll-btn-background:var(--tds-inline-tabs-scroll-btn-secondary)}:root,.tds-mode-light{--tds-navigation-tabs-horizontal-divider-background:var(--tds-grey-350);--tds-navigation-tabs-tab-background-primary:var(--tds-white);--tds-navigation-tabs-tab-background-secondary:var(--tds-grey-50);--tds-navigation-tabs-background:var(--tds-navigation-tabs-tab-background-primary);--tds-navigation-tabs-tab-color:var(--tds-grey-500);--tds-navigation-tabs-tab-color-selected:var(--tds-grey-950);--tds-navigation-tabs-tab-color-disabled:var(--tds-grey-250);--tds-navigation-tabs-tab-color-hover:var(--tds-grey-950);--tds-navigation-tabs-tab-indicator-background-hover:var(--tds-grey-850);--tds-navigation-tabs-tab-indicator-background-active:var(--tds-blue-400)}:root .tds-mode-variant-primary,.tds-mode-light .tds-mode-variant-primary{--tds-navigation-tabs-background:var(--tds-navigation-tabs-tab-background-primary)}:root .tds-mode-variant-secondary,.tds-mode-light .tds-mode-variant-secondary{--tds-navigation-tabs-background:var(--tds-navigation-tabs-tab-background-secondary)}.tds-mode-dark{--tds-navigation-tabs-horizontal-divider-background:var(--tds-grey-400);--tds-navigation-tabs-background:var(--tds-navigation-tabs-tab-background-primary);--tds-navigation-tabs-tab-color:var(--tds-grey-300);--tds-navigation-tabs-tab-color-selected:var(--tds-grey-50);--tds-navigation-tabs-tab-color-disabled:var(--tds-grey-500);--tds-navigation-tabs-tab-color-hover:var(--tds-grey-50);--tds-navigation-tabs-tab-indicator-background-hover:var(--tds-grey-50);--tds-navigation-tabs-tab-indicator-background-active:var(--tds-blue-300)}.tds-mode-dark .tds-mode-variant-primary{--tds-navigation-tabs-background:var(--tds-navigation-tabs-tab-background-primary)}.tds-mode-dark .tds-mode-variant-secondary{--tds-navigation-tabs-background:var(--tds-navigation-tabs-tab-background-secondary)}:root,.tds-mode-light{--tds-textarea-background-primary:var(--tds-grey-50);--tds-textarea-background-secondary:var(--tds-white);--tds-textarea-background:var(--tds-textarea-background-primary);--tds-textarea-color:var(--tds-grey-950);--tds-textarea-color-hover:var(--tds-grey-950);--tds-textarea-disabled-color:var(--tds-grey-250);--tds-textarea-disabled-background-primary:var(--tds-grey-50);--tds-textarea-disabled-background-secondary:var(--tds-white);--tds-textarea-disabled-background:var(--tds-textarea-disabled-background-primary);--tds-textarea-disabled-placeholder:var(--tds-grey-250);--tds-textarea-disabled-label:var(--tds-grey-250);--tds-textarea-helper-disabled:var(--tds-grey-250);--tds-textarea-textcounter-disabled:var(--tds-grey-250);--tds-textarea-label-color:var(--tds-grey-950);--tds-textarea-label-inside-color:var(--tds-grey-950);--tds-textarea-placeholder:var(--tds-grey-500);--tds-textarea-helper:var(--tds-grey-500);--tds-textarea-helper-error:var(--tds-red-400);--tds-textarea-textcounter:var(--tds-grey-500);--tds-textarea-textcounter-divider:var(--tds-grey-500);--tds-textarea-border-bottom:var(--tds-grey-350);--tds-textarea-border-bottom-hover:var(--tds-grey-850);--tds-textarea-border-bottom-success:var(--tds-grey-850);--tds-textarea-border-bottom-error:var(--tds-red-400);--tds-textarea-border-bottom-read-only-color:var(--tds-textarea-border-bottom-success);--tds-textarea-icon-read-only-color:var(--tds-grey-950);--tds-textarea-icon-read-only-label-color:var(--tds-grey-950);--tds-textarea-resize-icon:var(--tds-grey-500)}:root .tds-mode-variant-primary,.tds-mode-light .tds-mode-variant-primary{--tds-textarea-background:var(--tds-textarea-background-primary);--tds-textarea-disabled-background:var(--tds-textarea-disabled-background-primary);--tds-textarea-border-bottom-read-only-color:var(--tds-textarea-border-bottom-success);--tds-textarea-read-only-background:vrer(--tds-white)}:root .tds-mode-variant-secondary,.tds-mode-light .tds-mode-variant-secondary{--tds-textarea-background:var(--tds-textarea-background-secondary);--tds-textarea-disabled-background:var(--tds-textarea-disabled-background-secondary);--tds-textarea-border-bottom-read-only-color:var(--tds-textarea-border-bottom-success);--tds-textarea-read-only-background:var(--tds-grey-50)}.tds-mode-dark{--tds-textarea-background-primary:var(--tds-grey-900);--tds-textarea-background-secondary:var(--tds-grey-850);--tds-textarea-background:var(--tds-textarea-background-primary);--tds-textarea-color:var(--tds-grey-50);--tds-textarea-disabled-color:var(--tds-grey-800);--tds-textarea-disabled-background-primary:var(--tds-grey-900);--tds-textarea-disabled-background-secondary:var(--tds-grey-850);--tds-textarea-disabled-background:var(--tds-textarea-disabled-background-primary);--tds-textarea-disabled-placeholder:var(--tds-grey-500);--tds-textarea-disabled-label:var(--tds-grey-500);--tds-textarea-helper-disabled:var(--tds-grey-500);--tds-textarea-textcounter-disabled:var(--tds-grey-500);--tds-textarea-label-color:var(--tds-grey-50);--tds-textarea-label-inside-color:var(--tds-grey-50);--tds-textarea-placeholder:var(--tds-grey-300);--tds-textarea-helper:var(--tds-grey-300);--tds-textarea-helper-error:var(--tds-red-300);--tds-textarea-textcounter:var(--tds-grey-300);--tds-textarea-textcounter-divider:var(--tds-grey-300);--tds-textarea-border-bottom:var(--tds-grey-350);--tds-textarea-border-bottom-hover:var(--tds-grey-50);--tds-textarea-border-bottom-success:var(--tds-grey-100);--tds-textarea-border-bottom-error:var(--tds-red-300);--tds-textarea-border-bottom-read-only-color:var(--tds-textarea-border-bottom-success);--tds-textarea-icon-read-only-color:var(--tds-grey-100);--tds-textarea-icon-read-only-label-color:var(--tds-grey-50);--tds-textarea-resize-icon:var(--tds-grey-300)}.tds-mode-dark .tds-mode-variant-primary{--tds-textarea-background:var(--tds-textarea-background-primary);--tds-textarea-disabled-background:var(--tds-textarea-disabled-background-primary);--tds-textarea-border-bottom-read-only-color:var(--tds-textarea-border-bottom-success);--tds-textarea-read-only-background:var(--tds-grey-900)}.tds-mode-dark .tds-mode-variant-secondary{--tds-textarea-background:var(--tds-textarea-background-secondary);--tds-textarea-disabled-background:var(--tds-textarea-disabled-background-secondary);--tds-textarea-border-bottom-read-only-color:var(--tds-textarea-border-bottom-success);--tds-textarea-read-only-background:var(--tds-grey-850)}:root,.tds-mode-light{--tds-text-field-background-primary:var(--tds-grey-50);--tds-text-field-background-secondary:var(--tds-white);--tds-text-field-background:var(--tds-text-field-background-primary);--tds-text-field-color:var(--tds-grey-950);--tds-text-field-placeholder:var(--tds-grey-500);--tds-text-field-data-color:var(--tds-grey-958);--tds-text-field-background-disabled-primary:var(--tds-grey-50);--tds-text-field-background-disabled-secondary:var(--tds-white);--tds-text-field-background-disabled:var(--tds-text-field-background-disabled-primary);--tds-text-field-color-disabled:var(--tds-grey-250);--tds-text-field-placeholder-disabled:var(--tds-grey-250);--tds-text-field-label-disabled:var(--tds-grey-250);--tds-text-field-ps-color-disabled:var(--tds-grey-250);--tds-text-field-helper-disabled:var(--tds-grey-250);--tds-text-field-label-color:var(--tds-grey-950);--tds-text-field-label-inside-color:var(--tds-grey-950);--tds-text-field-bar:var(--tds-blue-400);--tds-text-field-helper:var(--tds-grey-500);--tds-text-field-border-bottom-error:var(--tds-red-400);--tds-text-field-helper-error:var(--tds-red-400);--tds-text-field-bar-error:var(--tds-red-400);--tds-text-field-icon-error:var(--tds-red-400);--tds-text-field-textcounter:var(--tds-grey-500);--tds-text-field-textcounter-disabled:var(--tds-grey-250);--tds-text-field-textcounter-divider:var(--tds-grey-500);--tds-text-field-ps-color:var(--tds-grey-500);--tds-text-field-ps-color-error:var(--tds-red-400);--tds-text-field-resize-icon:var(--tds-grey-500);--tds-text-field-border-bottom:var(--tds-grey-350);--tds-text-field-border-bottom-hover:var(--tds-grey-800);--tds-text-field-border-bottom-success:var(--tds-grey-850);--tds-text-field-border-bottom-readonly:var(--tds-grey-500);--tds-text-field-icon-read-only-color:var(--tds-grey-958);--tds-text-field-icon-read-only-label-color:var(--tds-grey-958)}:root .tds-mode-variant-primary,.tds-mode-light .tds-mode-variant-primary{--tds-text-field-background:var(--tds-text-field-background-primary);--tds-text-field-background-disabled:var(--tds-text-field-background-disabled-primary)}:root .tds-mode-variant-secondary,.tds-mode-light .tds-mode-variant-secondary{--tds-text-field-background:var(--tds-text-field-background-secondary);--tds-text-field-background-disabled:var(--tds-text-field-background-disabled-secondary)}.tds-mode-dark{--tds-text-field-background-primary:var(--tds-grey-900);--tds-text-field-background:var(--tds-text-field-background-primary);--tds-text-field-background-secondary:var(--tds-grey-850);--tds-text-field-color:var(--tds-grey-50);--tds-text-field-placeholder:var(--tds-grey-300);--tds-text-field-data-color:var(--tds-grey-50);--tds-text-field-ps-color-disabled:var(--tds-grey-500);--tds-text-field-color-disabled:var(--tds-grey-800);--tds-text-field-background-disabled-primary:var(--tds-grey-900);--tds-text-field-background-disabled-secondary:var(--tds-grey-850);--tds-text-field-background-disabled:var(--tds-text-field-background-disabled-primary);--tds-text-field-placeholder-disabled:var(--tds-grey-500);--tds-text-field-label-disabled:var(--tds-grey-500);--tds-text-field-helper-disabled:var(--tds-grey-500);--tds-text-field-label-color:var(--tds-grey-50);--tds-text-field-label-inside-color:var(--tds-grey-50);--tds-text-field-bar:var(--tds-blue-300);--tds-text-field-helper:var(--tds-grey-300);--tds-text-field-helper-error:var(--tds-red-300);--tds-text-field-bar-error:var(--tds-red-300);--tds-text-field-icon-error:var(--tds-red-300);--tds-text-field-textcounter:var(--tds-grey-300);--tds-text-field-textcounter-disabled:var(--tds-grey-500);--tds-text-field-textcounter-divider:var(--tds-grey-500);--tds-text-field-ps-color:var(--tds-grey-300);--tds-text-field-resize-icon:var(--tds-grey-500);--tds-text-field-border-bottom:var(--tds-grey-350);--tds-text-field-border-bottom-hover:var(--tds-grey-250);--tds-text-field-border-bottom-success:var(--tds-grey-100);--tds-text-field-border-bottom-error:var(--tds-red-300);--tds-text-field-border-bottom-readonly:var(--tds-grey-600);--tds-text-field-icon-read-only-color:var(--tds-grey-100);--tds-text-field-icon-read-only-label-color:var(--tds-grey-50)}.tds-mode-dark .tds-mode-variant-primary{--tds-text-field-background:var(--tds-text-field-background-primary);--tds-text-field-background-disabled:var(--tds-text-field-background-disabled-primary)}.tds-mode-dark .tds-mode-variant-secondary{--tds-text-field-background:var(--tds-text-field-background-secondary);--tds-text-field-background-disabled:var(--tds-text-field-background-disabled-secondary)}:root,.tds-mode-light{--tds-toast-background-color:var(--tds-grey-950);--tds-toast-headline-color:var(--tds-grey-50);--tds-toast-subheadline-color:var(--tds-grey-50);--tds-toast-link-color:var(--tds-grey-50);--tds-toast-dissmiss-color:var(--tds-grey-50);--tds-toast-color-error:var(--tds-red-300);--tds-toast-color-success:var(--tds-green-300);--tds-toast-color-warning:var(--tds-yellow-300);--tds-toast-icon-color-warning:var(--tds-yellow-300);--tds-toast-color-info:var(--tds-blue-300)}.tds-mode-dark{--tds-toast-background-color:var(--tds-grey-50);--tds-toast-headline-color:var(--tds-grey-950);--tds-toast-subheadline-color:var(--tds-grey-950);--tds-toast-link-color:var(--tds-grey-950);--tds-toast-dissmiss-color:var(--tds-grey-950);--tds-toast-color-error:var(--tds-red-400);--tds-toast-color-success:var(--tds-green-400);--tds-toast-color-warning:var(--tds-yellow-400);--tds-toast-icon-color-warning:var(--tds-yellow-500);--tds-toast-color-info:var(--tds-blue-400)}:root,.tds-mode-light{--tds-toggle-switch:var(--tds-white);--tds-toggle-switch-disabled:var(--tds-grey-250);--tds-toggle-headline:var(--tds-grey-950);--tds-toggle-headline-disabled:var(--tds-grey-250);--tds-toggle-on-slider:var(--tds-green-300);--tds-toggle-on-slider-hover:var(--tds-green-400);--tds-toggle-on-slider-focus:var(--tds-green-300);--tds-toggle-on-slider-pressed:var(--tds-green-500);--tds-toggle-on-border-focus:var(--tds-white);--tds-toggle-border-outline:var(--tds-blue-400);--tds-toggle-on-slider-disabled:var(--tds-grey-200);--tds-toggle-slider-disabled:var(--tds-grey-200);--tds-toggle-label-color:var(--tds-grey-950);--tds-toggle-label-color-disabled:var(--tds-grey-250);--tds-toggle-off-slider:var(--tds-grey-350);--tds-toggle-off-slider-hover:var(--tds-grey-500);--tds-toggle-off-slider-focus:var(--tds-grey-350);--tds-toggle-off-slider-pressed:var(--tds-grey-600);--tds-toggle-off-border-focus:var(--tds-white)}.tds-mode-dark{--tds-toggle-switch:var(--tds-white);--tds-toggle-switch-disabled:var(--tds-grey-500);--tds-toggle-headline:var(--tds-grey-50);--tds-toggle-headline-disabled:var(--tds-grey-500);--tds-toggle-on-slider:var(--tds-green-300);--tds-toggle-on-slider-hover:var(--tds-green-400);--tds-toggle-on-slider-focus:var(--tds-green-300);--tds-toggle-on-slider-pressed:var(--tds-green-500);--tds-toggle-on-border-focus:var(--tds-white);--tds-toggle-border-outline:var(--tds-blue-300);--tds-toggle-on-slider-disabled:var(--tds-grey-600);--tds-toggle-slider-disabled:var(--tds-grey-600);--tds-toggle-label-color:var(--tds-grey-50);--tds-toggle-label-color-disabled:var(--tds-grey-500);--tds-toggle-off-slider:var(--tds-grey-350);--tds-toggle-off-slider-hover:var(--tds-grey-500);--tds-toggle-off-slider-focus:var(--tds-grey-350);--tds-toggle-off-slider-pressed:var(--tds-grey-600);--tds-toggle-off-border-focus:var(--tds-white)}:root,.tds-mode-light{--tds-tooltip-background:var(--tds-grey-700);--tds-tooltip-color:var(--tds-grey-50)}.tds-mode-dark{--tds-tooltip-background:var(--tds-grey-150);--tds-tooltip-color:var(--tds-grey-950)}:root,.tds-mode-light{--tds-date-picker-input-icon:var(--tds-grey-700);--tds-date-picker-input-icon-disabled:var(--tds-grey-400);--tds-date-picker-calendar-color:var(--tds-grey-958);--tds-date-picker-calendar-bg:var(--tds-grey-50);--tds-date-picker-calendar-box-shadow:0 2px 3px 0 rgb(0 0 0 / 10%);--tds-date-picker-date-color:var(--tds-grey-800);--tds-date-picker-date-bg-hover:rgb(0 0 0 / 8%);--tds-date-picker-date-color-selected:var(--tds-white);--tds-date-picker-date-bg-selected:var(--tds-blue-400);--tds-date-picker-date-color-disabled:var(--tds-grey-600);--tds-date-picker-date-bg-disabled:var(--tds-date-picker-calendar-bg);--tds-date-picker-date-color-not-current-month:var(--tds-grey-500);--tds-date-range-picker-date-bg-in-range:var(--tds-blue-100);--tds-date-range-picker-date-color-in-range:var(--tds-grey-700);--tds-date-range-picker-date-bg-in-range-hover:var(--tds-blue-200)}:root .tds-mode-variant-primary,.tds-mode-light .tds-mode-variant-primary{--tds-date-picker-calendar-bg:var(--tds-blue-200)}:root .tds-mode-variant-secondary,.tds-mode-light .tds-mode-variant-secondary{--tds-date-picker-calendar-bg:var(--tds-white)}.tds-mode-dark{--tds-date-picker-input-icon:var(--tds-grey-50);--tds-date-picker-input-icon-disabled:var(--tds-grey-800);--tds-date-picker-calendar-bg:var(--tds-grey-900);--tds-date-picker-calendar-color:var(--tds-grey-50);--tds-date-picker-calendar-box-shadow:0 2px 3px 0 rgb(0 0 0 / 10%);--tds-date-picker-date-color:var(--tds-grey-300);--tds-date-picker-date-bg-hover:rgb(0 0 0 / 8%);--tds-date-picker-date-bg-selected:var(--tds-blue-400);--tds-date-picker-date-color-selected:var(--tds-white);--tds-date-picker-date-bg-disabled:var(--tds-grey-400);--tds-date-picker-date-color-disabled:var(--tds-grey-600);--tds-date-picker-date-color-not-current-month:var(--tds-grey-700);--tds-date-picker-date-bg-in-range:var(--tds-blue-600);--tds-date-picker-date-color-in-range:var(--tds-grey-300);--tds-date-picker-date-bg-in-range-hover:var(--tds-blue-500)}.tds-mode-dark .tds-mode-variant-primary{--tds-date-picker-calendar-bg:var(--tds-grey-900)}.tds-mode-dark .tds-mode-variant-secondary{--tds-date-picker-calendar-bg:var(--tds-grey-868)}body{font-family:"Scania Sans Semi Condensed", "Scania Sans Condensed", Arial, Helvetica, sans-serif;font-size:14px;margin:0;flex:1}:root,.tds-mode-light{color:var(--tds-grey-958);background-color:var(--tds-white)}:root.tds-mode-variant-primary,:root .tds-mode-variant-primary,.tds-mode-light.tds-mode-variant-primary,.tds-mode-light .tds-mode-variant-primary{color:var(--tds-grey-958);background-color:var(--tds-white)}:root.tds-mode-variant-secondary,:root .tds-mode-variant-secondary,.tds-mode-light.tds-mode-variant-secondary,.tds-mode-light .tds-mode-variant-secondary{color:var(--tds-grey-958);background-color:var(--tds-grey-50)}:root tds-button.tds-mode-variant-primary,:root tds-button.tds-mode-variant-secondary,.tds-mode-light tds-button.tds-mode-variant-primary,.tds-mode-light tds-button.tds-mode-variant-secondary{background-color:transparent}.tds-mode-dark{color:var(--tds-grey-100);background-color:var(--tds-grey-958)}.tds-mode-dark.tds-mode-variant-primary,.tds-mode-dark .tds-mode-variant-primary{color:var(--tds-grey-100);background-color:var(--tds-grey-958)}.tds-mode-dark.tds-mode-variant-secondary,.tds-mode-dark .tds-mode-variant-secondary{color:var(--tds-grey-100);background-color:var(--tds-grey-900)}.tds-mode-dark tds-button.tds-mode-variant-primary,.tds-mode-dark tds-button.tds-mode-variant-secondary{background-color:transparent}:root tds-dropdown.tds-mode-variant-primary,:root tds-dropdown .tds-mode-variant-primary,:root tds-dropdown.tds-mode-variant-secondary,:root tds-dropdown .tds-mode-variant-secondary,:root tds-textarea.tds-mode-variant-primary,:root tds-textarea .tds-mode-variant-primary,:root tds-textarea.tds-mode-variant-secondary,:root tds-textarea .tds-mode-variant-secondary,:root tds-text-field.tds-mode-variant-primary,:root tds-text-field .tds-mode-variant-primary,:root tds-text-field.tds-mode-variant-secondary,:root tds-text-field .tds-mode-variant-secondary,.tds-mode-light tds-dropdown.tds-mode-variant-primary,.tds-mode-light tds-dropdown .tds-mode-variant-primary,.tds-mode-light tds-dropdown.tds-mode-variant-secondary,.tds-mode-light tds-dropdown .tds-mode-variant-secondary,.tds-mode-light tds-textarea.tds-mode-variant-primary,.tds-mode-light tds-textarea .tds-mode-variant-primary,.tds-mode-light tds-textarea.tds-mode-variant-secondary,.tds-mode-light tds-textarea .tds-mode-variant-secondary,.tds-mode-light tds-text-field.tds-mode-variant-primary,.tds-mode-light tds-text-field .tds-mode-variant-primary,.tds-mode-light tds-text-field.tds-mode-variant-secondary,.tds-mode-light tds-text-field .tds-mode-variant-secondary{background:transparent}