Update Codex from v1.3.3 to v1.3.4

Bug: T330481
Bug: T350790
Bug: T356465
Bug: T357596
Bug: T357837
Bug: T358025
Bug: T358031
Bug: T358138
Bug: T358247
Bug: T358513
Change-Id: Id7dd8e7b7d8a8433cf14d99716ff68d5be6efce7

7 files changed, 7 insertions, 7 deletions

diff --git a/resources/lib/codex/modules/CdxLookup.cjs b/resources/lib/codex/modules/CdxLookup.cjs
index 76cd46f688fe..5c78a8516121 100644
--- a/resources/lib/codex/modules/CdxLookup.cjs
+++ b/resources/lib/codex/modules/CdxLookup.cjs
@@ -1 +1 @@
-"use strict";const t=require("vue"),U=require("./CdxMenu.cjs"),F=require("./CdxTextInput.cjs"),K=require("./useGeneratedId.cjs"),N=require("./useModelWrapper.cjs"),w=require("./useSplitAttributes.cjs"),L=require("./useFieldData.cjs"),W=require("./useFloatingMenu.cjs"),h=require("./constants.js"),D=require("./_plugin-vue_export-helper.js");require("./CdxMenuItem.cjs");require("./Icon.js");require("./useComputedDirection.cjs");require("./useComputedLanguage.cjs");require("./CdxThumbnail.cjs");require("./CdxSearchResultTitle.cjs");require("./CdxProgressBar.cjs");require("./useWarnOnce.cjs");require("./useIntersectionObserver.cjs");require("./useComputedDisabled.cjs");const E=h.makeStringTypeValidator(h.ValidationStatusTypes),P=t.defineComponent({name:"CdxLookup",components:{CdxMenu:U,CdxTextInput:F},inheritAttrs:!1,props:{selected:{type:[String,Number,null],required:!0},menuItems:{type:Array,required:!0},initialInputValue:{type:[String,Number],default:""},disabled:{type:Boolean,default:!1},menuConfig:{type:Object,default:()=>({})},status:{type:String,default:"default",validator:E}},emits:["update:selected","load-more","input","change","focus","blur"],setup:(e,{emit:u,attrs:v,slots:i})=>{const g=t.ref(),p=t.ref(),l=t.ref(),m=K("lookup-menu"),o=t.ref(!1),a=t.ref(!1),c=t.ref(!1),I=t.ref(e.menuItems),{computedDisabled:f}=L(t.toRef(e,"disabled")),q=t.toRef(e,"selected"),y=N(q,u,"update:selected"),r=t.computed(()=>e.menuItems.find(n=>n.value===e.selected)),C=t.computed(()=>{var n,d;return(d=(n=l.value)==null?void 0:n.getHighlightedMenuItem())==null?void 0:d.id}),s=t.ref(e.initialInputValue),V=t.computed(()=>({"cdx-lookup--disabled":f.value,"cdx-lookup--pending":o.value})),{rootClasses:k,rootStyle:S,otherAttrs:M}=w(v,V);function $(n){r.value&&r.value.label!==n&&r.value.value!==n&&(y.value=null),n===""&&I.value.length===0?(a.value=!1,o.value=!1):o.value=!0,u("input",n)}function x(n){c.value=!0,(s.value!==null&&s.value!==""&&!!(e.menuItems.length>0||i["no-results"])||I.value.length>0)&&(a.value=!0),u("focus",n)}function A(n){c.value=!1,a.value=!1,u("blur",n)}function B(n){!l.value||f.value||e.menuItems.length===0&&!i["no-results"]||n.key===" "||l.value.delegateKeyNavigation(n)}return W(p,l),t.watch(q,n=>{var d;if(n!==null){const b=r.value?(d=r.value.label)!=null?d:r.value.value:"";s.value!==b&&(s.value=b,u("input",s.value))}}),t.watch(t.toRef(e,"menuItems"),n=>{c.value&&o.value&&(n.length>0||i["no-results"])&&(a.value=!0),n.length===0&&!i["no-results"]&&(a.value=!1),o.value=!1}),{rootElement:g,textInput:p,menu:l,menuId:m,highlightedId:C,inputValue:s,modelWrapper:y,expanded:a,computedDisabled:f,onInputBlur:A,rootClasses:k,rootStyle:S,otherAttrs:M,onUpdateInput:$,onInputFocus:x,onKeydown:B}}});function R(e,u,v,i,g,p){const l=t.resolveComponent("cdx-text-input"),m=t.resolveComponent("cdx-menu");return t.openBlock(),t.createElementBlock("div",{ref:"rootElement",class:t.normalizeClass(["cdx-lookup",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createVNode(l,t.mergeProps({ref:"textInput",modelValue:e.inputValue,"onUpdate:modelValue":u[0]||(u[0]=o=>e.inputValue=o)},e.otherAttrs,{class:"cdx-lookup__input",role:"combobox",autocomplete:"off","aria-autocomplete":"list","aria-controls":e.menuId,"aria-expanded":e.expanded,"aria-activedescendant":e.highlightedId,disabled:e.computedDisabled,status:e.status,"onUpdate:modelValue":e.onUpdateInput,onChange:u[1]||(u[1]=o=>e.$emit("change",o)),onFocus:e.onInputFocus,onBlur:e.onInputBlur,onKeydown:e.onKeydown}),null,16,["modelValue","aria-controls","aria-expanded","aria-activedescendant","disabled","status","onUpdate:modelValue","onFocus","onBlur","onKeydown"]),t.createVNode(m,t.mergeProps({id:e.menuId,ref:"menu",selected:e.modelWrapper,"onUpdate:selected":u[2]||(u[2]=o=>e.modelWrapper=o),expanded:e.expanded,"onUpdate:expanded":u[3]||(u[3]=o=>e.expanded=o),"menu-items":e.menuItems},e.menuConfig,{onLoadMore:u[4]||(u[4]=o=>e.$emit("load-more"))}),{default:t.withCtx(({menuItem:o})=>[t.renderSlot(e.$slots,"menu-item",{menuItem:o})]),"no-results":t.withCtx(()=>[t.renderSlot(e.$slots,"no-results")]),_:3},16,["id","selected","expanded","menu-items"])],6)}const T=D._export_sfc(P,[["render",R]]);module.exports=T;
+"use strict";const t=require("vue"),A=require("./CdxMenu.cjs"),F=require("./CdxTextInput.cjs"),K=require("./useGeneratedId.cjs"),N=require("./useModelWrapper.cjs"),w=require("./useSplitAttributes.cjs"),L=require("./useFieldData.cjs"),W=require("./useFloatingMenu.cjs"),b=require("./constants.js"),D=require("./_plugin-vue_export-helper.js");require("./CdxMenuItem.cjs");require("./Icon.js");require("./useComputedDirection.cjs");require("./useComputedLanguage.cjs");require("./CdxThumbnail.cjs");require("./CdxSearchResultTitle.cjs");require("./CdxProgressBar.cjs");require("./useWarnOnce.cjs");require("./useIntersectionObserver.cjs");require("./useComputedDisabled.cjs");const E=b.makeStringTypeValidator(b.ValidationStatusTypes),P=t.defineComponent({name:"CdxLookup",components:{CdxMenu:A,CdxTextInput:F},inheritAttrs:!1,props:{selected:{type:[String,Number,null],required:!0},menuItems:{type:Array,required:!0},initialInputValue:{type:[String,Number],default:""},disabled:{type:Boolean,default:!1},menuConfig:{type:Object,default:()=>({})},status:{type:String,default:"default",validator:E}},emits:["update:selected","load-more","input","change","focus","blur"],setup:(e,{emit:u,attrs:g,slots:i})=>{const I=t.ref(),p=t.ref(),l=t.ref(),m=K("lookup-menu"),o=t.ref(!1),s=t.ref(!1),c=t.ref(!1),q=t.ref(e.menuItems),{computedDisabled:f}=L(t.toRef(e,"disabled")),y=t.toRef(e,"selected"),h=N(y,u,"update:selected"),r=t.computed(()=>e.menuItems.find(n=>n.value===e.selected)),C=t.computed(()=>{var n,a;return(a=(n=l.value)==null?void 0:n.getHighlightedMenuItem())==null?void 0:a.id}),d=t.ref(e.initialInputValue),V=t.computed(()=>({"cdx-lookup--disabled":f.value,"cdx-lookup--pending":o.value})),{rootClasses:k,rootStyle:S,otherAttrs:M}=w(g,V);function $(n){r.value&&r.value.label!==n&&r.value.value!==n&&(h.value=null),n===""&&q.value.length===0?(s.value=!1,o.value=!1):o.value=!0,u("input",n)}function x(n){c.value=!0;const a=d.value!==null&&d.value!=="";!!(e.menuItems.length>0||i["no-results"])&&(a||q.value.length>0)&&(s.value=!0),u("focus",n)}function B(n){c.value=!1,s.value=!1,u("blur",n)}function U(n){!l.value||f.value||e.menuItems.length===0&&!i["no-results"]||n.key===" "||l.value.delegateKeyNavigation(n)}return W(p,l),t.watch(y,n=>{var a;if(n!==null){const v=r.value?(a=r.value.label)!=null?a:r.value.value:"";d.value!==v&&(d.value=v,u("input",d.value))}}),t.watch(t.toRef(e,"menuItems"),n=>{c.value&&o.value&&(n.length>0||i["no-results"])&&(s.value=!0),n.length===0&&!i["no-results"]&&(s.value=!1),o.value=!1}),{rootElement:I,textInput:p,menu:l,menuId:m,highlightedId:C,inputValue:d,modelWrapper:h,expanded:s,computedDisabled:f,onInputBlur:B,rootClasses:k,rootStyle:S,otherAttrs:M,onUpdateInput:$,onInputFocus:x,onKeydown:U}}});function R(e,u,g,i,I,p){const l=t.resolveComponent("cdx-text-input"),m=t.resolveComponent("cdx-menu");return t.openBlock(),t.createElementBlock("div",{ref:"rootElement",class:t.normalizeClass(["cdx-lookup",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createVNode(l,t.mergeProps({ref:"textInput",modelValue:e.inputValue,"onUpdate:modelValue":u[0]||(u[0]=o=>e.inputValue=o)},e.otherAttrs,{class:"cdx-lookup__input",role:"combobox",autocomplete:"off","aria-autocomplete":"list","aria-controls":e.menuId,"aria-expanded":e.expanded,"aria-activedescendant":e.highlightedId,disabled:e.computedDisabled,status:e.status,"onUpdate:modelValue":e.onUpdateInput,onChange:u[1]||(u[1]=o=>e.$emit("change",o)),onFocus:e.onInputFocus,onBlur:e.onInputBlur,onKeydown:e.onKeydown}),null,16,["modelValue","aria-controls","aria-expanded","aria-activedescendant","disabled","status","onUpdate:modelValue","onFocus","onBlur","onKeydown"]),t.createVNode(m,t.mergeProps({id:e.menuId,ref:"menu",selected:e.modelWrapper,"onUpdate:selected":u[2]||(u[2]=o=>e.modelWrapper=o),expanded:e.expanded,"onUpdate:expanded":u[3]||(u[3]=o=>e.expanded=o),"menu-items":e.menuItems},e.menuConfig,{onLoadMore:u[4]||(u[4]=o=>e.$emit("load-more"))}),{default:t.withCtx(({menuItem:o})=>[t.renderSlot(e.$slots,"menu-item",{menuItem:o})]),"no-results":t.withCtx(()=>[t.renderSlot(e.$slots,"no-results")]),_:3},16,["id","selected","expanded","menu-items"])],6)}const T=D._export_sfc(P,[["render",R]]);module.exports=T;
diff --git a/resources/lib/codex/modules/CdxSelect-experimental-rtl.css b/resources/lib/codex/modules/CdxSelect-experimental-rtl.css
index 622c17c9661b..95e445bca120 100644
--- a/resources/lib/codex/modules/CdxSelect-experimental-rtl.css
+++ b/resources/lib/codex/modules/CdxSelect-experimental-rtl.css
@@ -1 +1 @@
-.cdx-select{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-right:12px;padding-left:calc(16px + 1.25em);font-size:inherit;line-height:1.375;-webkit-appearance:none;appearance:none}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-select{background-position:center left 12px;background-repeat:no-repeat;background-size:max(.75em,12px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-select{-webkit-mask-size:max(.75em,12px);mask-size:max(.75em,12px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center right 12px;mask-position:center right 12px}}.cdx-select:disabled{background-color:var(--background-color-disabled-subtle);color:var(--color-disabled);border-color:var(--border-color-disabled);opacity:1}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-select:disabled{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');filter:invert(var(--filter-invert-icon));opacity:var(--opacity-icon-base)}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-select:disabled,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-select:disabled,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-select:disabled{filter:invert(var(--filter-invert-primary-button-icon))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-select:disabled{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');background-color:var(--color-disabled)}}.cdx-select:enabled{background-color:var(--background-color-interactive-subtle);color:var(--color-base);border-color:var(--border-color-base);transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-select:enabled:hover{background-color:var(--background-color-base);color:var(--color-base--hover);border-color:var(--border-color-base);cursor:pointer}.cdx-select:enabled:focus{border-color:var(--border-color-progressive--focus);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus);outline:1px solid transparent}.cdx-select:enabled:active{color:var(--color-emphasized);border-color:var(--border-color-interactive)}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-select:enabled{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');filter:invert(var(--filter-invert-icon));opacity:var(--opacity-icon-base)}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-select:enabled,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-select:enabled,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-select:enabled{filter:invert(var(--filter-invert-primary-button-icon))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-select:enabled{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');background-color:var(--color-base)}}.cdx-select-vue{display:inline-block;position:relative}.cdx-select-vue__handle{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-right:12px;padding-left:calc(16px + 1.25em);font-size:inherit;line-height:1.375;position:relative;width:100%}.cdx-select-vue--has-start-icon .cdx-select-vue__handle{padding-right:calc(20px + 1.25em)}.cdx-select-vue__start-icon.cdx-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transition-property:color;transition-duration:.1s;right:12px;transform:translateY(-50%)}.cdx-select-vue__indicator.cdx-icon{color:var(--color-base);position:absolute;top:50%;min-width:12px;min-height:12px;width:.75em;height:.75em;transition-property:color;transition-duration:.1s;left:12px;transform:translateY(-50%)}.cdx-select-vue--enabled .cdx-select-vue__handle{background-color:var(--background-color-interactive-subtle);color:var(--color-base);border-color:var(--border-color-base);transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-select-vue--enabled .cdx-select-vue__handle:hover{background-color:var(--background-color-base);color:var(--color-base--hover);border-color:var(--border-color-base);cursor:pointer}.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:var(--border-color-progressive--focus);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus);outline:1px solid transparent}.cdx-select-vue--enabled .cdx-select-vue__handle:active{color:var(--color-emphasized);border-color:var(--border-color-interactive)}.cdx-select-vue--enabled .cdx-select-vue__handle:hover .cdx-select-vue__indicator{color:var(--color-base--hover)}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle{background-color:var(--background-color-base)}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle .cdx-select-vue__indicator{color:var(--color-base)}.cdx-select-vue--disabled .cdx-select-vue__handle{background-color:var(--background-color-disabled-subtle);color:var(--color-disabled);border-color:var(--border-color-disabled);cursor:default}.cdx-select-vue--disabled .cdx-select-vue__indicator,.cdx-select-vue--disabled .cdx-select-vue__start-icon{color:var(--color-disabled)}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle{border-color:var(--border-color-error)}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:var(--border-color-progressive--focus)}.cdx-dialog .cdx-select-vue{position:static}
+.cdx-select{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-right:12px;padding-left:calc(16px + 1.25em);font-size:inherit;line-height:1.375;-webkit-appearance:none;appearance:none;background-position:center left 12px;background-repeat:no-repeat;background-size:max(.75em,12px)}.cdx-select:disabled{background-color:var(--background-color-disabled-subtle);color:var(--color-disabled);border-color:var(--border-color-disabled);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');opacity:1}.cdx-select:enabled{background-color:var(--background-color-interactive-subtle);color:var(--color-base);border-color:var(--border-color-base);transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>')}.cdx-select:enabled:hover{background-color:var(--background-color-base);color:var(--color-base--hover);border-color:var(--border-color-base);cursor:pointer}.cdx-select:enabled:focus{border-color:var(--border-color-progressive--focus);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus);outline:1px solid transparent}.cdx-select:enabled:active{color:var(--color-emphasized);border-color:var(--border-color-interactive)}.cdx-select-vue{display:inline-block;position:relative}.cdx-select-vue__handle{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-right:12px;padding-left:calc(16px + 1.25em);font-size:inherit;line-height:1.375;position:relative;width:100%}.cdx-select-vue--has-start-icon .cdx-select-vue__handle{padding-right:calc(20px + 1.25em)}.cdx-select-vue__start-icon.cdx-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transition-property:color;transition-duration:.1s;right:12px;transform:translateY(-50%)}.cdx-select-vue__indicator.cdx-icon{color:var(--color-base);position:absolute;top:50%;min-width:12px;min-height:12px;width:.75em;height:.75em;transition-property:color;transition-duration:.1s;left:12px;transform:translateY(-50%)}.cdx-select-vue--enabled .cdx-select-vue__handle{background-color:var(--background-color-interactive-subtle);color:var(--color-base);border-color:var(--border-color-base);transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-select-vue--enabled .cdx-select-vue__handle:hover{background-color:var(--background-color-base);color:var(--color-base--hover);border-color:var(--border-color-base);cursor:pointer}.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:var(--border-color-progressive--focus);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus);outline:1px solid transparent}.cdx-select-vue--enabled .cdx-select-vue__handle:active{color:var(--color-emphasized);border-color:var(--border-color-interactive)}.cdx-select-vue--enabled .cdx-select-vue__handle:hover .cdx-select-vue__indicator{color:var(--color-base--hover)}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle{background-color:var(--background-color-base)}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle .cdx-select-vue__indicator{color:var(--color-base)}.cdx-select-vue--disabled .cdx-select-vue__handle{background-color:var(--background-color-disabled-subtle);color:var(--color-disabled);border-color:var(--border-color-disabled);cursor:default}.cdx-select-vue--disabled .cdx-select-vue__indicator,.cdx-select-vue--disabled .cdx-select-vue__start-icon{color:var(--color-disabled)}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle{border-color:var(--border-color-error)}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:var(--border-color-progressive--focus)}.cdx-dialog .cdx-select-vue{position:static}
diff --git a/resources/lib/codex/modules/CdxSelect-experimental.css b/resources/lib/codex/modules/CdxSelect-experimental.css
index a76b9412afc3..de38104258c8 100644
--- a/resources/lib/codex/modules/CdxSelect-experimental.css
+++ b/resources/lib/codex/modules/CdxSelect-experimental.css
@@ -1 +1 @@
-.cdx-select{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-left:12px;padding-right:calc(16px + 1.25em);font-size:inherit;line-height:1.375;-webkit-appearance:none;appearance:none}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-select{background-position:center right 12px;background-repeat:no-repeat;background-size:max(.75em,12px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-select{-webkit-mask-size:max(.75em,12px);mask-size:max(.75em,12px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center right 12px;mask-position:center right 12px}}.cdx-select:disabled{background-color:var(--background-color-disabled-subtle);color:var(--color-disabled);border-color:var(--border-color-disabled);opacity:1}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-select:disabled{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');filter:invert(var(--filter-invert-icon));opacity:var(--opacity-icon-base)}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-select:disabled,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-select:disabled,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-select:disabled{filter:invert(var(--filter-invert-primary-button-icon))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-select:disabled{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');background-color:var(--color-disabled)}}.cdx-select:enabled{background-color:var(--background-color-interactive-subtle);color:var(--color-base);border-color:var(--border-color-base);transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-select:enabled:hover{background-color:var(--background-color-base);color:var(--color-base--hover);border-color:var(--border-color-base);cursor:pointer}.cdx-select:enabled:focus{border-color:var(--border-color-progressive--focus);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus);outline:1px solid transparent}.cdx-select:enabled:active{color:var(--color-emphasized);border-color:var(--border-color-interactive)}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-select:enabled{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');filter:invert(var(--filter-invert-icon));opacity:var(--opacity-icon-base)}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-select:enabled,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-select:enabled,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-select:enabled{filter:invert(var(--filter-invert-primary-button-icon))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-select:enabled{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');background-color:var(--color-base)}}.cdx-select-vue{display:inline-block;position:relative}.cdx-select-vue__handle{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-left:12px;padding-right:calc(16px + 1.25em);font-size:inherit;line-height:1.375;position:relative;width:100%}.cdx-select-vue--has-start-icon .cdx-select-vue__handle{padding-left:calc(20px + 1.25em)}.cdx-select-vue__start-icon.cdx-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transition-property:color;transition-duration:.1s;left:12px;transform:translateY(-50%)}.cdx-select-vue__indicator.cdx-icon{color:var(--color-base);position:absolute;top:50%;min-width:12px;min-height:12px;width:.75em;height:.75em;transition-property:color;transition-duration:.1s;right:12px;transform:translateY(-50%)}.cdx-select-vue--enabled .cdx-select-vue__handle{background-color:var(--background-color-interactive-subtle);color:var(--color-base);border-color:var(--border-color-base);transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-select-vue--enabled .cdx-select-vue__handle:hover{background-color:var(--background-color-base);color:var(--color-base--hover);border-color:var(--border-color-base);cursor:pointer}.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:var(--border-color-progressive--focus);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus);outline:1px solid transparent}.cdx-select-vue--enabled .cdx-select-vue__handle:active{color:var(--color-emphasized);border-color:var(--border-color-interactive)}.cdx-select-vue--enabled .cdx-select-vue__handle:hover .cdx-select-vue__indicator{color:var(--color-base--hover)}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle{background-color:var(--background-color-base)}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle .cdx-select-vue__indicator{color:var(--color-base)}.cdx-select-vue--disabled .cdx-select-vue__handle{background-color:var(--background-color-disabled-subtle);color:var(--color-disabled);border-color:var(--border-color-disabled);cursor:default}.cdx-select-vue--disabled .cdx-select-vue__indicator,.cdx-select-vue--disabled .cdx-select-vue__start-icon{color:var(--color-disabled)}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle{border-color:var(--border-color-error)}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:var(--border-color-progressive--focus)}.cdx-dialog .cdx-select-vue{position:static}
+.cdx-select{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-left:12px;padding-right:calc(16px + 1.25em);font-size:inherit;line-height:1.375;-webkit-appearance:none;appearance:none;background-position:center right 12px;background-repeat:no-repeat;background-size:max(.75em,12px)}.cdx-select:disabled{background-color:var(--background-color-disabled-subtle);color:var(--color-disabled);border-color:var(--border-color-disabled);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');opacity:1}.cdx-select:enabled{background-color:var(--background-color-interactive-subtle);color:var(--color-base);border-color:var(--border-color-base);transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>')}.cdx-select:enabled:hover{background-color:var(--background-color-base);color:var(--color-base--hover);border-color:var(--border-color-base);cursor:pointer}.cdx-select:enabled:focus{border-color:var(--border-color-progressive--focus);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus);outline:1px solid transparent}.cdx-select:enabled:active{color:var(--color-emphasized);border-color:var(--border-color-interactive)}.cdx-select-vue{display:inline-block;position:relative}.cdx-select-vue__handle{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-left:12px;padding-right:calc(16px + 1.25em);font-size:inherit;line-height:1.375;position:relative;width:100%}.cdx-select-vue--has-start-icon .cdx-select-vue__handle{padding-left:calc(20px + 1.25em)}.cdx-select-vue__start-icon.cdx-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transition-property:color;transition-duration:.1s;left:12px;transform:translateY(-50%)}.cdx-select-vue__indicator.cdx-icon{color:var(--color-base);position:absolute;top:50%;min-width:12px;min-height:12px;width:.75em;height:.75em;transition-property:color;transition-duration:.1s;right:12px;transform:translateY(-50%)}.cdx-select-vue--enabled .cdx-select-vue__handle{background-color:var(--background-color-interactive-subtle);color:var(--color-base);border-color:var(--border-color-base);transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-select-vue--enabled .cdx-select-vue__handle:hover{background-color:var(--background-color-base);color:var(--color-base--hover);border-color:var(--border-color-base);cursor:pointer}.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:var(--border-color-progressive--focus);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus);outline:1px solid transparent}.cdx-select-vue--enabled .cdx-select-vue__handle:active{color:var(--color-emphasized);border-color:var(--border-color-interactive)}.cdx-select-vue--enabled .cdx-select-vue__handle:hover .cdx-select-vue__indicator{color:var(--color-base--hover)}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle{background-color:var(--background-color-base)}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle .cdx-select-vue__indicator{color:var(--color-base)}.cdx-select-vue--disabled .cdx-select-vue__handle{background-color:var(--background-color-disabled-subtle);color:var(--color-disabled);border-color:var(--border-color-disabled);cursor:default}.cdx-select-vue--disabled .cdx-select-vue__indicator,.cdx-select-vue--disabled .cdx-select-vue__start-icon{color:var(--color-disabled)}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle{border-color:var(--border-color-error)}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:var(--border-color-progressive--focus)}.cdx-dialog .cdx-select-vue{position:static}
diff --git a/resources/lib/codex/modules/CdxSelect-legacy-rtl.css b/resources/lib/codex/modules/CdxSelect-legacy-rtl.css
index 66515f40f650..eb9a972b1bad 100644
--- a/resources/lib/codex/modules/CdxSelect-legacy-rtl.css
+++ b/resources/lib/codex/modules/CdxSelect-legacy-rtl.css
@@ -1 +1 @@
-.cdx-select{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-right:12px;padding-left:calc(8px + 8px + 1.4285714em);font-size:inherit;line-height:1.375;-webkit-appearance:none;appearance:none}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-select{background-position:center left 12px;background-repeat:no-repeat;background-size:max(.8571429em,12px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-select{-webkit-mask-size:max(.8571429em,12px);mask-size:max(.8571429em,12px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center right 12px;mask-position:center right 12px}}.cdx-select:disabled{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1;opacity:1}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-select:disabled{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');filter:invert(0);opacity:.87}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-select:disabled,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-select:disabled,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-select:disabled{filter:invert(1)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-select:disabled{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');background-color:#72777d}}.cdx-select:enabled{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-select:enabled:hover{background-color:#fff;color:#404244;border-color:#a2a9b1;cursor:pointer}.cdx-select:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-select:enabled:active{color:#000;border-color:#72777d}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-select:enabled{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');filter:invert(0);opacity:.87}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-select:enabled,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-select:enabled,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-select:enabled{filter:invert(1)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-select:enabled{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');background-color:#202122}}.cdx-select-vue{display:inline-block;position:relative}.cdx-select-vue__handle{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-right:12px;padding-left:calc(8px + 8px + 1.4285714em);font-size:inherit;line-height:1.375;position:relative;width:100%}.cdx-select-vue--has-start-icon .cdx-select-vue__handle{padding-right:calc(8px + 12px + 1.4285714em)}.cdx-select-vue__start-icon.cdx-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transition-property:color;transition-duration:.1s;right:12px;transform:translateY(-50%)}.cdx-select-vue__indicator.cdx-icon{color:#202122;position:absolute;top:50%;min-width:12px;min-height:12px;width:.8571429em;height:.8571429em;transition-property:color;transition-duration:.1s;left:12px;transform:translateY(-50%)}.cdx-select-vue--enabled .cdx-select-vue__handle{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-select-vue--enabled .cdx-select-vue__handle:hover{background-color:#fff;color:#404244;border-color:#a2a9b1;cursor:pointer}.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-select-vue--enabled .cdx-select-vue__handle:active{color:#000;border-color:#72777d}.cdx-select-vue--enabled .cdx-select-vue__handle:hover .cdx-select-vue__indicator{color:#404244}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle{background-color:#fff}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle .cdx-select-vue__indicator{color:#202122}.cdx-select-vue--disabled .cdx-select-vue__handle{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1;cursor:default}.cdx-select-vue--disabled .cdx-select-vue__indicator,.cdx-select-vue--disabled .cdx-select-vue__start-icon{color:#72777d}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle{border-color:#b32424}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:#36c}.cdx-dialog .cdx-select-vue{position:static}
+.cdx-select{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-right:12px;padding-left:calc(8px + 8px + 1.4285714em);font-size:inherit;line-height:1.375;-webkit-appearance:none;appearance:none;background-position:center left 12px;background-repeat:no-repeat;background-size:max(.8571429em,12px)}.cdx-select:disabled{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');opacity:1}.cdx-select:enabled{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>')}.cdx-select:enabled:hover{background-color:#fff;color:#404244;border-color:#a2a9b1;cursor:pointer}.cdx-select:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-select:enabled:active{color:#000;border-color:#72777d}.cdx-select-vue{display:inline-block;position:relative}.cdx-select-vue__handle{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-right:12px;padding-left:calc(8px + 8px + 1.4285714em);font-size:inherit;line-height:1.375;position:relative;width:100%}.cdx-select-vue--has-start-icon .cdx-select-vue__handle{padding-right:calc(8px + 12px + 1.4285714em)}.cdx-select-vue__start-icon.cdx-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transition-property:color;transition-duration:.1s;right:12px;transform:translateY(-50%)}.cdx-select-vue__indicator.cdx-icon{color:#202122;position:absolute;top:50%;min-width:12px;min-height:12px;width:.8571429em;height:.8571429em;transition-property:color;transition-duration:.1s;left:12px;transform:translateY(-50%)}.cdx-select-vue--enabled .cdx-select-vue__handle{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-select-vue--enabled .cdx-select-vue__handle:hover{background-color:#fff;color:#404244;border-color:#a2a9b1;cursor:pointer}.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-select-vue--enabled .cdx-select-vue__handle:active{color:#000;border-color:#72777d}.cdx-select-vue--enabled .cdx-select-vue__handle:hover .cdx-select-vue__indicator{color:#404244}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle{background-color:#fff}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle .cdx-select-vue__indicator{color:#202122}.cdx-select-vue--disabled .cdx-select-vue__handle{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1;cursor:default}.cdx-select-vue--disabled .cdx-select-vue__indicator,.cdx-select-vue--disabled .cdx-select-vue__start-icon{color:#72777d}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle{border-color:#b32424}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:#36c}.cdx-dialog .cdx-select-vue{position:static}
diff --git a/resources/lib/codex/modules/CdxSelect-legacy.css b/resources/lib/codex/modules/CdxSelect-legacy.css
index d91ebd196001..22ad3b090c56 100644
--- a/resources/lib/codex/modules/CdxSelect-legacy.css
+++ b/resources/lib/codex/modules/CdxSelect-legacy.css
@@ -1 +1 @@
-.cdx-select{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-left:12px;padding-right:calc(8px + 8px + 1.4285714em);font-size:inherit;line-height:1.375;-webkit-appearance:none;appearance:none}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-select{background-position:center right 12px;background-repeat:no-repeat;background-size:max(.8571429em,12px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-select{-webkit-mask-size:max(.8571429em,12px);mask-size:max(.8571429em,12px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center right 12px;mask-position:center right 12px}}.cdx-select:disabled{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1;opacity:1}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-select:disabled{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');filter:invert(0);opacity:.87}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-select:disabled,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-select:disabled,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-select:disabled{filter:invert(1)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-select:disabled{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');background-color:#72777d}}.cdx-select:enabled{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-select:enabled:hover{background-color:#fff;color:#404244;border-color:#a2a9b1;cursor:pointer}.cdx-select:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-select:enabled:active{color:#000;border-color:#72777d}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-select:enabled{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');filter:invert(0);opacity:.87}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-select:enabled,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-select:enabled,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-select:enabled{filter:invert(1)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-select:enabled{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');background-color:#202122}}.cdx-select-vue{display:inline-block;position:relative}.cdx-select-vue__handle{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-left:12px;padding-right:calc(8px + 8px + 1.4285714em);font-size:inherit;line-height:1.375;position:relative;width:100%}.cdx-select-vue--has-start-icon .cdx-select-vue__handle{padding-left:calc(8px + 12px + 1.4285714em)}.cdx-select-vue__start-icon.cdx-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transition-property:color;transition-duration:.1s;left:12px;transform:translateY(-50%)}.cdx-select-vue__indicator.cdx-icon{color:#202122;position:absolute;top:50%;min-width:12px;min-height:12px;width:.8571429em;height:.8571429em;transition-property:color;transition-duration:.1s;right:12px;transform:translateY(-50%)}.cdx-select-vue--enabled .cdx-select-vue__handle{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-select-vue--enabled .cdx-select-vue__handle:hover{background-color:#fff;color:#404244;border-color:#a2a9b1;cursor:pointer}.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-select-vue--enabled .cdx-select-vue__handle:active{color:#000;border-color:#72777d}.cdx-select-vue--enabled .cdx-select-vue__handle:hover .cdx-select-vue__indicator{color:#404244}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle{background-color:#fff}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle .cdx-select-vue__indicator{color:#202122}.cdx-select-vue--disabled .cdx-select-vue__handle{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1;cursor:default}.cdx-select-vue--disabled .cdx-select-vue__indicator,.cdx-select-vue--disabled .cdx-select-vue__start-icon{color:#72777d}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle{border-color:#b32424}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:#36c}.cdx-dialog .cdx-select-vue{position:static}
+.cdx-select{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-left:12px;padding-right:calc(8px + 8px + 1.4285714em);font-size:inherit;line-height:1.375;-webkit-appearance:none;appearance:none;background-position:center right 12px;background-repeat:no-repeat;background-size:max(.8571429em,12px)}.cdx-select:disabled{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');opacity:1}.cdx-select:enabled{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>')}.cdx-select:enabled:hover{background-color:#fff;color:#404244;border-color:#a2a9b1;cursor:pointer}.cdx-select:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-select:enabled:active{color:#000;border-color:#72777d}.cdx-select-vue{display:inline-block;position:relative}.cdx-select-vue__handle{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-left:12px;padding-right:calc(8px + 8px + 1.4285714em);font-size:inherit;line-height:1.375;position:relative;width:100%}.cdx-select-vue--has-start-icon .cdx-select-vue__handle{padding-left:calc(8px + 12px + 1.4285714em)}.cdx-select-vue__start-icon.cdx-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transition-property:color;transition-duration:.1s;left:12px;transform:translateY(-50%)}.cdx-select-vue__indicator.cdx-icon{color:#202122;position:absolute;top:50%;min-width:12px;min-height:12px;width:.8571429em;height:.8571429em;transition-property:color;transition-duration:.1s;right:12px;transform:translateY(-50%)}.cdx-select-vue--enabled .cdx-select-vue__handle{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-select-vue--enabled .cdx-select-vue__handle:hover{background-color:#fff;color:#404244;border-color:#a2a9b1;cursor:pointer}.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-select-vue--enabled .cdx-select-vue__handle:active{color:#000;border-color:#72777d}.cdx-select-vue--enabled .cdx-select-vue__handle:hover .cdx-select-vue__indicator{color:#404244}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle{background-color:#fff}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle .cdx-select-vue__indicator{color:#202122}.cdx-select-vue--disabled .cdx-select-vue__handle{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1;cursor:default}.cdx-select-vue--disabled .cdx-select-vue__indicator,.cdx-select-vue--disabled .cdx-select-vue__start-icon{color:#72777d}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle{border-color:#b32424}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:#36c}.cdx-dialog .cdx-select-vue{position:static}
diff --git a/resources/lib/codex/modules/CdxSelect-rtl.css b/resources/lib/codex/modules/CdxSelect-rtl.css
index 2331588987aa..aed8e2d90a07 100644
--- a/resources/lib/codex/modules/CdxSelect-rtl.css
+++ b/resources/lib/codex/modules/CdxSelect-rtl.css
@@ -1 +1 @@
-.cdx-select{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-right:12px;padding-left:calc(16px + 1.25em);font-size:inherit;line-height:1.375;-webkit-appearance:none;appearance:none}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-select{background-position:center left 12px;background-repeat:no-repeat;background-size:max(.75em,12px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-select{-webkit-mask-size:max(.75em,12px);mask-size:max(.75em,12px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center right 12px;mask-position:center right 12px}}.cdx-select:disabled{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1;opacity:1}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-select:disabled{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');filter:invert(0);opacity:.87}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-select:disabled,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-select:disabled,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-select:disabled{filter:invert(1)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-select:disabled{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');background-color:#72777d}}.cdx-select:enabled{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-select:enabled:hover{background-color:#fff;color:#404244;border-color:#a2a9b1;cursor:pointer}.cdx-select:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-select:enabled:active{color:#000;border-color:#72777d}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-select:enabled{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');filter:invert(0);opacity:.87}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-select:enabled,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-select:enabled,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-select:enabled{filter:invert(1)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-select:enabled{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');background-color:#202122}}.cdx-select-vue{display:inline-block;position:relative}.cdx-select-vue__handle{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-right:12px;padding-left:calc(16px + 1.25em);font-size:inherit;line-height:1.375;position:relative;width:100%}.cdx-select-vue--has-start-icon .cdx-select-vue__handle{padding-right:calc(20px + 1.25em)}.cdx-select-vue__start-icon.cdx-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transition-property:color;transition-duration:.1s;right:12px;transform:translateY(-50%)}.cdx-select-vue__indicator.cdx-icon{color:#202122;position:absolute;top:50%;min-width:12px;min-height:12px;width:.75em;height:.75em;transition-property:color;transition-duration:.1s;left:12px;transform:translateY(-50%)}.cdx-select-vue--enabled .cdx-select-vue__handle{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-select-vue--enabled .cdx-select-vue__handle:hover{background-color:#fff;color:#404244;border-color:#a2a9b1;cursor:pointer}.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-select-vue--enabled .cdx-select-vue__handle:active{color:#000;border-color:#72777d}.cdx-select-vue--enabled .cdx-select-vue__handle:hover .cdx-select-vue__indicator{color:#404244}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle{background-color:#fff}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle .cdx-select-vue__indicator{color:#202122}.cdx-select-vue--disabled .cdx-select-vue__handle{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1;cursor:default}.cdx-select-vue--disabled .cdx-select-vue__indicator,.cdx-select-vue--disabled .cdx-select-vue__start-icon{color:#72777d}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle{border-color:#b32424}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:#36c}.cdx-dialog .cdx-select-vue{position:static}
+.cdx-select{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-right:12px;padding-left:calc(16px + 1.25em);font-size:inherit;line-height:1.375;-webkit-appearance:none;appearance:none;background-position:center left 12px;background-repeat:no-repeat;background-size:max(.75em,12px)}.cdx-select:disabled{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');opacity:1}.cdx-select:enabled{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>')}.cdx-select:enabled:hover{background-color:#fff;color:#404244;border-color:#a2a9b1;cursor:pointer}.cdx-select:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-select:enabled:active{color:#000;border-color:#72777d}.cdx-select-vue{display:inline-block;position:relative}.cdx-select-vue__handle{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-right:12px;padding-left:calc(16px + 1.25em);font-size:inherit;line-height:1.375;position:relative;width:100%}.cdx-select-vue--has-start-icon .cdx-select-vue__handle{padding-right:calc(20px + 1.25em)}.cdx-select-vue__start-icon.cdx-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transition-property:color;transition-duration:.1s;right:12px;transform:translateY(-50%)}.cdx-select-vue__indicator.cdx-icon{color:#202122;position:absolute;top:50%;min-width:12px;min-height:12px;width:.75em;height:.75em;transition-property:color;transition-duration:.1s;left:12px;transform:translateY(-50%)}.cdx-select-vue--enabled .cdx-select-vue__handle{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-select-vue--enabled .cdx-select-vue__handle:hover{background-color:#fff;color:#404244;border-color:#a2a9b1;cursor:pointer}.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-select-vue--enabled .cdx-select-vue__handle:active{color:#000;border-color:#72777d}.cdx-select-vue--enabled .cdx-select-vue__handle:hover .cdx-select-vue__indicator{color:#404244}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle{background-color:#fff}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle .cdx-select-vue__indicator{color:#202122}.cdx-select-vue--disabled .cdx-select-vue__handle{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1;cursor:default}.cdx-select-vue--disabled .cdx-select-vue__indicator,.cdx-select-vue--disabled .cdx-select-vue__start-icon{color:#72777d}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle{border-color:#b32424}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:#36c}.cdx-dialog .cdx-select-vue{position:static}
diff --git a/resources/lib/codex/modules/CdxSelect.css b/resources/lib/codex/modules/CdxSelect.css
index 5502a3567627..28c479f4b5fb 100644
--- a/resources/lib/codex/modules/CdxSelect.css
+++ b/resources/lib/codex/modules/CdxSelect.css
@@ -1 +1 @@
-.cdx-select{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-left:12px;padding-right:calc(16px + 1.25em);font-size:inherit;line-height:1.375;-webkit-appearance:none;appearance:none}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-select{background-position:center right 12px;background-repeat:no-repeat;background-size:max(.75em,12px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-select{-webkit-mask-size:max(.75em,12px);mask-size:max(.75em,12px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center right 12px;mask-position:center right 12px}}.cdx-select:disabled{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1;opacity:1}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-select:disabled{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');filter:invert(0);opacity:.87}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-select:disabled,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-select:disabled,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-select:disabled{filter:invert(1)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-select:disabled{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');background-color:#72777d}}.cdx-select:enabled{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-select:enabled:hover{background-color:#fff;color:#404244;border-color:#a2a9b1;cursor:pointer}.cdx-select:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-select:enabled:active{color:#000;border-color:#72777d}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-select:enabled{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');filter:invert(0);opacity:.87}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-select:enabled,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-select:enabled,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-select:enabled{filter:invert(1)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-select:enabled{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');background-color:#202122}}.cdx-select-vue{display:inline-block;position:relative}.cdx-select-vue__handle{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-left:12px;padding-right:calc(16px + 1.25em);font-size:inherit;line-height:1.375;position:relative;width:100%}.cdx-select-vue--has-start-icon .cdx-select-vue__handle{padding-left:calc(20px + 1.25em)}.cdx-select-vue__start-icon.cdx-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transition-property:color;transition-duration:.1s;left:12px;transform:translateY(-50%)}.cdx-select-vue__indicator.cdx-icon{color:#202122;position:absolute;top:50%;min-width:12px;min-height:12px;width:.75em;height:.75em;transition-property:color;transition-duration:.1s;right:12px;transform:translateY(-50%)}.cdx-select-vue--enabled .cdx-select-vue__handle{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-select-vue--enabled .cdx-select-vue__handle:hover{background-color:#fff;color:#404244;border-color:#a2a9b1;cursor:pointer}.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-select-vue--enabled .cdx-select-vue__handle:active{color:#000;border-color:#72777d}.cdx-select-vue--enabled .cdx-select-vue__handle:hover .cdx-select-vue__indicator{color:#404244}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle{background-color:#fff}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle .cdx-select-vue__indicator{color:#202122}.cdx-select-vue--disabled .cdx-select-vue__handle{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1;cursor:default}.cdx-select-vue--disabled .cdx-select-vue__indicator,.cdx-select-vue--disabled .cdx-select-vue__start-icon{color:#72777d}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle{border-color:#b32424}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:#36c}.cdx-dialog .cdx-select-vue{position:static}
+.cdx-select{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-left:12px;padding-right:calc(16px + 1.25em);font-size:inherit;line-height:1.375;-webkit-appearance:none;appearance:none;background-position:center right 12px;background-repeat:no-repeat;background-size:max(.75em,12px)}.cdx-select:disabled{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');opacity:1}.cdx-select:enabled{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>')}.cdx-select:enabled:hover{background-color:#fff;color:#404244;border-color:#a2a9b1;cursor:pointer}.cdx-select:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-select:enabled:active{color:#000;border-color:#72777d}.cdx-select-vue{display:inline-block;position:relative}.cdx-select-vue__handle{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-left:12px;padding-right:calc(16px + 1.25em);font-size:inherit;line-height:1.375;position:relative;width:100%}.cdx-select-vue--has-start-icon .cdx-select-vue__handle{padding-left:calc(20px + 1.25em)}.cdx-select-vue__start-icon.cdx-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transition-property:color;transition-duration:.1s;left:12px;transform:translateY(-50%)}.cdx-select-vue__indicator.cdx-icon{color:#202122;position:absolute;top:50%;min-width:12px;min-height:12px;width:.75em;height:.75em;transition-property:color;transition-duration:.1s;right:12px;transform:translateY(-50%)}.cdx-select-vue--enabled .cdx-select-vue__handle{background-color:#f8f9fa;color:#202122;border-color:#a2a9b1;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-select-vue--enabled .cdx-select-vue__handle:hover{background-color:#fff;color:#404244;border-color:#a2a9b1;cursor:pointer}.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-select-vue--enabled .cdx-select-vue__handle:active{color:#000;border-color:#72777d}.cdx-select-vue--enabled .cdx-select-vue__handle:hover .cdx-select-vue__indicator{color:#404244}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle{background-color:#fff}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle .cdx-select-vue__indicator{color:#202122}.cdx-select-vue--disabled .cdx-select-vue__handle{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1;cursor:default}.cdx-select-vue--disabled .cdx-select-vue__indicator,.cdx-select-vue--disabled .cdx-select-vue__start-icon{color:#72777d}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle{border-color:#b32424}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:#36c}.cdx-dialog .cdx-select-vue{position:static}