diff options
author | Anne Tomasevich <atomasevich@wikimedia.org> | 2023-05-10 16:42:45 -0400 |
---|---|---|
committer | Anne Tomasevich <atomasevich@wikimedia.org> | 2023-05-11 10:43:23 -0400 |
commit | 8f0fd34ceff61e20808455e0467afb90114af198 (patch) | |
tree | fe0169122b06a27881ca28cb79d02d6181650cf4 /resources/lib | |
parent | 284727df8474253229b38757c85f54f5f0c8ac61 (diff) | |
download | mediawikicore-8f0fd34ceff61e20808455e0467afb90114af198.tar.gz mediawikicore-8f0fd34ceff61e20808455e0467afb90114af198.zip |
Update Codex from v0.9.1 to v0.10.0
Bug: T295711
Bug: T322436
Bug: T325105
Bug: T325788
Bug: T331039
Bug: T333437
Bug: T334887
Bug: T335088
Bug: T335323
Bug: T335430
Bug: T335959
Bug: T336208
Bug: T336249
Bug: T336267
Change-Id: I107e477c8575e29f20f6c0c465413a0c735f7c17
Diffstat (limited to 'resources/lib')
18 files changed, 707 insertions, 673 deletions
diff --git a/resources/lib/codex-design-tokens/theme-wikimedia-ui-legacy.less b/resources/lib/codex-design-tokens/theme-wikimedia-ui-legacy.less index df06c2c541cd..33d6baf9399d 100644 --- a/resources/lib/codex-design-tokens/theme-wikimedia-ui-legacy.less +++ b/resources/lib/codex-design-tokens/theme-wikimedia-ui-legacy.less @@ -1,6 +1,6 @@ // Do not edit directly -// Generated on Tue, 25 Apr 2023 19:52:18 GMT +// Generated on Wed, 10 May 2023 20:26:33 GMT @font-size-base: 14px; @font-size-x-small: 0.8571429em; // `x` stands for extra. In this case extra small. @@ -63,7 +63,7 @@ @color-link-red--visited: #a55858; @opacity-base: 1; @opacity-medium: 0.65; -@opacity-low: 0.30; +@opacity-low: 0.3; @opacity-transparent: 0; @opacity-icon-base: 0.87; @opacity-icon-base--hover: 0.74; @@ -159,6 +159,8 @@ @spacing-400: 64px; @spacing-half: 50%; // From here on, spacing tokens which are used for positioning values. @spacing-full: 100%; +@spacing-horizontal-button: 12px - 1px; // Padding should equal 12px of spacing minus the width of the border +@spacing-horizontal-button-icon-only: 6px - 1px; // Padding should equal 6px of spacing minus the width of the border @spacing-horizontal-input-text-two-end-icons: calc( 8px * 2 + 1.1428571em + 1px ); // Rely on `calc()` to make token output usable in all formats. When there are two end icons, (i.e. a clear icon and an end icon), we need to double the horizontal padding and account for the size of the extra icon. This token can be used to calculate the horizontal position of the clear icon and the padding-end of the text input. @spacing-start-typeahead-search-figure: 12px; // The amount of space between the TypeaheadSearch figure's parent component and the TypeaheadSearch figure (input icon container, search result thumbnail, and footer icon container). We want this space to be uniform so that the figures vertically line up nicely. We use the same horizontal padding as the MenuItem. @spacing-start-typeahead-search-icon: calc( 12px + ( 40px - 20px ) / 2 ); // The padding required for the icon to center align with the menu item thumbnail. We calculate the difference in size and add it to the expected spacing. @@ -273,6 +275,7 @@ @cursor-zoom-out: zoom-out; @unit-absolute: px; @unit-relative: em; +@min-height-text-area: 64px; // DEPRECATED TOKENS // Warning: the following token name is deprecated (No replacement for this token. Only used in non-Codex products and design decision is to need to rely on background for this state.) diff --git a/resources/lib/codex-design-tokens/theme-wikimedia-ui.less b/resources/lib/codex-design-tokens/theme-wikimedia-ui.less index 50092913010a..c434a2bc3bbb 100644 --- a/resources/lib/codex-design-tokens/theme-wikimedia-ui.less +++ b/resources/lib/codex-design-tokens/theme-wikimedia-ui.less @@ -1,6 +1,6 @@ // Do not edit directly -// Generated on Tue, 25 Apr 2023 19:52:18 GMT +// Generated on Wed, 10 May 2023 20:26:33 GMT @font-size-base: 16px; @font-size-x-small: 0.75em; // `x` stands for extra. In this case extra small. @@ -63,7 +63,7 @@ @color-link-red--visited: #a55858; @opacity-base: 1; @opacity-medium: 0.65; -@opacity-low: 0.30; +@opacity-low: 0.3; @opacity-transparent: 0; @opacity-icon-base: 0.87; @opacity-icon-base--hover: 0.74; @@ -159,6 +159,8 @@ @spacing-400: 64px; @spacing-half: 50%; // From here on, spacing tokens which are used for positioning values. @spacing-full: 100%; +@spacing-horizontal-button: 12px - 1px; // Padding should equal 12px of spacing minus the width of the border +@spacing-horizontal-button-icon-only: 6px - 1px; // Padding should equal 6px of spacing minus the width of the border @spacing-horizontal-input-text-two-end-icons: calc( 8px * 2 + 1em + 1px ); // Rely on `calc()` to make token output usable in all formats. When there are two end icons, (i.e. a clear icon and an end icon), we need to double the horizontal padding and account for the size of the extra icon. This token can be used to calculate the horizontal position of the clear icon and the padding-end of the text input. @spacing-start-typeahead-search-figure: 12px; // The amount of space between the TypeaheadSearch figure's parent component and the TypeaheadSearch figure (input icon container, search result thumbnail, and footer icon container). We want this space to be uniform so that the figures vertically line up nicely. We use the same horizontal padding as the MenuItem. @spacing-start-typeahead-search-icon: calc( 12px + ( 40px - 20px ) / 2 ); // The padding required for the icon to center align with the menu item thumbnail. We calculate the difference in size and add it to the expected spacing. @@ -273,6 +275,7 @@ @cursor-zoom-out: zoom-out; @unit-absolute: px; @unit-relative: em; +@min-height-text-area: 64px; // DEPRECATED TOKENS // Warning: the following token name is deprecated (No replacement for this token. Only used in non-Codex products and design decision is to need to rely on background for this state.) diff --git a/resources/lib/codex-icons/README.md b/resources/lib/codex-icons/README.md index c561ff5b0351..9be32533f9c7 100644 --- a/resources/lib/codex-icons/README.md +++ b/resources/lib/codex-icons/README.md @@ -2,8 +2,7 @@ This package contains the Codex icons, and utility functions needed to work with them. The icons are applying “WikimediaUI” theme visual style of Wikimedia Foundation, following -[Wikimedia Design Style Guide's icon guidelines](https://design.wikimedia.org/style-guide/visual-style_icons.html). - +[Design Style Guide's icon guidelines](https://doc.wikimedia.org/codex/latest/style-guide/icons.html) ## Using icons To use an icon, import it from this package: ``` diff --git a/resources/lib/codex-search/codex-search.style-legacy-rtl.css b/resources/lib/codex-search/codex-search.style-legacy-rtl.css index a72a6511e616..bd51246aae29 100644 --- a/resources/lib/codex-search/codex-search.style-legacy-rtl.css +++ b/resources/lib/codex-search/codex-search.style-legacy-rtl.css @@ -1 +1 @@ -.cdx-icon{color:#202122;display:inline-flex;align-items:center;justify-content:center;vertical-align:text-bottom}.cdx-icon svg{fill:currentcolor;width:100%;height:100%}.cdx-icon--x-small{min-width:12px;min-height:12px;width:.8571429em;height:.8571429em}.cdx-icon--small{min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em}.cdx-icon--medium{min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em}.cdx-icon--flipped svg{transform:scaleX(-1)}.cdx-thumbnail{display:inline-flex}.cdx-thumbnail__placeholder,.cdx-thumbnail__image{background-position:center;background-repeat:no-repeat;background-size:cover;flex-shrink:0;box-sizing:border-box;min-width:40px;min-height:40px;width:2.8571429em;height:2.8571429em;border:1px solid #c8ccd1;border-radius:2px}.cdx-thumbnail__image{display:inline-block}.cdx-thumbnail__image-enter-active{transition-property:opacity;transition-duration:.1s}.cdx-thumbnail__image-enter-from{opacity:0}.cdx-thumbnail__placeholder{background-color:#f8f9fa;display:inline-flex;align-items:center;justify-content:center}.cdx-thumbnail__placeholder__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>')}.cdx-thumbnail__placeholder__icon--vue{color:#72777d}.cdx-search-result-title{display:inline-block;font-weight:700}.cdx-search-result-title__match{font-weight:400}.cdx-menu-item{list-style:none;position:relative;padding:8px 12px;line-height:1.6;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-menu-item__content{display:flex;align-items:center;line-height:1.4285714;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-menu-item__content,.cdx-menu-item__content:hover{text-decoration:none}.cdx-menu-item--has-description .cdx-menu-item__content{align-items:flex-start}.cdx-menu-item__text__description{display:block}.cdx-menu-item__thumbnail{margin-left:8px}.cdx-menu-item__icon{color:inherit;margin-left:8px}.cdx-menu-item--bold-label .cdx-menu-item__text__label{font-weight:700}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text{overflow:hidden}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-menu-item--enabled,.cdx-menu-item--enabled .cdx-menu-item__content{color:#202122}.cdx-menu-item--enabled .cdx-menu-item__text__supporting-text,.cdx-menu-item--enabled .cdx-menu-item__text__description{color:#54595d}.cdx-menu-item--enabled.cdx-menu-item--highlighted{background-color:#eaecf0;cursor:pointer}.cdx-menu-item--enabled.cdx-menu-item--active{background-color:#eaf3ff;color:#36c}.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--enabled.cdx-menu-item--selected{background-color:#eaf3ff}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--disabled{color:#72777d;cursor:default}.cdx-menu-item--disabled .cdx-menu-item__text__description{color:#72777d}.cdx-progress-bar{box-sizing:border-box;overflow-x:hidden}.cdx-progress-bar__bar{width:33.33%;height:100%}.cdx-progress-bar:not(.cdx-progress-bar--inline){position:relative;z-index:1;height:1.1428571em;max-width:none;border:1px solid #a2a9b1;border-radius:9999px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-progress-bar--inline{width:100%;height:.2857143em}.cdx-progress-bar:not(.cdx-progress-bar--disabled) .cdx-progress-bar__bar{background-color:#36c;animation-name:cdx-animation-progress-bar__bar;animation-duration:1.6s;animation-timing-function:linear;animation-iteration-count:infinite}.cdx-progress-bar:not(.cdx-progress-bar--disabled).cdx-progress-bar--block{background-color:#fff}.cdx-progress-bar--disabled .cdx-progress-bar__bar{background-color:#c8ccd1}.cdx-progress-bar--disabled.cdx-progress-bar--block{background-color:#eaecf0}@keyframes cdx-animation-progress-bar__bar{0%{transform:translate(100%)}to{transform:translate(-300%)}}.cdx-menu{background-color:#fff;position:absolute;right:0;z-index:50;box-sizing:border-box;width:100%;border:1px solid #a2a9b1;border-radius:0 0 2px 2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-menu__progress-bar{position:absolute;top:0}.cdx-menu__listbox{margin:0;padding:0}.cdx-menu--has-sticky-footer .cdx-menu-item:last-of-type{position:absolute;bottom:0;width:100%}.cdx-menu--has-footer .cdx-menu-item:last-of-type:not(:first-of-type){border-top:1px solid #c8ccd1}.cdx-button{box-sizing:border-box;min-width:32px;min-height:32px;max-width:32em;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-left:12px;padding-right:12px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button:enabled{color:#202122}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled .cdx-button__icon{background-color:#202122}}.cdx-button:enabled:hover{cursor:pointer}.cdx-button:enabled:focus{outline:1px solid transparent}.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-button:disabled{border-color:transparent}.cdx-button .cdx-button__icon,.cdx-button .cdx-icon{vertical-align:middle}.cdx-button .cdx-icon{color:inherit}.cdx-button--icon-only{padding:0 4px}.cdx-button:not(.cdx-button--weight-quiet):enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-button:not(.cdx-button--weight-quiet):enabled:hover{background-color:#fff;color:#404244}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:hover .cdx-button__icon{background-color:#404244}}.cdx-button:not(.cdx-button--weight-quiet):enabled:active,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:not(.cdx-button--weight-quiet):disabled{background-color:#c8ccd1;color:#fff}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled{background-color:#36c;color:#fff;border-color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-button--weight-primary.cdx-button--action-destructive:enabled{background-color:#d33;color:#fff;border-color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover{background-color:#ff4242;color:#fff;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33,inset 0 0 0 2px #fff}.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-button--weight-quiet:enabled:hover{background-color:rgba(0,24,73,.027)}.cdx-button--weight-quiet:enabled:active,.cdx-button--weight-quiet:enabled.cdx-button--is-active{background-color:rgba(0,24,73,.082);color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:enabled:active .cdx-button__icon,.cdx-button--weight-quiet:enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled .cdx-button__icon{background-color:#36c}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover{background-color:#eaf3ff;color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled .cdx-button__icon{background-color:#d33}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover{background-color:#fee7e6;color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button--weight-quiet:disabled{color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:disabled .cdx-button__icon{background-color:#72777d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:hover{color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive.cdx-button--is-active{background-color:#eaf3ff;color:#2a4b8d;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#2a4b8d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive .cdx-button__icon{background-color:#d33}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:hover{color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive.cdx-button--is-active{background-color:#fee7e6;color:#b32424;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#b32424}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-text-input{position:relative;box-sizing:border-box}.cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:9px}.cdx-text-input__icon.cdx-text-input__end-icon{min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em;background-position:center;background-repeat:no-repeat;background-size:max(1.1428571em,16px)}.cdx-text-input__clear-icon,.cdx-text-input__end-icon{position:absolute;top:50%;min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:9px}.cdx-text-input__clear-icon:hover{cursor:pointer}.cdx-text-input__end-icon+.cdx-text-input__clear-icon{left:calc(8px * 2 + 1.1428571em + 1px)}.cdx-text-input__input{display:block;box-sizing:border-box;min-width:256px;min-height:32px;width:100%;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;font-family:inherit;font-size:inherit;line-height:1.4285714}.cdx-text-input__input:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-input__input:enabled~.cdx-text-input__icon-vue{color:#72777d}.cdx-text-input__input:enabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input:enabled:hover{border-color:#72777d}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon-vue,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon-vue{color:#202122}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon{opacity:1}.cdx-text-input__input:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-input__input:disabled{background-color:#eaecf0;color:#72777d;-webkit-text-fill-color:#72777d;border-color:#c8ccd1}.cdx-text-input__input:disabled~.cdx-text-input__icon-vue{color:#72777d;pointer-events:none}.cdx-text-input__input:disabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input::-webkit-input-placeholder{color:#72777d;opacity:1}.cdx-text-input__input::placeholder{color:#72777d;opacity:1}.cdx-text-input__input::-ms-clear{display:none}.cdx-text-input__input[type=search]{-webkit-appearance:none;-moz-appearance:textfield}.cdx-text-input__input[type=search]::-webkit-search-decoration,.cdx-text-input__input[type=search]::-webkit-search-cancel-button{display:none}.cdx-text-input--has-start-icon .cdx-text-input__input{padding-right:calc(8px + 8px + 1.4285714em)}.cdx-text-input--has-end-icon .cdx-text-input__input,.cdx-text-input--clearable .cdx-text-input__input{padding-left:calc(8px + 8px + 1.1428571em)}.cdx-text-input--has-end-icon.cdx-text-input--clearable .cdx-text-input__input{padding-left:calc(8px + calc(8px * 2 + 1.1428571em + 1px) + 1.1428571em)}.cdx-text-input--status-error .cdx-text-input__input{border-color:#d33}.cdx-text-input--status-error .cdx-text-input__input:focus{border-color:#36c}.cdx-search-input--has-end-button{background-color:#fff;display:flex;border:1px solid #a2a9b1;border-radius:2px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper{flex-grow:1;margin:-1px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper .cdx-text-input__input{border-top-left-radius:0;border-bottom-left-radius:0}.cdx-search-input__end-button{flex-shrink:0;margin:-1px 0 -1px -1px;border-top-right-radius:0;border-bottom-right-radius:0}.cdx-search-input__end-button:hover,.cdx-search-input__end-button:focus{z-index:1}.cdx-search-input__input-wrapper{position:relative}.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/></svg>')}.cdx-typeahead-search .cdx-menu-item{padding:0}.cdx-typeahead-search .cdx-menu-item__content{padding:8px 12px}.cdx-typeahead-search__menu-message,.cdx-typeahead-search__search-footer{color:#202122;display:flex;align-items:center;padding:8px 12px;text-decoration:none}.cdx-typeahead-search__search-footer{box-sizing:border-box;min-height:56px}.cdx-typeahead-search__search-footer:visited{color:#202122}.cdx-typeahead-search__search-footer:hover{text-decoration:none;cursor:pointer}.cdx-typeahead-search__search-footer__icon{color:#54595d;width:auto;margin-left:8px}.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__icon,.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__text{color:#36c}.cdx-typeahead-search__menu-message--has-thumbnail{padding-right:20px}.cdx-typeahead-search__input [aria-expanded=true],.cdx-typeahead-search__input[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input{padding-right:36px}.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded){margin-right:24px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded{margin-right:0}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input{padding-right:60px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:22px}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer{padding-left:12px;padding-right:12px}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.8571429em}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__text,.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__query{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-typeahead-search .cdx-menu-item:first-child .cdx-typeahead-search__search-footer{border-top:unset} +.cdx-icon{color:#202122;display:inline-flex;align-items:center;justify-content:center;vertical-align:text-bottom}.cdx-icon svg{fill:currentcolor;width:100%;height:100%}.cdx-icon--x-small{min-width:12px;min-height:12px;width:.8571429em;height:.8571429em}.cdx-icon--small{min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em}.cdx-icon--medium{min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em}.cdx-icon--flipped svg{transform:scaleX(-1)}.cdx-thumbnail{display:inline-flex}.cdx-thumbnail__placeholder,.cdx-thumbnail__image{background-position:center;background-repeat:no-repeat;background-size:cover;flex-shrink:0;box-sizing:border-box;min-width:40px;min-height:40px;width:2.8571429em;height:2.8571429em;border:1px solid #c8ccd1;border-radius:2px}.cdx-thumbnail__image{display:inline-block}.cdx-thumbnail__image-enter-active{transition-property:opacity;transition-duration:.1s}.cdx-thumbnail__image-enter-from{opacity:0}.cdx-thumbnail__placeholder{background-color:#f8f9fa;display:inline-flex;align-items:center;justify-content:center}.cdx-thumbnail__placeholder__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>')}.cdx-thumbnail__placeholder__icon--vue{color:#72777d}.cdx-search-result-title{display:inline-block;font-weight:700}.cdx-search-result-title__match{font-weight:400}.cdx-menu-item{list-style:none;position:relative;padding:8px 12px;line-height:1.6;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-menu-item__content{display:flex;align-items:center;line-height:1.4285714;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-menu-item__content,.cdx-menu-item__content:hover{text-decoration:none}.cdx-menu-item--has-description .cdx-menu-item__content{align-items:flex-start}.cdx-menu-item__text__description{display:block}.cdx-menu-item__thumbnail{margin-left:8px}.cdx-menu-item__icon{color:inherit;margin-left:8px}.cdx-menu-item--bold-label .cdx-menu-item__text__label{font-weight:700}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text{overflow:hidden}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-menu-item--enabled,.cdx-menu-item--enabled .cdx-menu-item__content{color:#202122}.cdx-menu-item--enabled .cdx-menu-item__text__supporting-text,.cdx-menu-item--enabled .cdx-menu-item__text__description{color:#54595d}.cdx-menu-item--enabled.cdx-menu-item--highlighted{background-color:#eaecf0;cursor:pointer}.cdx-menu-item--enabled.cdx-menu-item--active{background-color:#eaf3ff;color:#36c}.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--enabled.cdx-menu-item--selected{background-color:#eaf3ff}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--disabled{color:#72777d;cursor:default}.cdx-menu-item--disabled .cdx-menu-item__text__description{color:#72777d}.cdx-progress-bar{box-sizing:border-box;overflow-x:hidden}.cdx-progress-bar__bar{width:33.33%;height:100%}.cdx-progress-bar:not(.cdx-progress-bar--inline){position:relative;z-index:1;height:1.1428571em;max-width:none;border:1px solid #a2a9b1;border-radius:9999px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-progress-bar--inline{width:100%;height:.2857143em}.cdx-progress-bar:not(.cdx-progress-bar--disabled) .cdx-progress-bar__bar{background-color:#36c;animation-name:cdx-animation-progress-bar__bar;animation-duration:1.6s;animation-timing-function:linear;animation-iteration-count:infinite}.cdx-progress-bar:not(.cdx-progress-bar--disabled).cdx-progress-bar--block{background-color:#fff}.cdx-progress-bar--disabled .cdx-progress-bar__bar{background-color:#c8ccd1}.cdx-progress-bar--disabled.cdx-progress-bar--block{background-color:#eaecf0}@keyframes cdx-animation-progress-bar__bar{0%{transform:translate(100%)}to{transform:translate(-300%)}}.cdx-menu{background-color:#fff;position:absolute;right:0;z-index:50;box-sizing:border-box;width:100%;border:1px solid #a2a9b1;border-radius:0 0 2px 2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-menu__progress-bar{position:absolute;top:0}.cdx-menu__listbox{margin:0;padding:0}.cdx-menu--has-sticky-footer .cdx-menu-item:last-of-type{position:absolute;bottom:0;width:100%}.cdx-menu--has-footer .cdx-menu-item:last-of-type:not(:first-of-type){border-top:1px solid #c8ccd1}.cdx-button{box-sizing:border-box;min-width:32px;min-height:32px;max-width:32em;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-left:11px;padding-right:11px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button:enabled{color:#202122}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled .cdx-button__icon{background-color:#202122}}.cdx-button:enabled:hover{cursor:pointer}.cdx-button:enabled:focus{outline:1px solid transparent}.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-button:disabled{border-color:transparent}.cdx-button .cdx-button__icon,.cdx-button .cdx-icon{vertical-align:middle}.cdx-button .cdx-icon{color:inherit}.cdx-button--icon-only{padding:0 5px}.cdx-button:not(.cdx-button--weight-quiet):enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-button:not(.cdx-button--weight-quiet):enabled:hover{background-color:#fff;color:#404244}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:hover .cdx-button__icon{background-color:#404244}}.cdx-button:not(.cdx-button--weight-quiet):enabled:active,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:not(.cdx-button--weight-quiet):disabled{background-color:#c8ccd1;color:#fff}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled{background-color:#36c;color:#fff;border-color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-button--weight-primary.cdx-button--action-destructive:enabled{background-color:#d33;color:#fff;border-color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover{background-color:#ff4242;color:#fff;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33,inset 0 0 0 2px #fff}.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-button--weight-quiet:enabled:hover{background-color:rgba(0,24,73,.027)}.cdx-button--weight-quiet:enabled:active,.cdx-button--weight-quiet:enabled.cdx-button--is-active{background-color:rgba(0,24,73,.082);color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:enabled:active .cdx-button__icon,.cdx-button--weight-quiet:enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled .cdx-button__icon{background-color:#36c}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover{background-color:#eaf3ff;color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled .cdx-button__icon{background-color:#d33}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover{background-color:#fee7e6;color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button--weight-quiet:disabled{color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:disabled .cdx-button__icon{background-color:#72777d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:hover{color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive.cdx-button--is-active{background-color:#eaf3ff;color:#2a4b8d;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#2a4b8d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive .cdx-button__icon{background-color:#d33}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:hover{color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive.cdx-button--is-active{background-color:#fee7e6;color:#b32424;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#b32424}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-text-input{position:relative;box-sizing:border-box}.cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:9px}.cdx-text-input__icon.cdx-text-input__end-icon{min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em;background-position:center;background-repeat:no-repeat;background-size:max(1.1428571em,16px)}.cdx-text-input__clear-icon,.cdx-text-input__end-icon{position:absolute;top:50%;min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:9px}.cdx-text-input__clear-icon:hover{cursor:pointer}.cdx-text-input__end-icon+.cdx-text-input__clear-icon{left:calc(8px * 2 + 1.1428571em + 1px)}.cdx-text-input__input{display:block;box-sizing:border-box;min-width:256px;min-height:32px;width:100%;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;font-family:inherit;font-size:inherit;line-height:1.4285714}.cdx-text-input__input:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-input__input:enabled~.cdx-text-input__icon-vue{color:#72777d}.cdx-text-input__input:enabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input:enabled:hover{border-color:#72777d}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon-vue,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon-vue{color:#202122}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon{opacity:1}.cdx-text-input__input:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-input__input:disabled{background-color:#eaecf0;color:#72777d;-webkit-text-fill-color:#72777d;border-color:#c8ccd1}.cdx-text-input__input:disabled~.cdx-text-input__icon-vue{color:#72777d;pointer-events:none}.cdx-text-input__input:disabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input::-webkit-input-placeholder{color:#72777d;opacity:1}.cdx-text-input__input::placeholder{color:#72777d;opacity:1}.cdx-text-input__input::-ms-clear{display:none}.cdx-text-input__input[type=search]{-webkit-appearance:none;-moz-appearance:textfield}.cdx-text-input__input[type=search]::-webkit-search-decoration,.cdx-text-input__input[type=search]::-webkit-search-cancel-button{display:none}.cdx-text-input--has-start-icon .cdx-text-input__input{padding-right:calc(8px + 8px + 1.4285714em)}.cdx-text-input--has-end-icon .cdx-text-input__input,.cdx-text-input--clearable .cdx-text-input__input{padding-left:calc(8px + 8px + 1.1428571em)}.cdx-text-input--has-end-icon.cdx-text-input--clearable .cdx-text-input__input{padding-left:calc(8px + calc(8px * 2 + 1.1428571em + 1px) + 1.1428571em)}.cdx-text-input--status-error .cdx-text-input__input:enabled{border-color:#d33}.cdx-text-input--status-error .cdx-text-input__input:enabled:focus{border-color:#36c}.cdx-search-input--has-end-button{background-color:#fff;display:flex;border:1px solid #a2a9b1;border-radius:2px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper{flex-grow:1;margin:-1px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper .cdx-text-input__input{border-top-left-radius:0;border-bottom-left-radius:0}.cdx-search-input__end-button{flex-shrink:0;margin:-1px 0 -1px -1px;border-top-right-radius:0;border-bottom-right-radius:0}.cdx-search-input__end-button:hover,.cdx-search-input__end-button:focus{z-index:1}.cdx-search-input__input-wrapper{position:relative}.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/></svg>')}.cdx-typeahead-search .cdx-menu-item{padding:0}.cdx-typeahead-search .cdx-menu-item__content{padding:8px 12px}.cdx-typeahead-search__menu-message,.cdx-typeahead-search__search-footer{color:#202122;display:flex;align-items:center;padding:8px 12px;text-decoration:none}.cdx-typeahead-search__search-footer{box-sizing:border-box;min-height:56px}.cdx-typeahead-search__search-footer:visited{color:#202122}.cdx-typeahead-search__search-footer:hover{text-decoration:none;cursor:pointer}.cdx-typeahead-search__search-footer__icon{color:#54595d;width:auto;margin-left:8px}.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__icon,.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__text{color:#36c}.cdx-typeahead-search__menu-message--has-thumbnail{padding-right:20px}.cdx-typeahead-search__input [aria-expanded=true],.cdx-typeahead-search__input[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input{padding-right:36px}.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded){margin-right:24px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded{margin-right:0}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input{padding-right:60px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:22px}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer{padding-left:12px;padding-right:12px}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.8571429em}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__text,.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__query{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-typeahead-search .cdx-menu-item:first-child .cdx-typeahead-search__search-footer{border-top:unset} diff --git a/resources/lib/codex-search/codex-search.style-legacy.css b/resources/lib/codex-search/codex-search.style-legacy.css index e96b5798f480..5aaa6474b513 100644 --- a/resources/lib/codex-search/codex-search.style-legacy.css +++ b/resources/lib/codex-search/codex-search.style-legacy.css @@ -1 +1 @@ -.cdx-icon{color:#202122;display:inline-flex;align-items:center;justify-content:center;vertical-align:text-bottom}.cdx-icon svg{fill:currentcolor;width:100%;height:100%}.cdx-icon--x-small{min-width:12px;min-height:12px;width:.8571429em;height:.8571429em}.cdx-icon--small{min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em}.cdx-icon--medium{min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em}.cdx-icon--flipped svg{transform:scaleX(-1)}.cdx-thumbnail{display:inline-flex}.cdx-thumbnail__placeholder,.cdx-thumbnail__image{background-position:center;background-repeat:no-repeat;background-size:cover;flex-shrink:0;box-sizing:border-box;min-width:40px;min-height:40px;width:2.8571429em;height:2.8571429em;border:1px solid #c8ccd1;border-radius:2px}.cdx-thumbnail__image{display:inline-block}.cdx-thumbnail__image-enter-active{transition-property:opacity;transition-duration:.1s}.cdx-thumbnail__image-enter-from{opacity:0}.cdx-thumbnail__placeholder{background-color:#f8f9fa;display:inline-flex;align-items:center;justify-content:center}.cdx-thumbnail__placeholder__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>')}.cdx-thumbnail__placeholder__icon--vue{color:#72777d}.cdx-search-result-title{display:inline-block;font-weight:700}.cdx-search-result-title__match{font-weight:400}.cdx-menu-item{list-style:none;position:relative;padding:8px 12px;line-height:1.6;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-menu-item__content{display:flex;align-items:center;line-height:1.4285714;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-menu-item__content,.cdx-menu-item__content:hover{text-decoration:none}.cdx-menu-item--has-description .cdx-menu-item__content{align-items:flex-start}.cdx-menu-item__text__description{display:block}.cdx-menu-item__thumbnail{margin-right:8px}.cdx-menu-item__icon{color:inherit;margin-right:8px}.cdx-menu-item--bold-label .cdx-menu-item__text__label{font-weight:700}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text{overflow:hidden}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-menu-item--enabled,.cdx-menu-item--enabled .cdx-menu-item__content{color:#202122}.cdx-menu-item--enabled .cdx-menu-item__text__supporting-text,.cdx-menu-item--enabled .cdx-menu-item__text__description{color:#54595d}.cdx-menu-item--enabled.cdx-menu-item--highlighted{background-color:#eaecf0;cursor:pointer}.cdx-menu-item--enabled.cdx-menu-item--active{background-color:#eaf3ff;color:#36c}.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--enabled.cdx-menu-item--selected{background-color:#eaf3ff}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--disabled{color:#72777d;cursor:default}.cdx-menu-item--disabled .cdx-menu-item__text__description{color:#72777d}.cdx-progress-bar{box-sizing:border-box;overflow-x:hidden}.cdx-progress-bar__bar{width:33.33%;height:100%}.cdx-progress-bar:not(.cdx-progress-bar--inline){position:relative;z-index:1;height:1.1428571em;max-width:none;border:1px solid #a2a9b1;border-radius:9999px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-progress-bar--inline{width:100%;height:.2857143em}.cdx-progress-bar:not(.cdx-progress-bar--disabled) .cdx-progress-bar__bar{background-color:#36c;animation-name:cdx-animation-progress-bar__bar;animation-duration:1.6s;animation-timing-function:linear;animation-iteration-count:infinite}.cdx-progress-bar:not(.cdx-progress-bar--disabled).cdx-progress-bar--block{background-color:#fff}.cdx-progress-bar--disabled .cdx-progress-bar__bar{background-color:#c8ccd1}.cdx-progress-bar--disabled.cdx-progress-bar--block{background-color:#eaecf0}@keyframes cdx-animation-progress-bar__bar{0%{transform:translate(-100%)}to{transform:translate(300%)}}.cdx-menu{background-color:#fff;position:absolute;left:0;z-index:50;box-sizing:border-box;width:100%;border:1px solid #a2a9b1;border-radius:0 0 2px 2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-menu__progress-bar{position:absolute;top:0}.cdx-menu__listbox{margin:0;padding:0}.cdx-menu--has-sticky-footer .cdx-menu-item:last-of-type{position:absolute;bottom:0;width:100%}.cdx-menu--has-footer .cdx-menu-item:last-of-type:not(:first-of-type){border-top:1px solid #c8ccd1}.cdx-button{box-sizing:border-box;min-width:32px;min-height:32px;max-width:32em;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-right:12px;padding-left:12px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button:enabled{color:#202122}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled .cdx-button__icon{background-color:#202122}}.cdx-button:enabled:hover{cursor:pointer}.cdx-button:enabled:focus{outline:1px solid transparent}.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-button:disabled{border-color:transparent}.cdx-button .cdx-button__icon,.cdx-button .cdx-icon{vertical-align:middle}.cdx-button .cdx-icon{color:inherit}.cdx-button--icon-only{padding:0 4px}.cdx-button:not(.cdx-button--weight-quiet):enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-button:not(.cdx-button--weight-quiet):enabled:hover{background-color:#fff;color:#404244}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:hover .cdx-button__icon{background-color:#404244}}.cdx-button:not(.cdx-button--weight-quiet):enabled:active,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:not(.cdx-button--weight-quiet):disabled{background-color:#c8ccd1;color:#fff}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled{background-color:#36c;color:#fff;border-color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-button--weight-primary.cdx-button--action-destructive:enabled{background-color:#d33;color:#fff;border-color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover{background-color:#ff4242;color:#fff;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33,inset 0 0 0 2px #fff}.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-button--weight-quiet:enabled:hover{background-color:rgba(0,24,73,.027)}.cdx-button--weight-quiet:enabled:active,.cdx-button--weight-quiet:enabled.cdx-button--is-active{background-color:rgba(0,24,73,.082);color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:enabled:active .cdx-button__icon,.cdx-button--weight-quiet:enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled .cdx-button__icon{background-color:#36c}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover{background-color:#eaf3ff;color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled .cdx-button__icon{background-color:#d33}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover{background-color:#fee7e6;color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button--weight-quiet:disabled{color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:disabled .cdx-button__icon{background-color:#72777d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:hover{color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive.cdx-button--is-active{background-color:#eaf3ff;color:#2a4b8d;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#2a4b8d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive .cdx-button__icon{background-color:#d33}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:hover{color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive.cdx-button--is-active{background-color:#fee7e6;color:#b32424;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#b32424}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-text-input{position:relative;box-sizing:border-box}.cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:9px}.cdx-text-input__icon.cdx-text-input__end-icon{min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em;background-position:center;background-repeat:no-repeat;background-size:max(1.1428571em,16px)}.cdx-text-input__clear-icon,.cdx-text-input__end-icon{position:absolute;top:50%;min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:9px}.cdx-text-input__clear-icon:hover{cursor:pointer}.cdx-text-input__end-icon+.cdx-text-input__clear-icon{right:calc(8px * 2 + 1.1428571em + 1px)}.cdx-text-input__input{display:block;box-sizing:border-box;min-width:256px;min-height:32px;width:100%;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;font-family:inherit;font-size:inherit;line-height:1.4285714}.cdx-text-input__input:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-input__input:enabled~.cdx-text-input__icon-vue{color:#72777d}.cdx-text-input__input:enabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input:enabled:hover{border-color:#72777d}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon-vue,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon-vue{color:#202122}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon{opacity:1}.cdx-text-input__input:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-input__input:disabled{background-color:#eaecf0;color:#72777d;-webkit-text-fill-color:#72777d;border-color:#c8ccd1}.cdx-text-input__input:disabled~.cdx-text-input__icon-vue{color:#72777d;pointer-events:none}.cdx-text-input__input:disabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input::-webkit-input-placeholder{color:#72777d;opacity:1}.cdx-text-input__input::placeholder{color:#72777d;opacity:1}.cdx-text-input__input::-ms-clear{display:none}.cdx-text-input__input[type=search]{-webkit-appearance:none;-moz-appearance:textfield}.cdx-text-input__input[type=search]::-webkit-search-decoration,.cdx-text-input__input[type=search]::-webkit-search-cancel-button{display:none}.cdx-text-input--has-start-icon .cdx-text-input__input{padding-left:calc(8px + 8px + 1.4285714em)}.cdx-text-input--has-end-icon .cdx-text-input__input,.cdx-text-input--clearable .cdx-text-input__input{padding-right:calc(8px + 8px + 1.1428571em)}.cdx-text-input--has-end-icon.cdx-text-input--clearable .cdx-text-input__input{padding-right:calc(8px + calc(8px * 2 + 1.1428571em + 1px) + 1.1428571em)}.cdx-text-input--status-error .cdx-text-input__input{border-color:#d33}.cdx-text-input--status-error .cdx-text-input__input:focus{border-color:#36c}.cdx-search-input--has-end-button{background-color:#fff;display:flex;border:1px solid #a2a9b1;border-radius:2px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper{flex-grow:1;margin:-1px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper .cdx-text-input__input{border-top-right-radius:0;border-bottom-right-radius:0}.cdx-search-input__end-button{flex-shrink:0;margin:-1px -1px -1px 0;border-top-left-radius:0;border-bottom-left-radius:0}.cdx-search-input__end-button:hover,.cdx-search-input__end-button:focus{z-index:1}.cdx-search-input__input-wrapper{position:relative}.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/></svg>')}.cdx-typeahead-search .cdx-menu-item{padding:0}.cdx-typeahead-search .cdx-menu-item__content{padding:8px 12px}.cdx-typeahead-search__menu-message,.cdx-typeahead-search__search-footer{color:#202122;display:flex;align-items:center;padding:8px 12px;text-decoration:none}.cdx-typeahead-search__search-footer{box-sizing:border-box;min-height:56px}.cdx-typeahead-search__search-footer:visited{color:#202122}.cdx-typeahead-search__search-footer:hover{text-decoration:none;cursor:pointer}.cdx-typeahead-search__search-footer__icon{color:#54595d;width:auto;margin-right:8px}.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__icon,.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__text{color:#36c}.cdx-typeahead-search__menu-message--has-thumbnail{padding-left:20px}.cdx-typeahead-search__input [aria-expanded=true],.cdx-typeahead-search__input[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input{padding-left:36px}.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded){margin-left:24px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded{margin-left:0}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input{padding-left:60px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:22px}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer{padding-right:12px;padding-left:12px}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.8571429em}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__text,.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__query{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-typeahead-search .cdx-menu-item:first-child .cdx-typeahead-search__search-footer{border-top:unset} +.cdx-icon{color:#202122;display:inline-flex;align-items:center;justify-content:center;vertical-align:text-bottom}.cdx-icon svg{fill:currentcolor;width:100%;height:100%}.cdx-icon--x-small{min-width:12px;min-height:12px;width:.8571429em;height:.8571429em}.cdx-icon--small{min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em}.cdx-icon--medium{min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em}.cdx-icon--flipped svg{transform:scaleX(-1)}.cdx-thumbnail{display:inline-flex}.cdx-thumbnail__placeholder,.cdx-thumbnail__image{background-position:center;background-repeat:no-repeat;background-size:cover;flex-shrink:0;box-sizing:border-box;min-width:40px;min-height:40px;width:2.8571429em;height:2.8571429em;border:1px solid #c8ccd1;border-radius:2px}.cdx-thumbnail__image{display:inline-block}.cdx-thumbnail__image-enter-active{transition-property:opacity;transition-duration:.1s}.cdx-thumbnail__image-enter-from{opacity:0}.cdx-thumbnail__placeholder{background-color:#f8f9fa;display:inline-flex;align-items:center;justify-content:center}.cdx-thumbnail__placeholder__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>')}.cdx-thumbnail__placeholder__icon--vue{color:#72777d}.cdx-search-result-title{display:inline-block;font-weight:700}.cdx-search-result-title__match{font-weight:400}.cdx-menu-item{list-style:none;position:relative;padding:8px 12px;line-height:1.6;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-menu-item__content{display:flex;align-items:center;line-height:1.4285714;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-menu-item__content,.cdx-menu-item__content:hover{text-decoration:none}.cdx-menu-item--has-description .cdx-menu-item__content{align-items:flex-start}.cdx-menu-item__text__description{display:block}.cdx-menu-item__thumbnail{margin-right:8px}.cdx-menu-item__icon{color:inherit;margin-right:8px}.cdx-menu-item--bold-label .cdx-menu-item__text__label{font-weight:700}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text{overflow:hidden}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-menu-item--enabled,.cdx-menu-item--enabled .cdx-menu-item__content{color:#202122}.cdx-menu-item--enabled .cdx-menu-item__text__supporting-text,.cdx-menu-item--enabled .cdx-menu-item__text__description{color:#54595d}.cdx-menu-item--enabled.cdx-menu-item--highlighted{background-color:#eaecf0;cursor:pointer}.cdx-menu-item--enabled.cdx-menu-item--active{background-color:#eaf3ff;color:#36c}.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--enabled.cdx-menu-item--selected{background-color:#eaf3ff}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--disabled{color:#72777d;cursor:default}.cdx-menu-item--disabled .cdx-menu-item__text__description{color:#72777d}.cdx-progress-bar{box-sizing:border-box;overflow-x:hidden}.cdx-progress-bar__bar{width:33.33%;height:100%}.cdx-progress-bar:not(.cdx-progress-bar--inline){position:relative;z-index:1;height:1.1428571em;max-width:none;border:1px solid #a2a9b1;border-radius:9999px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-progress-bar--inline{width:100%;height:.2857143em}.cdx-progress-bar:not(.cdx-progress-bar--disabled) .cdx-progress-bar__bar{background-color:#36c;animation-name:cdx-animation-progress-bar__bar;animation-duration:1.6s;animation-timing-function:linear;animation-iteration-count:infinite}.cdx-progress-bar:not(.cdx-progress-bar--disabled).cdx-progress-bar--block{background-color:#fff}.cdx-progress-bar--disabled .cdx-progress-bar__bar{background-color:#c8ccd1}.cdx-progress-bar--disabled.cdx-progress-bar--block{background-color:#eaecf0}@keyframes cdx-animation-progress-bar__bar{0%{transform:translate(-100%)}to{transform:translate(300%)}}.cdx-menu{background-color:#fff;position:absolute;left:0;z-index:50;box-sizing:border-box;width:100%;border:1px solid #a2a9b1;border-radius:0 0 2px 2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-menu__progress-bar{position:absolute;top:0}.cdx-menu__listbox{margin:0;padding:0}.cdx-menu--has-sticky-footer .cdx-menu-item:last-of-type{position:absolute;bottom:0;width:100%}.cdx-menu--has-footer .cdx-menu-item:last-of-type:not(:first-of-type){border-top:1px solid #c8ccd1}.cdx-button{box-sizing:border-box;min-width:32px;min-height:32px;max-width:32em;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-right:11px;padding-left:11px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button:enabled{color:#202122}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled .cdx-button__icon{background-color:#202122}}.cdx-button:enabled:hover{cursor:pointer}.cdx-button:enabled:focus{outline:1px solid transparent}.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-button:disabled{border-color:transparent}.cdx-button .cdx-button__icon,.cdx-button .cdx-icon{vertical-align:middle}.cdx-button .cdx-icon{color:inherit}.cdx-button--icon-only{padding:0 5px}.cdx-button:not(.cdx-button--weight-quiet):enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-button:not(.cdx-button--weight-quiet):enabled:hover{background-color:#fff;color:#404244}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:hover .cdx-button__icon{background-color:#404244}}.cdx-button:not(.cdx-button--weight-quiet):enabled:active,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:not(.cdx-button--weight-quiet):disabled{background-color:#c8ccd1;color:#fff}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled{background-color:#36c;color:#fff;border-color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-button--weight-primary.cdx-button--action-destructive:enabled{background-color:#d33;color:#fff;border-color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover{background-color:#ff4242;color:#fff;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33,inset 0 0 0 2px #fff}.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-button--weight-quiet:enabled:hover{background-color:rgba(0,24,73,.027)}.cdx-button--weight-quiet:enabled:active,.cdx-button--weight-quiet:enabled.cdx-button--is-active{background-color:rgba(0,24,73,.082);color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:enabled:active .cdx-button__icon,.cdx-button--weight-quiet:enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled .cdx-button__icon{background-color:#36c}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover{background-color:#eaf3ff;color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled .cdx-button__icon{background-color:#d33}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover{background-color:#fee7e6;color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button--weight-quiet:disabled{color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:disabled .cdx-button__icon{background-color:#72777d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:hover{color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive.cdx-button--is-active{background-color:#eaf3ff;color:#2a4b8d;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#2a4b8d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive .cdx-button__icon{background-color:#d33}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:hover{color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive.cdx-button--is-active{background-color:#fee7e6;color:#b32424;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#b32424}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-text-input{position:relative;box-sizing:border-box}.cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:9px}.cdx-text-input__icon.cdx-text-input__end-icon{min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em;background-position:center;background-repeat:no-repeat;background-size:max(1.1428571em,16px)}.cdx-text-input__clear-icon,.cdx-text-input__end-icon{position:absolute;top:50%;min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:9px}.cdx-text-input__clear-icon:hover{cursor:pointer}.cdx-text-input__end-icon+.cdx-text-input__clear-icon{right:calc(8px * 2 + 1.1428571em + 1px)}.cdx-text-input__input{display:block;box-sizing:border-box;min-width:256px;min-height:32px;width:100%;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;font-family:inherit;font-size:inherit;line-height:1.4285714}.cdx-text-input__input:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-input__input:enabled~.cdx-text-input__icon-vue{color:#72777d}.cdx-text-input__input:enabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input:enabled:hover{border-color:#72777d}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon-vue,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon-vue{color:#202122}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon{opacity:1}.cdx-text-input__input:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-input__input:disabled{background-color:#eaecf0;color:#72777d;-webkit-text-fill-color:#72777d;border-color:#c8ccd1}.cdx-text-input__input:disabled~.cdx-text-input__icon-vue{color:#72777d;pointer-events:none}.cdx-text-input__input:disabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input::-webkit-input-placeholder{color:#72777d;opacity:1}.cdx-text-input__input::placeholder{color:#72777d;opacity:1}.cdx-text-input__input::-ms-clear{display:none}.cdx-text-input__input[type=search]{-webkit-appearance:none;-moz-appearance:textfield}.cdx-text-input__input[type=search]::-webkit-search-decoration,.cdx-text-input__input[type=search]::-webkit-search-cancel-button{display:none}.cdx-text-input--has-start-icon .cdx-text-input__input{padding-left:calc(8px + 8px + 1.4285714em)}.cdx-text-input--has-end-icon .cdx-text-input__input,.cdx-text-input--clearable .cdx-text-input__input{padding-right:calc(8px + 8px + 1.1428571em)}.cdx-text-input--has-end-icon.cdx-text-input--clearable .cdx-text-input__input{padding-right:calc(8px + calc(8px * 2 + 1.1428571em + 1px) + 1.1428571em)}.cdx-text-input--status-error .cdx-text-input__input:enabled{border-color:#d33}.cdx-text-input--status-error .cdx-text-input__input:enabled:focus{border-color:#36c}.cdx-search-input--has-end-button{background-color:#fff;display:flex;border:1px solid #a2a9b1;border-radius:2px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper{flex-grow:1;margin:-1px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper .cdx-text-input__input{border-top-right-radius:0;border-bottom-right-radius:0}.cdx-search-input__end-button{flex-shrink:0;margin:-1px -1px -1px 0;border-top-left-radius:0;border-bottom-left-radius:0}.cdx-search-input__end-button:hover,.cdx-search-input__end-button:focus{z-index:1}.cdx-search-input__input-wrapper{position:relative}.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/></svg>')}.cdx-typeahead-search .cdx-menu-item{padding:0}.cdx-typeahead-search .cdx-menu-item__content{padding:8px 12px}.cdx-typeahead-search__menu-message,.cdx-typeahead-search__search-footer{color:#202122;display:flex;align-items:center;padding:8px 12px;text-decoration:none}.cdx-typeahead-search__search-footer{box-sizing:border-box;min-height:56px}.cdx-typeahead-search__search-footer:visited{color:#202122}.cdx-typeahead-search__search-footer:hover{text-decoration:none;cursor:pointer}.cdx-typeahead-search__search-footer__icon{color:#54595d;width:auto;margin-right:8px}.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__icon,.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__text{color:#36c}.cdx-typeahead-search__menu-message--has-thumbnail{padding-left:20px}.cdx-typeahead-search__input [aria-expanded=true],.cdx-typeahead-search__input[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input{padding-left:36px}.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded){margin-left:24px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded{margin-left:0}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input{padding-left:60px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:22px}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer{padding-right:12px;padding-left:12px}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.8571429em}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__text,.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__query{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-typeahead-search .cdx-menu-item:first-child .cdx-typeahead-search__search-footer{border-top:unset} diff --git a/resources/lib/codex-search/codex-search.style-rtl.css b/resources/lib/codex-search/codex-search.style-rtl.css index 0603844353c3..40eb6bc24797 100644 --- a/resources/lib/codex-search/codex-search.style-rtl.css +++ b/resources/lib/codex-search/codex-search.style-rtl.css @@ -1 +1 @@ -.cdx-icon{color:#202122;display:inline-flex;align-items:center;justify-content:center;vertical-align:text-bottom}.cdx-icon svg{fill:currentcolor;width:100%;height:100%}.cdx-icon--x-small{min-width:12px;min-height:12px;width:.75em;height:.75em}.cdx-icon--small{min-width:16px;min-height:16px;width:1em;height:1em}.cdx-icon--medium{min-width:20px;min-height:20px;width:1.25em;height:1.25em}.cdx-icon--flipped svg{transform:scaleX(-1)}.cdx-thumbnail{display:inline-flex}.cdx-thumbnail__placeholder,.cdx-thumbnail__image{background-position:center;background-repeat:no-repeat;background-size:cover;flex-shrink:0;box-sizing:border-box;min-width:40px;min-height:40px;width:2.5em;height:2.5em;border:1px solid #c8ccd1;border-radius:2px}.cdx-thumbnail__image{display:inline-block}.cdx-thumbnail__image-enter-active{transition-property:opacity;transition-duration:.1s}.cdx-thumbnail__image-enter-from{opacity:0}.cdx-thumbnail__placeholder{background-color:#f8f9fa;display:inline-flex;align-items:center;justify-content:center}.cdx-thumbnail__placeholder__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>')}.cdx-thumbnail__placeholder__icon--vue{color:#72777d}.cdx-search-result-title{display:inline-block;font-weight:700}.cdx-search-result-title__match{font-weight:400}.cdx-menu-item{list-style:none;position:relative;padding:8px 12px;line-height:1.6;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-menu-item__content{display:flex;align-items:center;line-height:1.4285714;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-menu-item__content,.cdx-menu-item__content:hover{text-decoration:none}.cdx-menu-item--has-description .cdx-menu-item__content{align-items:flex-start}.cdx-menu-item__text__description{display:block}.cdx-menu-item__thumbnail{margin-left:8px}.cdx-menu-item__icon{color:inherit;margin-left:8px}.cdx-menu-item--bold-label .cdx-menu-item__text__label{font-weight:700}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text{overflow:hidden}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-menu-item--enabled,.cdx-menu-item--enabled .cdx-menu-item__content{color:#202122}.cdx-menu-item--enabled .cdx-menu-item__text__supporting-text,.cdx-menu-item--enabled .cdx-menu-item__text__description{color:#54595d}.cdx-menu-item--enabled.cdx-menu-item--highlighted{background-color:#eaecf0;cursor:pointer}.cdx-menu-item--enabled.cdx-menu-item--active{background-color:#eaf3ff;color:#36c}.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--enabled.cdx-menu-item--selected{background-color:#eaf3ff}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--disabled{color:#72777d;cursor:default}.cdx-menu-item--disabled .cdx-menu-item__text__description{color:#72777d}.cdx-progress-bar{box-sizing:border-box;overflow-x:hidden}.cdx-progress-bar__bar{width:33.33%;height:100%}.cdx-progress-bar:not(.cdx-progress-bar--inline){position:relative;z-index:1;height:1em;max-width:none;border:1px solid #a2a9b1;border-radius:9999px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-progress-bar--inline{width:100%;height:.25em}.cdx-progress-bar:not(.cdx-progress-bar--disabled) .cdx-progress-bar__bar{background-color:#36c;animation-name:cdx-animation-progress-bar__bar;animation-duration:1.6s;animation-timing-function:linear;animation-iteration-count:infinite}.cdx-progress-bar:not(.cdx-progress-bar--disabled).cdx-progress-bar--block{background-color:#fff}.cdx-progress-bar--disabled .cdx-progress-bar__bar{background-color:#c8ccd1}.cdx-progress-bar--disabled.cdx-progress-bar--block{background-color:#eaecf0}@keyframes cdx-animation-progress-bar__bar{0%{transform:translate(100%)}to{transform:translate(-300%)}}.cdx-menu{background-color:#fff;position:absolute;right:0;z-index:50;box-sizing:border-box;width:100%;border:1px solid #a2a9b1;border-radius:0 0 2px 2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-menu__progress-bar{position:absolute;top:0}.cdx-menu__listbox{margin:0;padding:0}.cdx-menu--has-sticky-footer .cdx-menu-item:last-of-type{position:absolute;bottom:0;width:100%}.cdx-menu--has-footer .cdx-menu-item:last-of-type:not(:first-of-type){border-top:1px solid #c8ccd1}.cdx-button{box-sizing:border-box;min-width:32px;min-height:32px;max-width:28em;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-left:12px;padding-right:12px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button:enabled{color:#202122}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled .cdx-button__icon{background-color:#202122}}.cdx-button:enabled:hover{cursor:pointer}.cdx-button:enabled:focus{outline:1px solid transparent}.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-button:disabled{border-color:transparent}.cdx-button .cdx-button__icon,.cdx-button .cdx-icon{vertical-align:middle}.cdx-button .cdx-icon{color:inherit}.cdx-button--icon-only{padding:0 4px}.cdx-button:not(.cdx-button--weight-quiet):enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-button:not(.cdx-button--weight-quiet):enabled:hover{background-color:#fff;color:#404244}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:hover .cdx-button__icon{background-color:#404244}}.cdx-button:not(.cdx-button--weight-quiet):enabled:active,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:not(.cdx-button--weight-quiet):disabled{background-color:#c8ccd1;color:#fff}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled{background-color:#36c;color:#fff;border-color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-button--weight-primary.cdx-button--action-destructive:enabled{background-color:#d33;color:#fff;border-color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover{background-color:#ff4242;color:#fff;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33,inset 0 0 0 2px #fff}.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-button--weight-quiet:enabled:hover{background-color:rgba(0,24,73,.027)}.cdx-button--weight-quiet:enabled:active,.cdx-button--weight-quiet:enabled.cdx-button--is-active{background-color:rgba(0,24,73,.082);color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:enabled:active .cdx-button__icon,.cdx-button--weight-quiet:enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled .cdx-button__icon{background-color:#36c}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover{background-color:#eaf3ff;color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled .cdx-button__icon{background-color:#d33}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover{background-color:#fee7e6;color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button--weight-quiet:disabled{color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:disabled .cdx-button__icon{background-color:#72777d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:hover{color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive.cdx-button--is-active{background-color:#eaf3ff;color:#2a4b8d;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#2a4b8d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive .cdx-button__icon{background-color:#d33}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:hover{color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive.cdx-button--is-active{background-color:#fee7e6;color:#b32424;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#b32424}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-text-input{position:relative;box-sizing:border-box}.cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:9px}.cdx-text-input__icon.cdx-text-input__end-icon{min-width:16px;min-height:16px;width:1em;height:1em;background-position:center;background-repeat:no-repeat;background-size:max(1em,16px)}.cdx-text-input__clear-icon,.cdx-text-input__end-icon{position:absolute;top:50%;min-width:16px;min-height:16px;width:1em;height:1em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:9px}.cdx-text-input__clear-icon:hover{cursor:pointer}.cdx-text-input__end-icon+.cdx-text-input__clear-icon{left:calc(17px + 1em)}.cdx-text-input__input{display:block;box-sizing:border-box;min-width:256px;min-height:32px;width:100%;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;font-family:inherit;font-size:inherit;line-height:1.4285714}.cdx-text-input__input:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-input__input:enabled~.cdx-text-input__icon-vue{color:#72777d}.cdx-text-input__input:enabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input:enabled:hover{border-color:#72777d}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon-vue,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon-vue{color:#202122}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon{opacity:1}.cdx-text-input__input:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-input__input:disabled{background-color:#eaecf0;color:#72777d;-webkit-text-fill-color:#72777d;border-color:#c8ccd1}.cdx-text-input__input:disabled~.cdx-text-input__icon-vue{color:#72777d;pointer-events:none}.cdx-text-input__input:disabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input::-webkit-input-placeholder{color:#72777d;opacity:1}.cdx-text-input__input::placeholder{color:#72777d;opacity:1}.cdx-text-input__input::-ms-clear{display:none}.cdx-text-input__input[type=search]{-webkit-appearance:none;-moz-appearance:textfield}.cdx-text-input__input[type=search]::-webkit-search-decoration,.cdx-text-input__input[type=search]::-webkit-search-cancel-button{display:none}.cdx-text-input--has-start-icon .cdx-text-input__input{padding-right:calc(16px + 1.25em)}.cdx-text-input--has-end-icon .cdx-text-input__input,.cdx-text-input--clearable .cdx-text-input__input{padding-left:calc(16px + 1em)}.cdx-text-input--has-end-icon.cdx-text-input--clearable .cdx-text-input__input{padding-left:calc(25px + 2em)}.cdx-text-input--status-error .cdx-text-input__input{border-color:#d33}.cdx-text-input--status-error .cdx-text-input__input:focus{border-color:#36c}.cdx-search-input--has-end-button{background-color:#fff;display:flex;border:1px solid #a2a9b1;border-radius:2px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper{flex-grow:1;margin:-1px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper .cdx-text-input__input{border-top-left-radius:0;border-bottom-left-radius:0}.cdx-search-input__end-button{flex-shrink:0;margin:-1px 0 -1px -1px;border-top-right-radius:0;border-bottom-right-radius:0}.cdx-search-input__end-button:hover,.cdx-search-input__end-button:focus{z-index:1}.cdx-search-input__input-wrapper{position:relative}.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/></svg>')}.cdx-typeahead-search .cdx-menu-item{padding:0}.cdx-typeahead-search .cdx-menu-item__content{padding:8px 12px}.cdx-typeahead-search__menu-message,.cdx-typeahead-search__search-footer{color:#202122;display:flex;align-items:center;padding:8px 12px;text-decoration:none}.cdx-typeahead-search__search-footer{box-sizing:border-box;min-height:56px}.cdx-typeahead-search__search-footer:visited{color:#202122}.cdx-typeahead-search__search-footer:hover{text-decoration:none;cursor:pointer}.cdx-typeahead-search__search-footer__icon{color:#54595d;width:auto;margin-left:8px}.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__icon,.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__text{color:#36c}.cdx-typeahead-search__menu-message--has-thumbnail{padding-right:20px}.cdx-typeahead-search__input [aria-expanded=true],.cdx-typeahead-search__input[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input{padding-right:36px}.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded){margin-right:24px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded{margin-right:0}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input{padding-right:60px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:22px}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer{padding-left:12px;padding-right:12px}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.5em}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__text,.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__query{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-typeahead-search .cdx-menu-item:first-child .cdx-typeahead-search__search-footer{border-top:unset} +.cdx-icon{color:#202122;display:inline-flex;align-items:center;justify-content:center;vertical-align:text-bottom}.cdx-icon svg{fill:currentcolor;width:100%;height:100%}.cdx-icon--x-small{min-width:12px;min-height:12px;width:.75em;height:.75em}.cdx-icon--small{min-width:16px;min-height:16px;width:1em;height:1em}.cdx-icon--medium{min-width:20px;min-height:20px;width:1.25em;height:1.25em}.cdx-icon--flipped svg{transform:scaleX(-1)}.cdx-thumbnail{display:inline-flex}.cdx-thumbnail__placeholder,.cdx-thumbnail__image{background-position:center;background-repeat:no-repeat;background-size:cover;flex-shrink:0;box-sizing:border-box;min-width:40px;min-height:40px;width:2.5em;height:2.5em;border:1px solid #c8ccd1;border-radius:2px}.cdx-thumbnail__image{display:inline-block}.cdx-thumbnail__image-enter-active{transition-property:opacity;transition-duration:.1s}.cdx-thumbnail__image-enter-from{opacity:0}.cdx-thumbnail__placeholder{background-color:#f8f9fa;display:inline-flex;align-items:center;justify-content:center}.cdx-thumbnail__placeholder__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>')}.cdx-thumbnail__placeholder__icon--vue{color:#72777d}.cdx-search-result-title{display:inline-block;font-weight:700}.cdx-search-result-title__match{font-weight:400}.cdx-menu-item{list-style:none;position:relative;padding:8px 12px;line-height:1.6;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-menu-item__content{display:flex;align-items:center;line-height:1.4285714;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-menu-item__content,.cdx-menu-item__content:hover{text-decoration:none}.cdx-menu-item--has-description .cdx-menu-item__content{align-items:flex-start}.cdx-menu-item__text__description{display:block}.cdx-menu-item__thumbnail{margin-left:8px}.cdx-menu-item__icon{color:inherit;margin-left:8px}.cdx-menu-item--bold-label .cdx-menu-item__text__label{font-weight:700}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text{overflow:hidden}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-menu-item--enabled,.cdx-menu-item--enabled .cdx-menu-item__content{color:#202122}.cdx-menu-item--enabled .cdx-menu-item__text__supporting-text,.cdx-menu-item--enabled .cdx-menu-item__text__description{color:#54595d}.cdx-menu-item--enabled.cdx-menu-item--highlighted{background-color:#eaecf0;cursor:pointer}.cdx-menu-item--enabled.cdx-menu-item--active{background-color:#eaf3ff;color:#36c}.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--enabled.cdx-menu-item--selected{background-color:#eaf3ff}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--disabled{color:#72777d;cursor:default}.cdx-menu-item--disabled .cdx-menu-item__text__description{color:#72777d}.cdx-progress-bar{box-sizing:border-box;overflow-x:hidden}.cdx-progress-bar__bar{width:33.33%;height:100%}.cdx-progress-bar:not(.cdx-progress-bar--inline){position:relative;z-index:1;height:1em;max-width:none;border:1px solid #a2a9b1;border-radius:9999px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-progress-bar--inline{width:100%;height:.25em}.cdx-progress-bar:not(.cdx-progress-bar--disabled) .cdx-progress-bar__bar{background-color:#36c;animation-name:cdx-animation-progress-bar__bar;animation-duration:1.6s;animation-timing-function:linear;animation-iteration-count:infinite}.cdx-progress-bar:not(.cdx-progress-bar--disabled).cdx-progress-bar--block{background-color:#fff}.cdx-progress-bar--disabled .cdx-progress-bar__bar{background-color:#c8ccd1}.cdx-progress-bar--disabled.cdx-progress-bar--block{background-color:#eaecf0}@keyframes cdx-animation-progress-bar__bar{0%{transform:translate(100%)}to{transform:translate(-300%)}}.cdx-menu{background-color:#fff;position:absolute;right:0;z-index:50;box-sizing:border-box;width:100%;border:1px solid #a2a9b1;border-radius:0 0 2px 2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-menu__progress-bar{position:absolute;top:0}.cdx-menu__listbox{margin:0;padding:0}.cdx-menu--has-sticky-footer .cdx-menu-item:last-of-type{position:absolute;bottom:0;width:100%}.cdx-menu--has-footer .cdx-menu-item:last-of-type:not(:first-of-type){border-top:1px solid #c8ccd1}.cdx-button{box-sizing:border-box;min-width:32px;min-height:32px;max-width:28em;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-left:11px;padding-right:11px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button:enabled{color:#202122}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled .cdx-button__icon{background-color:#202122}}.cdx-button:enabled:hover{cursor:pointer}.cdx-button:enabled:focus{outline:1px solid transparent}.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-button:disabled{border-color:transparent}.cdx-button .cdx-button__icon,.cdx-button .cdx-icon{vertical-align:middle}.cdx-button .cdx-icon{color:inherit}.cdx-button--icon-only{padding:0 5px}.cdx-button:not(.cdx-button--weight-quiet):enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-button:not(.cdx-button--weight-quiet):enabled:hover{background-color:#fff;color:#404244}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:hover .cdx-button__icon{background-color:#404244}}.cdx-button:not(.cdx-button--weight-quiet):enabled:active,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:not(.cdx-button--weight-quiet):disabled{background-color:#c8ccd1;color:#fff}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled{background-color:#36c;color:#fff;border-color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-button--weight-primary.cdx-button--action-destructive:enabled{background-color:#d33;color:#fff;border-color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover{background-color:#ff4242;color:#fff;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33,inset 0 0 0 2px #fff}.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-button--weight-quiet:enabled:hover{background-color:rgba(0,24,73,.027)}.cdx-button--weight-quiet:enabled:active,.cdx-button--weight-quiet:enabled.cdx-button--is-active{background-color:rgba(0,24,73,.082);color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:enabled:active .cdx-button__icon,.cdx-button--weight-quiet:enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled .cdx-button__icon{background-color:#36c}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover{background-color:#eaf3ff;color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled .cdx-button__icon{background-color:#d33}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover{background-color:#fee7e6;color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button--weight-quiet:disabled{color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:disabled .cdx-button__icon{background-color:#72777d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:hover{color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive.cdx-button--is-active{background-color:#eaf3ff;color:#2a4b8d;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#2a4b8d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive .cdx-button__icon{background-color:#d33}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:hover{color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive.cdx-button--is-active{background-color:#fee7e6;color:#b32424;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#b32424}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-text-input{position:relative;box-sizing:border-box}.cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:9px}.cdx-text-input__icon.cdx-text-input__end-icon{min-width:16px;min-height:16px;width:1em;height:1em;background-position:center;background-repeat:no-repeat;background-size:max(1em,16px)}.cdx-text-input__clear-icon,.cdx-text-input__end-icon{position:absolute;top:50%;min-width:16px;min-height:16px;width:1em;height:1em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:9px}.cdx-text-input__clear-icon:hover{cursor:pointer}.cdx-text-input__end-icon+.cdx-text-input__clear-icon{left:calc(17px + 1em)}.cdx-text-input__input{display:block;box-sizing:border-box;min-width:256px;min-height:32px;width:100%;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;font-family:inherit;font-size:inherit;line-height:1.4285714}.cdx-text-input__input:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-input__input:enabled~.cdx-text-input__icon-vue{color:#72777d}.cdx-text-input__input:enabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input:enabled:hover{border-color:#72777d}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon-vue,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon-vue{color:#202122}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon{opacity:1}.cdx-text-input__input:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-input__input:disabled{background-color:#eaecf0;color:#72777d;-webkit-text-fill-color:#72777d;border-color:#c8ccd1}.cdx-text-input__input:disabled~.cdx-text-input__icon-vue{color:#72777d;pointer-events:none}.cdx-text-input__input:disabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input::-webkit-input-placeholder{color:#72777d;opacity:1}.cdx-text-input__input::placeholder{color:#72777d;opacity:1}.cdx-text-input__input::-ms-clear{display:none}.cdx-text-input__input[type=search]{-webkit-appearance:none;-moz-appearance:textfield}.cdx-text-input__input[type=search]::-webkit-search-decoration,.cdx-text-input__input[type=search]::-webkit-search-cancel-button{display:none}.cdx-text-input--has-start-icon .cdx-text-input__input{padding-right:calc(16px + 1.25em)}.cdx-text-input--has-end-icon .cdx-text-input__input,.cdx-text-input--clearable .cdx-text-input__input{padding-left:calc(16px + 1em)}.cdx-text-input--has-end-icon.cdx-text-input--clearable .cdx-text-input__input{padding-left:calc(25px + 2em)}.cdx-text-input--status-error .cdx-text-input__input:enabled{border-color:#d33}.cdx-text-input--status-error .cdx-text-input__input:enabled:focus{border-color:#36c}.cdx-search-input--has-end-button{background-color:#fff;display:flex;border:1px solid #a2a9b1;border-radius:2px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper{flex-grow:1;margin:-1px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper .cdx-text-input__input{border-top-left-radius:0;border-bottom-left-radius:0}.cdx-search-input__end-button{flex-shrink:0;margin:-1px 0 -1px -1px;border-top-right-radius:0;border-bottom-right-radius:0}.cdx-search-input__end-button:hover,.cdx-search-input__end-button:focus{z-index:1}.cdx-search-input__input-wrapper{position:relative}.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/></svg>')}.cdx-typeahead-search .cdx-menu-item{padding:0}.cdx-typeahead-search .cdx-menu-item__content{padding:8px 12px}.cdx-typeahead-search__menu-message,.cdx-typeahead-search__search-footer{color:#202122;display:flex;align-items:center;padding:8px 12px;text-decoration:none}.cdx-typeahead-search__search-footer{box-sizing:border-box;min-height:56px}.cdx-typeahead-search__search-footer:visited{color:#202122}.cdx-typeahead-search__search-footer:hover{text-decoration:none;cursor:pointer}.cdx-typeahead-search__search-footer__icon{color:#54595d;width:auto;margin-left:8px}.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__icon,.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__text{color:#36c}.cdx-typeahead-search__menu-message--has-thumbnail{padding-right:20px}.cdx-typeahead-search__input [aria-expanded=true],.cdx-typeahead-search__input[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input{padding-right:36px}.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded){margin-right:24px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded{margin-right:0}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input{padding-right:60px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:22px}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer{padding-left:12px;padding-right:12px}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.5em}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__text,.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__query{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-typeahead-search .cdx-menu-item:first-child .cdx-typeahead-search__search-footer{border-top:unset} diff --git a/resources/lib/codex-search/codex-search.style.css b/resources/lib/codex-search/codex-search.style.css index c90fe0116464..8c568be7a297 100644 --- a/resources/lib/codex-search/codex-search.style.css +++ b/resources/lib/codex-search/codex-search.style.css @@ -1 +1 @@ -.cdx-icon{color:#202122;display:inline-flex;align-items:center;justify-content:center;vertical-align:text-bottom}.cdx-icon svg{fill:currentcolor;width:100%;height:100%}.cdx-icon--x-small{min-width:12px;min-height:12px;width:.75em;height:.75em}.cdx-icon--small{min-width:16px;min-height:16px;width:1em;height:1em}.cdx-icon--medium{min-width:20px;min-height:20px;width:1.25em;height:1.25em}.cdx-icon--flipped svg{transform:scaleX(-1)}.cdx-thumbnail{display:inline-flex}.cdx-thumbnail__placeholder,.cdx-thumbnail__image{background-position:center;background-repeat:no-repeat;background-size:cover;flex-shrink:0;box-sizing:border-box;min-width:40px;min-height:40px;width:2.5em;height:2.5em;border:1px solid #c8ccd1;border-radius:2px}.cdx-thumbnail__image{display:inline-block}.cdx-thumbnail__image-enter-active{transition-property:opacity;transition-duration:.1s}.cdx-thumbnail__image-enter-from{opacity:0}.cdx-thumbnail__placeholder{background-color:#f8f9fa;display:inline-flex;align-items:center;justify-content:center}.cdx-thumbnail__placeholder__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>')}.cdx-thumbnail__placeholder__icon--vue{color:#72777d}.cdx-search-result-title{display:inline-block;font-weight:700}.cdx-search-result-title__match{font-weight:400}.cdx-menu-item{list-style:none;position:relative;padding:8px 12px;line-height:1.6;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-menu-item__content{display:flex;align-items:center;line-height:1.4285714;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-menu-item__content,.cdx-menu-item__content:hover{text-decoration:none}.cdx-menu-item--has-description .cdx-menu-item__content{align-items:flex-start}.cdx-menu-item__text__description{display:block}.cdx-menu-item__thumbnail{margin-right:8px}.cdx-menu-item__icon{color:inherit;margin-right:8px}.cdx-menu-item--bold-label .cdx-menu-item__text__label{font-weight:700}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text{overflow:hidden}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-menu-item--enabled,.cdx-menu-item--enabled .cdx-menu-item__content{color:#202122}.cdx-menu-item--enabled .cdx-menu-item__text__supporting-text,.cdx-menu-item--enabled .cdx-menu-item__text__description{color:#54595d}.cdx-menu-item--enabled.cdx-menu-item--highlighted{background-color:#eaecf0;cursor:pointer}.cdx-menu-item--enabled.cdx-menu-item--active{background-color:#eaf3ff;color:#36c}.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--enabled.cdx-menu-item--selected{background-color:#eaf3ff}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--disabled{color:#72777d;cursor:default}.cdx-menu-item--disabled .cdx-menu-item__text__description{color:#72777d}.cdx-progress-bar{box-sizing:border-box;overflow-x:hidden}.cdx-progress-bar__bar{width:33.33%;height:100%}.cdx-progress-bar:not(.cdx-progress-bar--inline){position:relative;z-index:1;height:1em;max-width:none;border:1px solid #a2a9b1;border-radius:9999px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-progress-bar--inline{width:100%;height:.25em}.cdx-progress-bar:not(.cdx-progress-bar--disabled) .cdx-progress-bar__bar{background-color:#36c;animation-name:cdx-animation-progress-bar__bar;animation-duration:1.6s;animation-timing-function:linear;animation-iteration-count:infinite}.cdx-progress-bar:not(.cdx-progress-bar--disabled).cdx-progress-bar--block{background-color:#fff}.cdx-progress-bar--disabled .cdx-progress-bar__bar{background-color:#c8ccd1}.cdx-progress-bar--disabled.cdx-progress-bar--block{background-color:#eaecf0}@keyframes cdx-animation-progress-bar__bar{0%{transform:translate(-100%)}to{transform:translate(300%)}}.cdx-menu{background-color:#fff;position:absolute;left:0;z-index:50;box-sizing:border-box;width:100%;border:1px solid #a2a9b1;border-radius:0 0 2px 2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-menu__progress-bar{position:absolute;top:0}.cdx-menu__listbox{margin:0;padding:0}.cdx-menu--has-sticky-footer .cdx-menu-item:last-of-type{position:absolute;bottom:0;width:100%}.cdx-menu--has-footer .cdx-menu-item:last-of-type:not(:first-of-type){border-top:1px solid #c8ccd1}.cdx-button{box-sizing:border-box;min-width:32px;min-height:32px;max-width:28em;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-right:12px;padding-left:12px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button:enabled{color:#202122}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled .cdx-button__icon{background-color:#202122}}.cdx-button:enabled:hover{cursor:pointer}.cdx-button:enabled:focus{outline:1px solid transparent}.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-button:disabled{border-color:transparent}.cdx-button .cdx-button__icon,.cdx-button .cdx-icon{vertical-align:middle}.cdx-button .cdx-icon{color:inherit}.cdx-button--icon-only{padding:0 4px}.cdx-button:not(.cdx-button--weight-quiet):enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-button:not(.cdx-button--weight-quiet):enabled:hover{background-color:#fff;color:#404244}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:hover .cdx-button__icon{background-color:#404244}}.cdx-button:not(.cdx-button--weight-quiet):enabled:active,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:not(.cdx-button--weight-quiet):disabled{background-color:#c8ccd1;color:#fff}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled{background-color:#36c;color:#fff;border-color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-button--weight-primary.cdx-button--action-destructive:enabled{background-color:#d33;color:#fff;border-color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover{background-color:#ff4242;color:#fff;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33,inset 0 0 0 2px #fff}.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-button--weight-quiet:enabled:hover{background-color:rgba(0,24,73,.027)}.cdx-button--weight-quiet:enabled:active,.cdx-button--weight-quiet:enabled.cdx-button--is-active{background-color:rgba(0,24,73,.082);color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:enabled:active .cdx-button__icon,.cdx-button--weight-quiet:enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled .cdx-button__icon{background-color:#36c}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover{background-color:#eaf3ff;color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled .cdx-button__icon{background-color:#d33}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover{background-color:#fee7e6;color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button--weight-quiet:disabled{color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:disabled .cdx-button__icon{background-color:#72777d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:hover{color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive.cdx-button--is-active{background-color:#eaf3ff;color:#2a4b8d;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#2a4b8d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive .cdx-button__icon{background-color:#d33}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:hover{color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive.cdx-button--is-active{background-color:#fee7e6;color:#b32424;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#b32424}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-text-input{position:relative;box-sizing:border-box}.cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:9px}.cdx-text-input__icon.cdx-text-input__end-icon{min-width:16px;min-height:16px;width:1em;height:1em;background-position:center;background-repeat:no-repeat;background-size:max(1em,16px)}.cdx-text-input__clear-icon,.cdx-text-input__end-icon{position:absolute;top:50%;min-width:16px;min-height:16px;width:1em;height:1em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:9px}.cdx-text-input__clear-icon:hover{cursor:pointer}.cdx-text-input__end-icon+.cdx-text-input__clear-icon{right:calc(17px + 1em)}.cdx-text-input__input{display:block;box-sizing:border-box;min-width:256px;min-height:32px;width:100%;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;font-family:inherit;font-size:inherit;line-height:1.4285714}.cdx-text-input__input:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-input__input:enabled~.cdx-text-input__icon-vue{color:#72777d}.cdx-text-input__input:enabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input:enabled:hover{border-color:#72777d}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon-vue,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon-vue{color:#202122}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon{opacity:1}.cdx-text-input__input:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-input__input:disabled{background-color:#eaecf0;color:#72777d;-webkit-text-fill-color:#72777d;border-color:#c8ccd1}.cdx-text-input__input:disabled~.cdx-text-input__icon-vue{color:#72777d;pointer-events:none}.cdx-text-input__input:disabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input::-webkit-input-placeholder{color:#72777d;opacity:1}.cdx-text-input__input::placeholder{color:#72777d;opacity:1}.cdx-text-input__input::-ms-clear{display:none}.cdx-text-input__input[type=search]{-webkit-appearance:none;-moz-appearance:textfield}.cdx-text-input__input[type=search]::-webkit-search-decoration,.cdx-text-input__input[type=search]::-webkit-search-cancel-button{display:none}.cdx-text-input--has-start-icon .cdx-text-input__input{padding-left:calc(16px + 1.25em)}.cdx-text-input--has-end-icon .cdx-text-input__input,.cdx-text-input--clearable .cdx-text-input__input{padding-right:calc(16px + 1em)}.cdx-text-input--has-end-icon.cdx-text-input--clearable .cdx-text-input__input{padding-right:calc(25px + 2em)}.cdx-text-input--status-error .cdx-text-input__input{border-color:#d33}.cdx-text-input--status-error .cdx-text-input__input:focus{border-color:#36c}.cdx-search-input--has-end-button{background-color:#fff;display:flex;border:1px solid #a2a9b1;border-radius:2px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper{flex-grow:1;margin:-1px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper .cdx-text-input__input{border-top-right-radius:0;border-bottom-right-radius:0}.cdx-search-input__end-button{flex-shrink:0;margin:-1px -1px -1px 0;border-top-left-radius:0;border-bottom-left-radius:0}.cdx-search-input__end-button:hover,.cdx-search-input__end-button:focus{z-index:1}.cdx-search-input__input-wrapper{position:relative}.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/></svg>')}.cdx-typeahead-search .cdx-menu-item{padding:0}.cdx-typeahead-search .cdx-menu-item__content{padding:8px 12px}.cdx-typeahead-search__menu-message,.cdx-typeahead-search__search-footer{color:#202122;display:flex;align-items:center;padding:8px 12px;text-decoration:none}.cdx-typeahead-search__search-footer{box-sizing:border-box;min-height:56px}.cdx-typeahead-search__search-footer:visited{color:#202122}.cdx-typeahead-search__search-footer:hover{text-decoration:none;cursor:pointer}.cdx-typeahead-search__search-footer__icon{color:#54595d;width:auto;margin-right:8px}.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__icon,.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__text{color:#36c}.cdx-typeahead-search__menu-message--has-thumbnail{padding-left:20px}.cdx-typeahead-search__input [aria-expanded=true],.cdx-typeahead-search__input[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input{padding-left:36px}.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded){margin-left:24px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded{margin-left:0}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input{padding-left:60px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:22px}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer{padding-right:12px;padding-left:12px}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.5em}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__text,.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__query{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-typeahead-search .cdx-menu-item:first-child .cdx-typeahead-search__search-footer{border-top:unset} +.cdx-icon{color:#202122;display:inline-flex;align-items:center;justify-content:center;vertical-align:text-bottom}.cdx-icon svg{fill:currentcolor;width:100%;height:100%}.cdx-icon--x-small{min-width:12px;min-height:12px;width:.75em;height:.75em}.cdx-icon--small{min-width:16px;min-height:16px;width:1em;height:1em}.cdx-icon--medium{min-width:20px;min-height:20px;width:1.25em;height:1.25em}.cdx-icon--flipped svg{transform:scaleX(-1)}.cdx-thumbnail{display:inline-flex}.cdx-thumbnail__placeholder,.cdx-thumbnail__image{background-position:center;background-repeat:no-repeat;background-size:cover;flex-shrink:0;box-sizing:border-box;min-width:40px;min-height:40px;width:2.5em;height:2.5em;border:1px solid #c8ccd1;border-radius:2px}.cdx-thumbnail__image{display:inline-block}.cdx-thumbnail__image-enter-active{transition-property:opacity;transition-duration:.1s}.cdx-thumbnail__image-enter-from{opacity:0}.cdx-thumbnail__placeholder{background-color:#f8f9fa;display:inline-flex;align-items:center;justify-content:center}.cdx-thumbnail__placeholder__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>')}.cdx-thumbnail__placeholder__icon--vue{color:#72777d}.cdx-search-result-title{display:inline-block;font-weight:700}.cdx-search-result-title__match{font-weight:400}.cdx-menu-item{list-style:none;position:relative;padding:8px 12px;line-height:1.6;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-menu-item__content{display:flex;align-items:center;line-height:1.4285714;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-menu-item__content,.cdx-menu-item__content:hover{text-decoration:none}.cdx-menu-item--has-description .cdx-menu-item__content{align-items:flex-start}.cdx-menu-item__text__description{display:block}.cdx-menu-item__thumbnail{margin-right:8px}.cdx-menu-item__icon{color:inherit;margin-right:8px}.cdx-menu-item--bold-label .cdx-menu-item__text__label{font-weight:700}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text{overflow:hidden}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-menu-item--enabled,.cdx-menu-item--enabled .cdx-menu-item__content{color:#202122}.cdx-menu-item--enabled .cdx-menu-item__text__supporting-text,.cdx-menu-item--enabled .cdx-menu-item__text__description{color:#54595d}.cdx-menu-item--enabled.cdx-menu-item--highlighted{background-color:#eaecf0;cursor:pointer}.cdx-menu-item--enabled.cdx-menu-item--active{background-color:#eaf3ff;color:#36c}.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--enabled.cdx-menu-item--selected{background-color:#eaf3ff}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--disabled{color:#72777d;cursor:default}.cdx-menu-item--disabled .cdx-menu-item__text__description{color:#72777d}.cdx-progress-bar{box-sizing:border-box;overflow-x:hidden}.cdx-progress-bar__bar{width:33.33%;height:100%}.cdx-progress-bar:not(.cdx-progress-bar--inline){position:relative;z-index:1;height:1em;max-width:none;border:1px solid #a2a9b1;border-radius:9999px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-progress-bar--inline{width:100%;height:.25em}.cdx-progress-bar:not(.cdx-progress-bar--disabled) .cdx-progress-bar__bar{background-color:#36c;animation-name:cdx-animation-progress-bar__bar;animation-duration:1.6s;animation-timing-function:linear;animation-iteration-count:infinite}.cdx-progress-bar:not(.cdx-progress-bar--disabled).cdx-progress-bar--block{background-color:#fff}.cdx-progress-bar--disabled .cdx-progress-bar__bar{background-color:#c8ccd1}.cdx-progress-bar--disabled.cdx-progress-bar--block{background-color:#eaecf0}@keyframes cdx-animation-progress-bar__bar{0%{transform:translate(-100%)}to{transform:translate(300%)}}.cdx-menu{background-color:#fff;position:absolute;left:0;z-index:50;box-sizing:border-box;width:100%;border:1px solid #a2a9b1;border-radius:0 0 2px 2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-menu__progress-bar{position:absolute;top:0}.cdx-menu__listbox{margin:0;padding:0}.cdx-menu--has-sticky-footer .cdx-menu-item:last-of-type{position:absolute;bottom:0;width:100%}.cdx-menu--has-footer .cdx-menu-item:last-of-type:not(:first-of-type){border-top:1px solid #c8ccd1}.cdx-button{box-sizing:border-box;min-width:32px;min-height:32px;max-width:28em;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-right:11px;padding-left:11px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button:enabled{color:#202122}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled .cdx-button__icon{background-color:#202122}}.cdx-button:enabled:hover{cursor:pointer}.cdx-button:enabled:focus{outline:1px solid transparent}.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-button:disabled{border-color:transparent}.cdx-button .cdx-button__icon,.cdx-button .cdx-icon{vertical-align:middle}.cdx-button .cdx-icon{color:inherit}.cdx-button--icon-only{padding:0 5px}.cdx-button:not(.cdx-button--weight-quiet):enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-button:not(.cdx-button--weight-quiet):enabled:hover{background-color:#fff;color:#404244}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:hover .cdx-button__icon{background-color:#404244}}.cdx-button:not(.cdx-button--weight-quiet):enabled:active,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:not(.cdx-button--weight-quiet):disabled{background-color:#c8ccd1;color:#fff}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled{background-color:#36c;color:#fff;border-color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-button--weight-primary.cdx-button--action-destructive:enabled{background-color:#d33;color:#fff;border-color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover{background-color:#ff4242;color:#fff;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33,inset 0 0 0 2px #fff}.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-button--weight-quiet:enabled:hover{background-color:rgba(0,24,73,.027)}.cdx-button--weight-quiet:enabled:active,.cdx-button--weight-quiet:enabled.cdx-button--is-active{background-color:rgba(0,24,73,.082);color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:enabled:active .cdx-button__icon,.cdx-button--weight-quiet:enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled .cdx-button__icon{background-color:#36c}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover{background-color:#eaf3ff;color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled .cdx-button__icon{background-color:#d33}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover{background-color:#fee7e6;color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button--weight-quiet:disabled{color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:disabled .cdx-button__icon{background-color:#72777d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:hover{color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive.cdx-button--is-active{background-color:#eaf3ff;color:#2a4b8d;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#2a4b8d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive .cdx-button__icon{background-color:#d33}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:hover{color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive.cdx-button--is-active{background-color:#fee7e6;color:#b32424;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#b32424}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-text-input{position:relative;box-sizing:border-box}.cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:9px}.cdx-text-input__icon.cdx-text-input__end-icon{min-width:16px;min-height:16px;width:1em;height:1em;background-position:center;background-repeat:no-repeat;background-size:max(1em,16px)}.cdx-text-input__clear-icon,.cdx-text-input__end-icon{position:absolute;top:50%;min-width:16px;min-height:16px;width:1em;height:1em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:9px}.cdx-text-input__clear-icon:hover{cursor:pointer}.cdx-text-input__end-icon+.cdx-text-input__clear-icon{right:calc(17px + 1em)}.cdx-text-input__input{display:block;box-sizing:border-box;min-width:256px;min-height:32px;width:100%;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;font-family:inherit;font-size:inherit;line-height:1.4285714}.cdx-text-input__input:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-input__input:enabled~.cdx-text-input__icon-vue{color:#72777d}.cdx-text-input__input:enabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input:enabled:hover{border-color:#72777d}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon-vue,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon-vue{color:#202122}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon{opacity:1}.cdx-text-input__input:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-input__input:disabled{background-color:#eaecf0;color:#72777d;-webkit-text-fill-color:#72777d;border-color:#c8ccd1}.cdx-text-input__input:disabled~.cdx-text-input__icon-vue{color:#72777d;pointer-events:none}.cdx-text-input__input:disabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input::-webkit-input-placeholder{color:#72777d;opacity:1}.cdx-text-input__input::placeholder{color:#72777d;opacity:1}.cdx-text-input__input::-ms-clear{display:none}.cdx-text-input__input[type=search]{-webkit-appearance:none;-moz-appearance:textfield}.cdx-text-input__input[type=search]::-webkit-search-decoration,.cdx-text-input__input[type=search]::-webkit-search-cancel-button{display:none}.cdx-text-input--has-start-icon .cdx-text-input__input{padding-left:calc(16px + 1.25em)}.cdx-text-input--has-end-icon .cdx-text-input__input,.cdx-text-input--clearable .cdx-text-input__input{padding-right:calc(16px + 1em)}.cdx-text-input--has-end-icon.cdx-text-input--clearable .cdx-text-input__input{padding-right:calc(25px + 2em)}.cdx-text-input--status-error .cdx-text-input__input:enabled{border-color:#d33}.cdx-text-input--status-error .cdx-text-input__input:enabled:focus{border-color:#36c}.cdx-search-input--has-end-button{background-color:#fff;display:flex;border:1px solid #a2a9b1;border-radius:2px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper{flex-grow:1;margin:-1px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper .cdx-text-input__input{border-top-right-radius:0;border-bottom-right-radius:0}.cdx-search-input__end-button{flex-shrink:0;margin:-1px -1px -1px 0;border-top-left-radius:0;border-bottom-left-radius:0}.cdx-search-input__end-button:hover,.cdx-search-input__end-button:focus{z-index:1}.cdx-search-input__input-wrapper{position:relative}.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/></svg>')}.cdx-typeahead-search .cdx-menu-item{padding:0}.cdx-typeahead-search .cdx-menu-item__content{padding:8px 12px}.cdx-typeahead-search__menu-message,.cdx-typeahead-search__search-footer{color:#202122;display:flex;align-items:center;padding:8px 12px;text-decoration:none}.cdx-typeahead-search__search-footer{box-sizing:border-box;min-height:56px}.cdx-typeahead-search__search-footer:visited{color:#202122}.cdx-typeahead-search__search-footer:hover{text-decoration:none;cursor:pointer}.cdx-typeahead-search__search-footer__icon{color:#54595d;width:auto;margin-right:8px}.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__icon,.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__text{color:#36c}.cdx-typeahead-search__menu-message--has-thumbnail{padding-left:20px}.cdx-typeahead-search__input [aria-expanded=true],.cdx-typeahead-search__input[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input{padding-left:36px}.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded){margin-left:24px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded{margin-left:0}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input{padding-left:60px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:22px}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer{padding-right:12px;padding-left:12px}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.5em}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__text,.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__query{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-typeahead-search .cdx-menu-item:first-child .cdx-typeahead-search__search-footer{border-top:unset} diff --git a/resources/lib/codex/README.md b/resources/lib/codex/README.md index cb750d8c2964..5f100ddf978b 100644 --- a/resources/lib/codex/README.md +++ b/resources/lib/codex/README.md @@ -1,7 +1,7 @@ # Codex -Codex is a toolkit for building user interfaces within the Wikimedia Design System. Codex contains: -- Vue components, in this package +Codex is the design system for Wikimedia. Codex contains: +- Vue and CSS-only components, in this package - Design tokens, in the `@wikimedia/codex-tokens` package - Icons, in the `@wikimedia/codex-icons` package diff --git a/resources/lib/codex/codex.mjs b/resources/lib/codex/codex.mjs index 1a2e5740f185..31364903053d 100644 --- a/resources/lib/codex/codex.mjs +++ b/resources/lib/codex/codex.mjs @@ -1,21 +1,21 @@ var ht = Object.defineProperty, vt = Object.defineProperties; var bt = Object.getOwnPropertyDescriptors; -var ye = Object.getOwnPropertySymbols; +var ge = Object.getOwnPropertySymbols; var qe = Object.prototype.hasOwnProperty, Fe = Object.prototype.propertyIsEnumerable; var Oe = (e, t, n) => t in e ? ht(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, ze = (e, t) => { for (var n in t || (t = {})) qe.call(t, n) && Oe(e, n, t[n]); - if (ye) - for (var n of ye(t)) + if (ge) + for (var n of ge(t)) Fe.call(t, n) && Oe(e, n, t[n]); return e; }, He = (e, t) => vt(e, bt(t)); -var _e = (e, t) => { +var ye = (e, t) => { var n = {}; for (var s in e) qe.call(e, s) && t.indexOf(s) < 0 && (n[s] = e[s]); - if (e != null && ye) - for (var s of ye(e)) + if (e != null && ge) + for (var s of ge(e)) t.indexOf(s) < 0 && Fe.call(e, s) && (n[s] = e[s]); return n; }; @@ -35,8 +35,8 @@ var ke = (e, t, n) => new Promise((s, a) => { }, u = (o) => o.done ? s(o.value) : Promise.resolve(o.value).then(i, l); u((n = n.apply(e, t)).next()); }); -import { ref as f, onMounted as re, defineComponent as N, computed as p, openBlock as d, createElementBlock as m, normalizeClass as E, toDisplayString as H, createCommentVNode as C, Comment as gt, warn as yt, withKeys as Y, renderSlot as I, resolveComponent as w, Fragment as he, renderList as Ce, createBlock as K, withCtx as D, createTextVNode as oe, createVNode as z, Transition as Be, normalizeStyle as ce, resolveDynamicComponent as Xe, createElementVNode as v, getCurrentInstance as _t, toRef as Q, withDirectives as de, withModifiers as X, vModelCheckbox as Ye, onUnmounted as Ae, watch as te, nextTick as ge, mergeProps as Z, vShow as $e, vModelDynamic as $t, useCssVars as Le, vModelRadio as Ct, inject as je, provide as Ue, toRefs as It } from "vue"; -function se(e) { +import { ref as f, onMounted as de, defineComponent as D, computed as p, openBlock as d, createElementBlock as m, normalizeClass as K, toDisplayString as H, createCommentVNode as C, Comment as gt, warn as yt, withKeys as Y, renderSlot as w, resolveComponent as k, Fragment as me, renderList as _e, createBlock as L, withCtx as E, createTextVNode as ne, createVNode as z, Transition as Be, normalizeStyle as re, resolveDynamicComponent as Xe, createElementVNode as h, getCurrentInstance as $t, toRef as G, withDirectives as ue, withModifiers as X, vModelCheckbox as Ye, onUnmounted as Ae, watch as ee, nextTick as be, mergeProps as J, vShow as $e, vModelDynamic as _t, useCssVars as Ve, vModelRadio as Ct, inject as je, provide as Ue, toRefs as It } from "vue"; +function ae(e) { return (t) => typeof t == "string" && e.indexOf(t) !== -1; } const xe = "cdx", wt = [ @@ -56,7 +56,7 @@ const xe = "cdx", wt = [ "warning", "error", "success" -], et = se(St), Mt = [ +], et = ae(St), Mt = [ "text", "search", "number", @@ -69,10 +69,10 @@ const xe = "cdx", wt = [ "date", "datetime-local", "time" -], Ie = [ +], Ce = [ "default", "error" -], Tt = 120, Bt = 500, me = "cdx-menu-footer-item", tt = Symbol("CdxTabs"), nt = Symbol("CdxActiveTab"), At = '<path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/>', Lt = '<path d="M12.43 14.34A5 5 0 0110 15a5 5 0 113.95-2L17 16.09V3a2 2 0 00-2-2H5a2 2 0 00-2 2v14a2 2 0 002 2h10a2 2 0 001.45-.63z"/><circle cx="10" cy="10" r="3"/>', Vt = '<path d="M10 0a10 10 0 1010 10A10 10 0 0010 0zm5.66 14.24-1.41 1.41L10 11.41l-4.24 4.25-1.42-1.42L8.59 10 4.34 5.76l1.42-1.42L10 8.59l4.24-4.24 1.41 1.41L11.41 10z"/>', Kt = '<path d="m4.34 2.93 12.73 12.73-1.41 1.41L2.93 4.35z"/><path d="M17.07 4.34 4.34 17.07l-1.41-1.41L15.66 2.93z"/>', Et = '<path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/>', Dt = '<path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/>', Nt = '<path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/>', Rt = '<path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7z"/>', Ot = '<path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z"/>', qt = '<path d="M7 1 5.6 2.5 13 10l-7.4 7.5L7 19l9-9z"/>', Ft = '<path d="m4 10 9 9 1.4-1.5L7 10l7.4-7.5L13 1z"/>', zt = '<path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/>', Ht = '<path d="M10 20a10 10 0 010-20 10 10 0 110 20Zm-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10l5 5Z"/>', ot = At, jt = Lt, Ut = Vt, lt = Kt, at = Et, st = Dt, Wt = Nt, Pt = { +], Tt = 120, Bt = 500, fe = "cdx-menu-footer-item", tt = Symbol("CdxTabs"), nt = Symbol("CdxActiveTab"), At = '<path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/>', Vt = '<path d="M12.43 14.34A5 5 0 0110 15a5 5 0 113.95-2L17 16.09V3a2 2 0 00-2-2H5a2 2 0 00-2 2v14a2 2 0 002 2h10a2 2 0 001.45-.63z"/><circle cx="10" cy="10" r="3"/>', Lt = '<path d="M10 0a10 10 0 1010 10A10 10 0 0010 0zm5.66 14.24-1.41 1.41L10 11.41l-4.24 4.25-1.42-1.42L8.59 10 4.34 5.76l1.42-1.42L10 8.59l4.24-4.24 1.41 1.41L11.41 10z"/>', Kt = '<path d="m4.34 2.93 12.73 12.73-1.41 1.41L2.93 4.35z"/><path d="M17.07 4.34 4.34 17.07l-1.41-1.41L15.66 2.93z"/>', Et = '<path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/>', Dt = '<path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/>', Nt = '<path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/>', Rt = '<path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7z"/>', Ot = '<path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z"/>', qt = '<path d="M7 1 5.6 2.5 13 10l-7.4 7.5L7 19l9-9z"/>', Ft = '<path d="m4 10 9 9 1.4-1.5L7 10l7.4-7.5L13 1z"/>', zt = '<path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/>', Ht = '<path d="M10 20a10 10 0 010-20 10 10 0 110 20Zm-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10l5 5Z"/>', ot = At, jt = Vt, Ut = Lt, lt = Kt, at = Et, st = Dt, Wt = Nt, Pt = { langCodeMap: { ar: Rt }, @@ -111,21 +111,21 @@ function Xt(e, t) { } function ut(e) { const t = f(null); - return re(() => { + return de(() => { const n = window.getComputedStyle(e.value).direction; t.value = n === "ltr" || n === "rtl" ? n : null; }), t; } function Yt(e) { const t = f(""); - return re(() => { + return de(() => { let n = e.value; for (; n && n.lang === ""; ) n = n.parentElement; t.value = n ? n.lang : null; }), t; } -const en = se(xt), tn = N({ +const en = ae(xt), tn = D({ name: "CdxIcon", props: { /** The SVG path or an object containing that path plus other data. */ @@ -185,13 +185,13 @@ const en = se(xt), tn = N({ rootClasses: u, iconSvg: r, iconPath: c, - onClick: (y) => { - t("click", y); + onClick: (g) => { + t("click", g); } }; } }); -const R = (e, t) => { +const N = (e, t) => { const n = e.__vccOpts || e; for (const [s, a] of t) n[s] = a; @@ -200,7 +200,7 @@ const R = (e, t) => { function sn(e, t, n, s, a, i) { return d(), m("span", { ref: "rootElement", - class: E(["cdx-icon", e.rootClasses]), + class: K(["cdx-icon", e.rootClasses]), onClick: t[0] || (t[0] = (...l) => e.onClick && e.onClick(...l)) }, [ (d(), m("svg", { @@ -221,7 +221,7 @@ function sn(e, t, n, s, a, i) { ], 8, nn)) ], 2); } -const G = /* @__PURE__ */ R(tn, [["render", sn]]), un = se(wt), dn = se(kt), rn = (e) => { +const Z = /* @__PURE__ */ N(tn, [["render", sn]]), un = ae(wt), dn = ae(kt), rn = (e) => { !e["aria-label"] && !e["aria-hidden"] && yt(`icon-only buttons require one of the following attribute: aria-label or aria-hidden. See documentation on https://doc.wikimedia.org/codex/latest/components/button.html#default-icon-only`); }; @@ -239,9 +239,9 @@ const cn = (e, t) => { const n = Me(e); if (n.length !== 1) return !1; - const s = n[0], a = typeof s == "object" && typeof s.type == "object" && "name" in s.type && s.type.name === G.name, i = typeof s == "object" && s.type === "svg"; + const s = n[0], a = typeof s == "object" && typeof s.type == "object" && "name" in s.type && s.type.name === Z.name, i = typeof s == "object" && s.type === "svg"; return a || i ? (rn(t), !0) : !1; -}, pn = N({ +}, pn = D({ name: "CdxButton", props: { /** @@ -290,23 +290,23 @@ const cn = (e, t) => { }); function fn(e, t, n, s, a, i) { return d(), m("button", { - class: E(["cdx-button", e.rootClasses]), + class: K(["cdx-button", e.rootClasses]), onClick: t[0] || (t[0] = (...l) => e.onClick && e.onClick(...l)), onKeydown: t[1] || (t[1] = Y((l) => e.setActive(!0), ["space", "enter"])), onKeyup: t[2] || (t[2] = Y((l) => e.setActive(!1), ["space", "enter"])) }, [ - I(e.$slots, "default") + w(e.$slots, "default") ], 34); } -const ve = /* @__PURE__ */ R(pn, [["render", fn]]); +const he = /* @__PURE__ */ N(pn, [["render", fn]]); function dt(e) { return e.label === void 0 ? e.value : e.label === null ? "" : e.label; } -const mn = N({ +const mn = D({ name: "CdxButtonGroup", components: { - CdxButton: ve, - CdxIcon: G + CdxButton: he, + CdxIcon: Z }, props: { /** @@ -344,30 +344,30 @@ const mn = N({ }); const hn = { class: "cdx-button-group" }; function vn(e, t, n, s, a, i) { - const l = w("cdx-icon"), u = w("cdx-button"); + const l = k("cdx-icon"), u = k("cdx-button"); return d(), m("div", hn, [ - (d(!0), m(he, null, Ce(e.buttons, (o) => (d(), K(u, { + (d(!0), m(me, null, _e(e.buttons, (o) => (d(), L(u, { key: o.value, disabled: o.disabled || e.disabled, "aria-label": o.ariaLabel, onClick: (r) => e.$emit("click", o.value) }, { - default: D(() => [ - I(e.$slots, "default", { button: o }, () => [ - o.icon ? (d(), K(l, { + default: E(() => [ + w(e.$slots, "default", { button: o }, () => [ + o.icon ? (d(), L(l, { key: 0, icon: o.icon }, null, 8, ["icon"])) : C("", !0), - oe(" " + H(e.getButtonLabel(o)), 1) + ne(" " + H(e.getButtonLabel(o)), 1) ]) ]), _: 2 }, 1032, ["disabled", "aria-label", "onClick"]))), 128)) ]); } -const Sl = /* @__PURE__ */ R(mn, [["render", vn]]), bn = N({ +const Sl = /* @__PURE__ */ N(mn, [["render", vn]]), bn = D({ name: "CdxThumbnail", - components: { CdxIcon: G }, + components: { CdxIcon: Z }, props: { /** * Thumbnail data. @@ -393,7 +393,7 @@ const Sl = /* @__PURE__ */ R(mn, [["render", vn]]), bn = N({ t.value = !1; }, l.src = i; }; - return re(() => { + return de(() => { var a; (a = e.thumbnail) != null && a.url && s(e.thumbnail.url); }), { @@ -406,8 +406,8 @@ const gn = { class: "cdx-thumbnail" }, yn = { key: 0, class: "cdx-thumbnail__placeholder" }; -function _n(e, t, n, s, a, i) { - const l = w("cdx-icon"); +function $n(e, t, n, s, a, i) { + const l = k("cdx-icon"); return d(), m("span", gn, [ e.thumbnailLoaded ? C("", !0) : (d(), m("span", yn, [ z(l, { @@ -416,10 +416,10 @@ function _n(e, t, n, s, a, i) { }, null, 8, ["icon"]) ])), z(Be, { name: "cdx-thumbnail__image" }, { - default: D(() => [ + default: E(() => [ e.thumbnailLoaded ? (d(), m("span", { key: 0, - style: ce(e.thumbnailStyle), + style: re(e.thumbnailStyle), class: "cdx-thumbnail__image" }, null, 4)) : C("", !0) ]), @@ -427,9 +427,9 @@ function _n(e, t, n, s, a, i) { }) ]); } -const rt = /* @__PURE__ */ R(bn, [["render", _n]]), $n = N({ +const rt = /* @__PURE__ */ N(bn, [["render", $n]]), _n = D({ name: "CdxCard", - components: { CdxIcon: G, CdxThumbnail: rt }, + components: { CdxIcon: Z, CdxThumbnail: rt }, props: { /** * If provided, the Card will be a link to this URL. @@ -497,43 +497,43 @@ const Cn = { class: "cdx-card__text" }, In = { class: "cdx-card__text__title" }, class: "cdx-card__text__supporting-text" }; function xn(e, t, n, s, a, i) { - const l = w("cdx-thumbnail"), u = w("cdx-icon"); - return d(), K(Xe(e.contentTag), { + const l = k("cdx-thumbnail"), u = k("cdx-icon"); + return d(), L(Xe(e.contentTag), { href: e.cardLink, - class: E(["cdx-card", { + class: K(["cdx-card", { "cdx-card--is-link": e.isLink, // Include dynamic classes in the template so that $slots is reactive. "cdx-card--title-only": !e.$slots.description && !e.$slots["supporting-text"] }]) }, { - default: D(() => [ - e.thumbnail || e.forceThumbnail ? (d(), K(l, { + default: E(() => [ + e.thumbnail || e.forceThumbnail ? (d(), L(l, { key: 0, thumbnail: e.thumbnail, "placeholder-icon": e.customPlaceholderIcon, class: "cdx-card__thumbnail" - }, null, 8, ["thumbnail", "placeholder-icon"])) : e.icon ? (d(), K(u, { + }, null, 8, ["thumbnail", "placeholder-icon"])) : e.icon ? (d(), L(u, { key: 1, icon: e.icon, class: "cdx-card__icon" }, null, 8, ["icon"])) : C("", !0), - v("span", Cn, [ - v("span", In, [ - I(e.$slots, "title") + h("span", Cn, [ + h("span", In, [ + w(e.$slots, "title") ]), e.$slots.description ? (d(), m("span", wn, [ - I(e.$slots, "description") + w(e.$slots, "description") ])) : C("", !0), e.$slots["supporting-text"] ? (d(), m("span", kn, [ - I(e.$slots, "supporting-text") + w(e.$slots, "supporting-text") ])) : C("", !0) ]) ]), _: 3 }, 8, ["href", "class"]); } -const Ml = /* @__PURE__ */ R($n, [["render", xn]]); -function ie(e, t, n) { +const Ml = /* @__PURE__ */ N(_n, [["render", xn]]); +function se(e, t, n) { return p({ get: () => e.value, set: (s) => ( @@ -544,11 +544,11 @@ function ie(e, t, n) { }); } let Se = 0; -function ne(e) { - const t = _t(), n = (t == null ? void 0 : t.props.id) || (t == null ? void 0 : t.attrs.id); +function te(e) { + const t = $t(), n = (t == null ? void 0 : t.props.id) || (t == null ? void 0 : t.attrs.id); return e ? `${xe}-${e}-${Se++}` : n ? `${xe}-${n}-${Se++}` : `${xe}-${Se++}`; } -const Sn = N({ +const Sn = D({ name: "CdxCheckbox", props: { /** @@ -608,9 +608,9 @@ const Sn = N({ setup(e, { emit: t }) { const n = p(() => ({ "cdx-checkbox--inline": e.inline - })), s = f(), a = ne("checkbox"), i = () => { + })), s = f(), a = te("checkbox"), i = () => { s.value.click(); - }, l = ie(Q(e, "modelValue"), t); + }, l = se(G(e, "modelValue"), t); return { rootClasses: n, input: s, @@ -620,12 +620,12 @@ const Sn = N({ }; } }); -const Mn = ["id", "value", "disabled", ".indeterminate"], Tn = /* @__PURE__ */ v("span", { class: "cdx-checkbox__icon" }, null, -1), Bn = ["for"]; +const Mn = ["id", "value", "disabled", ".indeterminate"], Tn = /* @__PURE__ */ h("span", { class: "cdx-checkbox__icon" }, null, -1), Bn = ["for"]; function An(e, t, n, s, a, i) { return d(), m("span", { - class: E(["cdx-checkbox", e.rootClasses]) + class: K(["cdx-checkbox", e.rootClasses]) }, [ - de(v("input", { + ue(h("input", { id: e.checkboxId, ref: "input", "onUpdate:modelValue": t[0] || (t[0] = (l) => e.wrappedModel = l), @@ -639,21 +639,21 @@ function An(e, t, n, s, a, i) { [Ye, e.wrappedModel] ]), Tn, - v("label", { + h("label", { class: "cdx-checkbox__label", for: e.checkboxId }, [ - I(e.$slots, "default") + w(e.$slots, "default") ], 8, Bn) ], 2); } -const Tl = /* @__PURE__ */ R(Sn, [["render", An]]), Ln = { +const Tl = /* @__PURE__ */ N(Sn, [["render", An]]), Vn = { error: at, warning: ot, success: it -}, Vn = N({ +}, Ln = D({ name: "CdxInfoChip", - components: { CdxIcon: G }, + components: { CdxIcon: Z }, props: { /** * Status type. @@ -678,7 +678,7 @@ const Tl = /* @__PURE__ */ R(Sn, [["render", An]]), Ln = { const t = p(() => ({ [`cdx-info-chip__icon--${e.status}`]: !0 })), n = p( - () => e.status === "notice" ? e.icon : Ln[e.status] + () => e.status === "notice" ? e.icon : Vn[e.status] ); return { iconClass: t, @@ -688,19 +688,19 @@ const Tl = /* @__PURE__ */ R(Sn, [["render", An]]), Ln = { }); const Kn = { class: "cdx-info-chip" }, En = { class: "cdx-info-chip--text" }; function Dn(e, t, n, s, a, i) { - const l = w("cdx-icon"); + const l = k("cdx-icon"); return d(), m("div", Kn, [ - e.computedIcon ? (d(), K(l, { + e.computedIcon ? (d(), L(l, { key: 0, - class: E(["cdx-info-chip__icon", e.iconClass]), + class: K(["cdx-info-chip__icon", e.iconClass]), icon: e.computedIcon }, null, 8, ["class", "icon"])) : C("", !0), - v("span", En, [ - I(e.$slots, "default") + h("span", En, [ + w(e.$slots, "default") ]) ]); } -const Bl = /* @__PURE__ */ R(Vn, [["render", Dn]]); +const Bl = /* @__PURE__ */ N(Ln, [["render", Dn]]); function ct(e) { return e.replace(/([\\{}()|.?*+\-^$[\]])/g, "\\$1"); } @@ -724,7 +724,7 @@ const Al = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({ __proto__: null, regExpEscape: ct, splitStringAtMatch: pt -}, Symbol.toStringTag, { value: "Module" })), Rn = N({ +}, Symbol.toStringTag, { value: "Module" })), Rn = D({ name: "CdxSearchResultTitle", props: { /** @@ -749,16 +749,16 @@ const Al = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({ const On = { class: "cdx-search-result-title" }, qn = { class: "cdx-search-result-title__match" }; function Fn(e, t, n, s, a, i) { return d(), m("span", On, [ - v("bdi", null, [ - oe(H(e.titleChunks[0]), 1), - v("span", qn, H(e.titleChunks[1]), 1), - oe(H(e.titleChunks[2]), 1) + h("bdi", null, [ + ne(H(e.titleChunks[0]), 1), + h("span", qn, H(e.titleChunks[1]), 1), + ne(H(e.titleChunks[2]), 1) ]) ]); } -const zn = /* @__PURE__ */ R(Rn, [["render", Fn]]), Hn = N({ +const zn = /* @__PURE__ */ N(Rn, [["render", Fn]]), Hn = D({ name: "CdxMenuItem", - components: { CdxIcon: G, CdxThumbnail: rt, CdxSearchResultTitle: zn }, + components: { CdxIcon: Z, CdxThumbnail: rt, CdxSearchResultTitle: zn }, props: { /** * ID for HTML `id` attribute. @@ -943,11 +943,11 @@ const zn = /* @__PURE__ */ R(Rn, [["render", Fn]]), Hn = N({ }); const jn = ["id", "aria-disabled", "aria-selected"], Un = { class: "cdx-menu-item__text" }, Wn = ["lang"], Pn = ["lang"], Qn = ["lang"], Gn = ["lang"]; function Zn(e, t, n, s, a, i) { - const l = w("cdx-thumbnail"), u = w("cdx-icon"), o = w("cdx-search-result-title"); + const l = k("cdx-thumbnail"), u = k("cdx-icon"), o = k("cdx-search-result-title"); return d(), m("li", { id: e.id, role: "option", - class: E(["cdx-menu-item", e.rootClasses]), + class: K(["cdx-menu-item", e.rootClasses]), "aria-disabled": e.disabled, "aria-selected": e.selected, onMousemove: t[0] || (t[0] = (...r) => e.onMouseMove && e.onMouseMove(...r)), @@ -955,25 +955,25 @@ function Zn(e, t, n, s, a, i) { onMousedown: t[2] || (t[2] = X((...r) => e.onMouseDown && e.onMouseDown(...r), ["prevent"])), onClick: t[3] || (t[3] = (...r) => e.onClick && e.onClick(...r)) }, [ - I(e.$slots, "default", {}, () => [ - (d(), K(Xe(e.contentTag), { + w(e.$slots, "default", {}, () => [ + (d(), L(Xe(e.contentTag), { href: e.url ? e.url : void 0, class: "cdx-menu-item__content" }, { - default: D(() => { - var r, c, _, y, A, S; + default: E(() => { + var r, c, $, g, A, M; return [ - e.showThumbnail ? (d(), K(l, { + e.showThumbnail ? (d(), L(l, { key: 0, thumbnail: e.thumbnail, class: "cdx-menu-item__thumbnail" - }, null, 8, ["thumbnail"])) : e.icon ? (d(), K(u, { + }, null, 8, ["thumbnail"])) : e.icon ? (d(), L(u, { key: 1, icon: e.icon, class: "cdx-menu-item__icon" }, null, 8, ["icon"])) : C("", !0), - v("span", Un, [ - e.highlightQuery ? (d(), K(o, { + h("span", Un, [ + e.highlightQuery ? (d(), L(o, { key: 0, title: e.title, "search-query": e.searchQuery, @@ -983,38 +983,38 @@ function Zn(e, t, n, s, a, i) { class: "cdx-menu-item__text__label", lang: (c = e.language) == null ? void 0 : c.label }, [ - v("bdi", null, H(e.title), 1) + h("bdi", null, H(e.title), 1) ], 8, Wn)), - e.match ? (d(), m(he, { key: 2 }, [ - oe(H(" ") + " "), - e.highlightQuery ? (d(), K(o, { + e.match ? (d(), m(me, { key: 2 }, [ + ne(H(" ") + " "), + e.highlightQuery ? (d(), L(o, { key: 0, title: e.match, "search-query": e.searchQuery, - lang: (_ = e.language) == null ? void 0 : _.match + lang: ($ = e.language) == null ? void 0 : $.match }, null, 8, ["title", "search-query", "lang"])) : (d(), m("span", { key: 1, class: "cdx-menu-item__text__match", - lang: (y = e.language) == null ? void 0 : y.match + lang: (g = e.language) == null ? void 0 : g.match }, [ - v("bdi", null, H(e.match), 1) + h("bdi", null, H(e.match), 1) ], 8, Pn)) ], 64)) : C("", !0), - e.supportingText ? (d(), m(he, { key: 3 }, [ - oe(H(" ") + " "), - v("span", { + e.supportingText ? (d(), m(me, { key: 3 }, [ + ne(H(" ") + " "), + h("span", { class: "cdx-menu-item__text__supporting-text", lang: (A = e.language) == null ? void 0 : A.supportingText }, [ - v("bdi", null, H(e.supportingText), 1) + h("bdi", null, H(e.supportingText), 1) ], 8, Qn) ], 64)) : C("", !0), e.description ? (d(), m("span", { key: 4, class: "cdx-menu-item__text__description", - lang: (S = e.language) == null ? void 0 : S.description + lang: (M = e.language) == null ? void 0 : M.description }, [ - v("bdi", null, H(e.description), 1) + h("bdi", null, H(e.description), 1) ], 8, Gn)) : C("", !0) ]) ]; @@ -1024,7 +1024,7 @@ function Zn(e, t, n, s, a, i) { ]) ], 42, jn); } -const Jn = /* @__PURE__ */ R(Hn, [["render", Zn]]), Xn = N({ +const Jn = /* @__PURE__ */ N(Hn, [["render", Zn]]), Xn = D({ name: "CdxProgressBar", props: { /** @@ -1053,19 +1053,19 @@ const Jn = /* @__PURE__ */ R(Hn, [["render", Zn]]), Xn = N({ }; } }); -const Yn = ["aria-disabled"], eo = /* @__PURE__ */ v("div", { class: "cdx-progress-bar__bar" }, null, -1), to = [ +const Yn = ["aria-disabled"], eo = /* @__PURE__ */ h("div", { class: "cdx-progress-bar__bar" }, null, -1), to = [ eo ]; function no(e, t, n, s, a, i) { return d(), m("div", { - class: E(["cdx-progress-bar", e.rootClasses]), + class: K(["cdx-progress-bar", e.rootClasses]), role: "progressbar", "aria-disabled": e.disabled, "aria-valuemin": "0", "aria-valuemax": "100" }, to, 10, Yn); } -const oo = /* @__PURE__ */ R(Xn, [["render", no]]); +const oo = /* @__PURE__ */ N(Xn, [["render", no]]); function Te(e, t) { const n = f(!1); let s = !1; @@ -1078,17 +1078,17 @@ function Te(e, t) { }, t ); - return re(() => { + return de(() => { s = !0, e.value && a.observe(e.value); }), Ae(() => { s = !1, a.disconnect(); - }), te(e, (i) => { + }), ee(e, (i) => { s && (a.disconnect(), n.value = !1, i && a.observe(i)); }), n; } function pe(e, t = p(() => ({}))) { const n = p(() => { - const i = _e(t.value, []); + const i = ye(t.value, []); return e.class && e.class.split(" ").forEach((u) => { i[u] = !0; }), i; @@ -1097,7 +1097,7 @@ function pe(e, t = p(() => ({}))) { return e.style; }), a = p(() => { const o = e, { class: i, style: l } = o; - return _e(o, ["class", "style"]); + return ye(o, ["class", "style"]); }); return { rootClasses: n, @@ -1105,7 +1105,7 @@ function pe(e, t = p(() => ({}))) { otherAttrs: a }; } -const lo = N({ +const lo = D({ name: "CdxMenu", components: { CdxMenuItem: Jn, @@ -1269,33 +1269,33 @@ const lo = N({ "delegateKeyNavigation" ], setup(e, { emit: t, slots: n, attrs: s }) { - const a = p(() => (e.footer && e.menuItems ? [...e.menuItems, e.footer] : e.menuItems).map((x) => He(ze({}, x), { - id: ne("menu-item") + const a = p(() => (e.footer && e.menuItems ? [...e.menuItems, e.footer] : e.menuItems).map((S) => He(ze({}, S), { + id: te("menu-item") }))), i = p(() => n["no-results"] ? e.showNoResultsSlot !== null ? e.showNoResultsSlot : a.value.length === 0 : !1), l = f(null), u = f(!1), o = f(null); function r() { return a.value.find( (b) => b.value === e.selected ); } - function c(b, x) { + function c(b, S) { var q; - if (!(x && x.disabled)) + if (!(S && S.disabled)) switch (b) { case "selected": - t("update:selected", (q = x == null ? void 0 : x.value) != null ? q : null), t("update:expanded", !1), o.value = null; + t("update:selected", (q = S == null ? void 0 : S.value) != null ? q : null), t("update:expanded", !1), o.value = null; break; case "highlighted": - l.value = x || null, u.value = !1; + l.value = S || null, u.value = !1; break; case "highlightedViaKeyboard": - l.value = x || null, u.value = !0; + l.value = S || null, u.value = !0; break; case "active": - o.value = x || null; + o.value = S || null; break; } } - const _ = p(() => { + const $ = p(() => { if (l.value !== null) return a.value.findIndex( (b) => ( @@ -1304,32 +1304,32 @@ const lo = N({ ) ); }); - function y(b) { + function g(b) { b && (c("highlightedViaKeyboard", b), t("menu-item-keyboard-navigation", b)); } function A(b) { var j; - const x = (be) => { - for (let ue = be - 1; ue >= 0; ue--) - if (!a.value[ue].disabled) - return a.value[ue]; + const S = (ve) => { + for (let ie = ve - 1; ie >= 0; ie--) + if (!a.value[ie].disabled) + return a.value[ie]; }; b = b || a.value.length; - const q = (j = x(b)) != null ? j : x(a.value.length); - y(q); + const q = (j = S(b)) != null ? j : S(a.value.length); + g(q); } - function S(b) { - const x = (j) => a.value.find((be, ue) => !be.disabled && ue > j); + function M(b) { + const S = (j) => a.value.find((ve, ie) => !ve.disabled && ie > j); b = b != null ? b : -1; - const q = x(b) || x(-1); - y(q); + const q = S(b) || S(-1); + g(q); } - function O(b, x = !0) { + function R(b, S = !0) { function q() { t("update:expanded", !0), c("highlighted", r()); } function j() { - x && (b.preventDefault(), b.stopPropagation()); + S && (b.preventDefault(), b.stopPropagation()); } switch (b.key) { case "Enter": @@ -1338,32 +1338,32 @@ const lo = N({ case "Tab": return e.expanded && (l.value && u.value && t("update:selected", l.value.value), t("update:expanded", !1)), !0; case "ArrowUp": - return j(), e.expanded ? (l.value === null && c("highlightedViaKeyboard", r()), A(_.value)) : q(), P(), !0; + return j(), e.expanded ? (l.value === null && c("highlightedViaKeyboard", r()), A($.value)) : q(), U(), !0; case "ArrowDown": - return j(), e.expanded ? (l.value === null && c("highlightedViaKeyboard", r()), S(_.value)) : q(), P(), !0; + return j(), e.expanded ? (l.value === null && c("highlightedViaKeyboard", r()), M($.value)) : q(), U(), !0; case "Home": - return j(), e.expanded ? (l.value === null && c("highlightedViaKeyboard", r()), S()) : q(), P(), !0; + return j(), e.expanded ? (l.value === null && c("highlightedViaKeyboard", r()), M()) : q(), U(), !0; case "End": - return j(), e.expanded ? (l.value === null && c("highlightedViaKeyboard", r()), A()) : q(), P(), !0; + return j(), e.expanded ? (l.value === null && c("highlightedViaKeyboard", r()), A()) : q(), U(), !0; case "Escape": return j(), t("update:expanded", !1), !0; default: return !1; } } - function k() { + function x() { c("active"); } - const T = [], B = f(void 0), L = Te( + const T = [], B = f(void 0), V = Te( B, { threshold: 0.8 } ); - te(L, (b) => { + ee(V, (b) => { b && t("load-more"); }); - function le(b, x) { + function oe(b, S) { if (b) { - T[x] = b.$el; + T[S] = b.$el; const q = e.visibleItemLimit; if (!q || e.menuItems.length < q) return; @@ -1371,72 +1371,72 @@ const lo = N({ q, Math.max(2, Math.floor(0.2 * e.menuItems.length)) ); - x === e.menuItems.length - j && (B.value = b.$el); + S === e.menuItems.length - j && (B.value = b.$el); } } - function P() { - if (!e.visibleItemLimit || e.visibleItemLimit > e.menuItems.length || _.value === void 0) + function U() { + if (!e.visibleItemLimit || e.visibleItemLimit > e.menuItems.length || $.value === void 0) return; - const b = _.value >= 0 ? _.value : 0; + const b = $.value >= 0 ? $.value : 0; T[b].scrollIntoView({ behavior: "smooth", block: "nearest" }); } - const U = f(null), J = f(null); - function g() { - if (J.value = null, !e.visibleItemLimit || T.length <= e.visibleItemLimit) { - U.value = null; + const Q = f(null), I = f(null); + function y() { + if (I.value = null, !e.visibleItemLimit || T.length <= e.visibleItemLimit) { + Q.value = null; return; } - const b = T[0], x = T[e.visibleItemLimit]; - if (U.value = h( + const b = T[0], S = T[e.visibleItemLimit]; + if (Q.value = v( b, - x + S ), e.footer) { const q = T[T.length - 1]; - J.value = q.scrollHeight; + I.value = q.scrollHeight; } } - function h(b, x) { + function v(b, S) { const q = b.getBoundingClientRect().top; - return x.getBoundingClientRect().top - q + 2; + return S.getBoundingClientRect().top - q + 2; } - re(() => { - document.addEventListener("mouseup", k); + de(() => { + document.addEventListener("mouseup", x); }), Ae(() => { - document.removeEventListener("mouseup", k); - }), te(Q(e, "expanded"), (b) => ke(this, null, function* () { - const x = r(); - !b && l.value && x === void 0 && c("highlighted"), b && x !== void 0 && c("highlighted", x), b && (yield ge(), g(), yield ge(), P()); - })), te(Q(e, "menuItems"), (b) => ke(this, null, function* () { - b.length < T.length && (T.length = b.length), e.expanded && (yield ge(), g(), yield ge(), P()); + document.removeEventListener("mouseup", x); + }), ee(G(e, "expanded"), (b) => ke(this, null, function* () { + const S = r(); + !b && l.value && S === void 0 && c("highlighted"), b && S !== void 0 && c("highlighted", S), b && (yield be(), y(), yield be(), U()); + })), ee(G(e, "menuItems"), (b) => ke(this, null, function* () { + b.length < T.length && (T.length = b.length), e.expanded && (yield be(), y(), yield be(), U()); }), { deep: !0 }); - const M = p(() => ({ - "max-height": U.value ? `${U.value}px` : void 0, - "overflow-y": U.value ? "scroll" : void 0, - "margin-bottom": J.value ? `${J.value}px` : void 0 - })), F = p(() => ({ + const F = p(() => ({ + "max-height": Q.value ? `${Q.value}px` : void 0, + "overflow-y": Q.value ? "scroll" : void 0, + "margin-bottom": I.value ? `${I.value}px` : void 0 + })), O = p(() => ({ "cdx-menu--has-footer": !!e.footer, - "cdx-menu--has-sticky-footer": !!e.footer && !!U.value + "cdx-menu--has-sticky-footer": !!e.footer && !!Q.value })), { - rootClasses: V, - rootStyle: ee, - otherAttrs: fe - } = pe(s, F); + rootClasses: W, + rootStyle: ce, + otherAttrs: we + } = pe(s, O); return { - listBoxStyle: M, - rootClasses: V, - rootStyle: ee, - otherAttrs: fe, - assignTemplateRef: le, + listBoxStyle: F, + rootClasses: W, + rootStyle: ce, + otherAttrs: we, + assignTemplateRef: oe, computedMenuItems: a, computedShowNoResultsSlot: i, highlightedMenuItem: l, highlightedViaKeyboard: u, activeMenuItem: o, handleMenuItemChange: c, - handleKeyNavigation: O + handleKeyNavigation: R }; }, // Public methods @@ -1496,53 +1496,53 @@ const ao = { class: "cdx-menu__no-results cdx-menu-item" }; function io(e, t, n, s, a, i) { - const l = w("cdx-menu-item"), u = w("cdx-progress-bar"); - return de((d(), m("div", { - class: E(["cdx-menu", e.rootClasses]), - style: ce(e.rootStyle) + const l = k("cdx-menu-item"), u = k("cdx-progress-bar"); + return ue((d(), m("div", { + class: K(["cdx-menu", e.rootClasses]), + style: re(e.rootStyle) }, [ - v("ul", Z({ + h("ul", J({ class: "cdx-menu__listbox", role: "listbox", "aria-multiselectable": "false", style: e.listBoxStyle }, e.otherAttrs), [ e.showPending && e.computedMenuItems.length === 0 && e.$slots.pending ? (d(), m("li", ao, [ - I(e.$slots, "pending") + w(e.$slots, "pending") ])) : C("", !0), e.computedShowNoResultsSlot ? (d(), m("li", so, [ - I(e.$slots, "no-results") + w(e.$slots, "no-results") ])) : C("", !0), - (d(!0), m(he, null, Ce(e.computedMenuItems, (o, r) => { - var c, _; - return d(), K(l, Z({ + (d(!0), m(me, null, _e(e.computedMenuItems, (o, r) => { + var c, $; + return d(), L(l, J({ key: o.value, ref_for: !0, - ref: (y) => e.assignTemplateRef(y, r) + ref: (g) => e.assignTemplateRef(g, r) }, o, { selected: o.value === e.selected, active: o.value === ((c = e.activeMenuItem) == null ? void 0 : c.value), - highlighted: o.value === ((_ = e.highlightedMenuItem) == null ? void 0 : _.value), + highlighted: o.value === (($ = e.highlightedMenuItem) == null ? void 0 : $.value), "show-thumbnail": e.showThumbnail, "bold-label": e.boldLabel, "hide-description-overflow": e.hideDescriptionOverflow, "search-query": e.searchQuery, - onChange: (y, A) => e.handleMenuItemChange(y, A && o), - onClick: (y) => e.$emit("menu-item-click", o) + onChange: (g, A) => e.handleMenuItemChange(g, A && o), + onClick: (g) => e.$emit("menu-item-click", o) }), { - default: D(() => { - var y, A; + default: E(() => { + var g, A; return [ - I(e.$slots, "default", { + w(e.$slots, "default", { menuItem: o, - active: o.value === ((y = e.activeMenuItem) == null ? void 0 : y.value) && o.value === ((A = e.highlightedMenuItem) == null ? void 0 : A.value) + active: o.value === ((g = e.activeMenuItem) == null ? void 0 : g.value) && o.value === ((A = e.highlightedMenuItem) == null ? void 0 : A.value) }) ]; }), _: 2 }, 1040, ["selected", "active", "highlighted", "show-thumbnail", "bold-label", "hide-description-overflow", "search-query", "onChange", "onClick"]); }), 128)), - e.showPending ? (d(), K(u, { + e.showPending ? (d(), L(u, { key: 2, class: "cdx-menu__progress-bar", inline: !0 @@ -1552,9 +1552,9 @@ function io(e, t, n, s, a, i) { [$e, e.expanded] ]); } -const we = /* @__PURE__ */ R(lo, [["render", io]]), uo = se(Mt), ro = se(Ie), co = N({ +const Ie = /* @__PURE__ */ N(lo, [["render", io]]), uo = ae(Mt), ro = ae(Ce), co = D({ name: "CdxTextInput", - components: { CdxIcon: G }, + components: { CdxIcon: Z }, /** * We want the input to inherit attributes, not the root element. */ @@ -1665,7 +1665,7 @@ const we = /* @__PURE__ */ R(lo, [["render", io]]), uo = se(Mt), ro = se(Ie), co "blur" ], setup(e, { emit: t, attrs: n }) { - const s = ie(Q(e, "modelValue"), t), a = p(() => e.clearable && !!s.value && !e.disabled), i = p(() => ({ + const s = se(G(e, "modelValue"), t), a = p(() => e.clearable && !!s.value && !e.disabled), i = p(() => ({ "cdx-text-input--has-start-icon": !!e.startIcon, "cdx-text-input--has-end-icon": !!e.endIcon, "cdx-text-input--clearable": a.value, @@ -1687,20 +1687,20 @@ const we = /* @__PURE__ */ R(lo, [["render", io]]), uo = se(Mt), ro = se(Ie), co onClear: () => { s.value = ""; }, - onInput: (k) => { - t("input", k); + onInput: (x) => { + t("input", x); }, - onChange: (k) => { - t("change", k); + onChange: (x) => { + t("change", x); }, - onKeydown: (k) => { - (k.key === "Home" || k.key === "End") && !k.ctrlKey && !k.metaKey || t("keydown", k); + onKeydown: (x) => { + (x.key === "Home" || x.key === "End") && !x.ctrlKey && !x.metaKey || t("keydown", x); }, - onFocus: (k) => { - t("focus", k); + onFocus: (x) => { + t("focus", x); }, - onBlur: (k) => { - t("blur", k); + onBlur: (x) => { + t("blur", x); }, cdxIconClear: Ut }; @@ -1721,12 +1721,12 @@ const we = /* @__PURE__ */ R(lo, [["render", io]]), uo = se(Mt), ro = se(Ie), co }); const po = ["type", "disabled"]; function fo(e, t, n, s, a, i) { - const l = w("cdx-icon"); + const l = k("cdx-icon"); return d(), m("div", { - class: E(["cdx-text-input", e.rootClasses]), - style: ce(e.rootStyle) + class: K(["cdx-text-input", e.rootClasses]), + style: re(e.rootStyle) }, [ - de(v("input", Z({ + ue(h("input", J({ ref: "input", "onUpdate:modelValue": t[0] || (t[0] = (u) => e.wrappedModel = u), class: ["cdx-text-input__input", e.inputClasses] @@ -1739,19 +1739,19 @@ function fo(e, t, n, s, a, i) { onBlur: t[4] || (t[4] = (...u) => e.onBlur && e.onBlur(...u)), onKeydown: t[5] || (t[5] = (...u) => e.onKeydown && e.onKeydown(...u)) }), null, 16, po), [ - [$t, e.wrappedModel] + [_t, e.wrappedModel] ]), - e.startIcon ? (d(), K(l, { + e.startIcon ? (d(), L(l, { key: 0, icon: e.startIcon, class: "cdx-text-input__icon-vue cdx-text-input__start-icon" }, null, 8, ["icon"])) : C("", !0), - e.endIcon ? (d(), K(l, { + e.endIcon ? (d(), L(l, { key: 1, icon: e.endIcon, class: "cdx-text-input__icon-vue cdx-text-input__end-icon" }, null, 8, ["icon"])) : C("", !0), - e.isClearable ? (d(), K(l, { + e.isClearable ? (d(), L(l, { key: 2, icon: e.cdxIconClear, class: "cdx-text-input__icon-vue cdx-text-input__clear-icon", @@ -1761,7 +1761,7 @@ function fo(e, t, n, s, a, i) { }, null, 8, ["icon", "onClick"])) : C("", !0) ], 6); } -const Ve = /* @__PURE__ */ R(co, [["render", fo]]); +const Le = /* @__PURE__ */ N(co, [["render", fo]]); function Ke(e) { const t = f( { width: void 0, height: void 0 } @@ -1778,24 +1778,24 @@ function Ke(e) { } ); let s = !1; - return re(() => { + return de(() => { s = !0, e.value && n.observe(e.value); }), Ae(() => { s = !1, n.disconnect(); - }), te(e, (a) => { + }), ee(e, (a) => { s && (n.disconnect(), t.value = { width: void 0, height: void 0 }, a && n.observe(a)); }), t; } -const mo = se(Ie), Ee = N({ +const mo = ae(Ce), Ee = D({ name: "CdxCombobox", components: { - CdxButton: ve, - CdxIcon: G, - CdxMenu: we, - CdxTextInput: Ve + CdxButton: he, + CdxIcon: Z, + CdxMenu: Ie, + CdxTextInput: Le }, /** * Attributes applied to this component by a parent will be applied @@ -1862,60 +1862,60 @@ const mo = se(Ie), Ee = N({ "load-more" ], setup(e, { emit: t, attrs: n, slots: s }) { - const a = f(), i = f(), l = f(), u = ne("combobox"), o = Q(e, "selected"), r = ie(o, t, "update:selected"), c = f(!1), _ = f(!1), y = p(() => { - var g, h; - return (h = (g = l.value) == null ? void 0 : g.getHighlightedMenuItem()) == null ? void 0 : h.id; + const a = f(), i = f(), l = f(), u = te("combobox"), o = G(e, "selected"), r = se(o, t, "update:selected"), c = f(!1), $ = f(!1), g = p(() => { + var y, v; + return (v = (y = l.value) == null ? void 0 : y.getHighlightedMenuItem()) == null ? void 0 : v.id; }), A = p(() => ({ "cdx-combobox--expanded": c.value, "cdx-combobox--disabled": e.disabled - })), S = Ke(i), O = p(() => { - var g; - return `${(g = S.value.width) != null ? g : 0}px`; + })), M = Ke(i), R = p(() => { + var y; + return `${(y = M.value.width) != null ? y : 0}px`; }), { - rootClasses: k, + rootClasses: x, rootStyle: T, otherAttrs: B } = pe(n, A); - function L() { - _.value && c.value ? c.value = !1 : (e.menuItems.length > 0 || s["no-results"]) && (c.value = !0); - } - function le() { - c.value = _.value && c.value; + function V() { + $.value && c.value ? c.value = !1 : (e.menuItems.length > 0 || s["no-results"]) && (c.value = !0); } - function P() { - e.disabled || (_.value = !0); + function oe() { + c.value = $.value && c.value; } function U() { - var g; - e.disabled || (g = a.value) == null || g.focus(); + e.disabled || ($.value = !0); } - function J(g) { - !l.value || e.disabled || e.menuItems.length === 0 || g.key === " " || l.value.delegateKeyNavigation(g); + function Q() { + var y; + e.disabled || (y = a.value) == null || y.focus(); } - return te(c, () => { - _.value = !1; + function I(y) { + !l.value || e.disabled || e.menuItems.length === 0 || y.key === " " || l.value.delegateKeyNavigation(y); + } + return ee(c, () => { + $.value = !1; }), { input: a, inputWrapper: i, - currentWidthInPx: O, + currentWidthInPx: R, menu: l, menuId: u, modelWrapper: r, expanded: c, - highlightedId: y, - onInputFocus: L, - onInputBlur: le, - onKeydown: J, - onButtonClick: U, - onButtonMousedown: P, + highlightedId: g, + onInputFocus: V, + onInputBlur: oe, + onKeydown: I, + onButtonClick: Q, + onButtonMousedown: U, cdxIconExpand: st, - rootClasses: k, + rootClasses: x, rootStyle: T, otherAttrs: B }; } }), We = () => { - Le((e) => ({ + Ve((e) => ({ "21ba103d": e.currentWidthInPx })); }, Pe = Ee.setup; @@ -1925,13 +1925,13 @@ const ho = { class: "cdx-combobox__input-wrapper" }; function vo(e, t, n, s, a, i) { - const l = w("cdx-text-input"), u = w("cdx-icon"), o = w("cdx-button"), r = w("cdx-menu"); + const l = k("cdx-text-input"), u = k("cdx-icon"), o = k("cdx-button"), r = k("cdx-menu"); return d(), m("div", { - class: E(["cdx-combobox", e.rootClasses]), - style: ce(e.rootStyle) + class: K(["cdx-combobox", e.rootClasses]), + style: re(e.rootStyle) }, [ - v("div", ho, [ - z(l, Z({ + h("div", ho, [ + z(l, J({ ref: "input", modelValue: e.modelWrapper, "onUpdate:modelValue": t[0] || (t[0] = (c) => e.modelWrapper = c) @@ -1959,7 +1959,7 @@ function vo(e, t, n, s, a, i) { onMousedown: e.onButtonMousedown, onClick: e.onButtonClick }, { - default: D(() => [ + default: E(() => [ z(u, { class: "cdx-combobox__expand-icon", icon: e.cdxIconExpand @@ -1968,7 +1968,7 @@ function vo(e, t, n, s, a, i) { _: 1 }, 8, ["disabled", "onMousedown", "onClick"]) ], 512), - z(r, Z({ + z(r, J({ id: e.menuId, ref: "menu", selected: e.modelWrapper, @@ -1979,21 +1979,21 @@ function vo(e, t, n, s, a, i) { }, e.menuConfig, { onLoadMore: t[3] || (t[3] = (c) => e.$emit("load-more")) }), { - default: D(({ menuItem: c }) => [ - I(e.$slots, "menu-item", { menuItem: c }) + default: E(({ menuItem: c }) => [ + w(e.$slots, "menu-item", { menuItem: c }) ]), - "no-results": D(() => [ - I(e.$slots, "no-results") + "no-results": E(() => [ + w(e.$slots, "no-results") ]), _: 3 }, 16, ["id", "selected", "expanded", "menu-items"]) ], 6); } -const Ll = /* @__PURE__ */ R(Ee, [["render", vo]]), bo = N({ +const Vl = /* @__PURE__ */ N(Ee, [["render", vo]]), bo = D({ name: "CdxDialog", components: { - CdxButton: ve, - CdxIcon: G + CdxButton: he, + CdxIcon: Z }, inheritAttrs: !1, props: { @@ -2077,39 +2077,39 @@ const Ll = /* @__PURE__ */ R(Ee, [["render", vo]]), bo = N({ "default" ], setup(e, { emit: t }) { - const n = ne("dialog-label"), s = f(), a = f(), i = f(), l = f(), u = f(), o = p(() => !e.hideTitle || !!e.closeButtonLabel), r = p(() => !!e.primaryAction || !!e.defaultAction), c = p(() => ({ + const n = te("dialog-label"), s = f(), a = f(), i = f(), l = f(), u = f(), o = p(() => !e.hideTitle || !!e.closeButtonLabel), r = p(() => !!e.primaryAction || !!e.defaultAction), c = p(() => ({ "cdx-dialog--vertical-actions": e.stackedActions, "cdx-dialog--horizontal-actions": !e.stackedActions - })), _ = f(0); - function y() { + })), $ = f(0); + function g() { t("update:open", !1); } function A() { - O(s.value); + R(s.value); } - function S() { - O(s.value, !0); + function M() { + R(s.value, !0); } - function O(k, T = !1) { + function R(x, T = !1) { let B = Array.from( - k.querySelectorAll(` + x.querySelectorAll(` input, select, textarea, button, object, a, area, [contenteditable], [tabindex]:not([tabindex^="-"]) `) ); T && (B = B.reverse()); - for (const L of B) - if (L.focus(), document.activeElement === L) + for (const V of B) + if (V.focus(), document.activeElement === V) return !0; return !1; } - return te(Q(e, "open"), (k) => { - k ? (_.value = window.innerWidth - document.documentElement.clientWidth, document.documentElement.style.setProperty("margin-right", `${_.value}px`), document.body.classList.add("cdx-dialog-open"), ge(() => { + return ee(G(e, "open"), (x) => { + x ? ($.value = window.innerWidth - document.documentElement.clientWidth, document.documentElement.style.setProperty("margin-right", `${$.value}px`), document.body.classList.add("cdx-dialog-open"), be(() => { var T; - O(a.value) || (T = i.value) == null || T.focus(); + R(a.value) || (T = i.value) == null || T.focus(); })) : (document.body.classList.remove("cdx-dialog-open"), document.documentElement.style.removeProperty("margin-right")); }), { - close: y, + close: g, cdxIconClose: lt, labelId: n, rootClasses: c, @@ -2117,7 +2117,7 @@ const Ll = /* @__PURE__ */ R(Ee, [["render", vo]]), bo = N({ focusTrapStart: l, focusTrapEnd: u, focusFirst: A, - focusLast: S, + focusLast: M, dialogBody: a, focusHolder: i, showHeader: o, @@ -2128,7 +2128,7 @@ const Ll = /* @__PURE__ */ R(Ee, [["render", vo]]), bo = N({ const go = ["aria-label", "aria-labelledby"], yo = { key: 0, class: "cdx-dialog__header__title-group" -}, _o = ["id"], $o = { +}, $o = ["id"], _o = { key: 0, class: "cdx-dialog__header__subtitle" }, Co = { @@ -2143,24 +2143,24 @@ const go = ["aria-label", "aria-labelledby"], yo = { class: "cdx-dialog__footer__actions" }; function ko(e, t, n, s, a, i) { - const l = w("cdx-icon"), u = w("cdx-button"); - return d(), K(Be, { + const l = k("cdx-icon"), u = k("cdx-button"); + return d(), L(Be, { name: "cdx-dialog-fade", appear: "" }, { - default: D(() => [ + default: E(() => [ e.open ? (d(), m("div", { key: 0, class: "cdx-dialog-backdrop", onClick: t[5] || (t[5] = (...o) => e.close && e.close(...o)), onKeyup: t[6] || (t[6] = Y((...o) => e.close && e.close(...o), ["escape"])) }, [ - v("div", { + h("div", { ref: "focusTrapStart", tabindex: "0", onFocus: t[0] || (t[0] = (...o) => e.focusLast && e.focusLast(...o)) }, null, 544), - v("div", Z({ + h("div", J({ ref: "dialogElement", class: ["cdx-dialog", e.rootClasses], role: "dialog" @@ -2172,17 +2172,17 @@ function ko(e, t, n, s, a, i) { }), [ e.showHeader || e.$slots.header ? (d(), m("header", { key: 0, - class: E(["cdx-dialog__header", { "cdx-dialog__header--default": !e.$slots.header }]) + class: K(["cdx-dialog__header", { "cdx-dialog__header--default": !e.$slots.header }]) }, [ - I(e.$slots, "header", {}, () => [ + w(e.$slots, "header", {}, () => [ e.hideTitle ? C("", !0) : (d(), m("div", yo, [ - v("h2", { + h("h2", { id: e.labelId, class: "cdx-dialog__header__title" - }, H(e.title), 9, _o), - e.subtitle ? (d(), m("p", $o, H(e.subtitle), 1)) : C("", !0) + }, H(e.title), 9, $o), + e.subtitle ? (d(), m("p", _o, H(e.subtitle), 1)) : C("", !0) ])), - e.closeButtonLabel ? (d(), K(u, { + e.closeButtonLabel ? (d(), L(u, { key: 1, class: "cdx-dialog__header__close-button", weight: "quiet", @@ -2190,7 +2190,7 @@ function ko(e, t, n, s, a, i) { "aria-label": e.closeButtonLabel, onClick: e.close }, { - default: D(() => [ + default: E(() => [ z(l, { icon: e.cdxIconClose, "icon-label": e.closeButtonLabel @@ -2200,26 +2200,26 @@ function ko(e, t, n, s, a, i) { }, 8, ["aria-label", "onClick"])) : C("", !0) ]) ], 2)) : C("", !0), - v("div", Co, null, 512), - v("div", { + h("div", Co, null, 512), + h("div", { ref: "dialogBody", - class: E(["cdx-dialog__body", { + class: K(["cdx-dialog__body", { "cdx-dialog__body--no-header": !(e.showHeader || e.$slots.header), "cdx-dialog__body--no-footer": !(e.showFooterActions || e.$slots.footer || e.$slots["footer-text"]) }]) }, [ - I(e.$slots, "default") + w(e.$slots, "default") ], 2), e.showFooterActions || e.$slots.footer || e.$slots["footer-text"] ? (d(), m("footer", { key: 1, - class: E(["cdx-dialog__footer", { "cdx-dialog__footer--default": !e.$slots.footer }]) + class: K(["cdx-dialog__footer", { "cdx-dialog__footer--default": !e.$slots.footer }]) }, [ - I(e.$slots, "footer", {}, () => [ + w(e.$slots, "footer", {}, () => [ e.$slots["footer-text"] ? (d(), m("p", Io, [ - I(e.$slots, "footer-text") + w(e.$slots, "footer-text") ])) : C("", !0), e.showFooterActions ? (d(), m("div", wo, [ - e.primaryAction ? (d(), K(u, { + e.primaryAction ? (d(), L(u, { key: 0, class: "cdx-dialog__footer__primary-action", weight: "primary", @@ -2227,19 +2227,19 @@ function ko(e, t, n, s, a, i) { disabled: e.primaryAction.disabled, onClick: t[1] || (t[1] = (o) => e.$emit("primary")) }, { - default: D(() => [ - oe(H(e.primaryAction.label), 1) + default: E(() => [ + ne(H(e.primaryAction.label), 1) ]), _: 1 }, 8, ["action", "disabled"])) : C("", !0), - e.defaultAction ? (d(), K(u, { + e.defaultAction ? (d(), L(u, { key: 1, class: "cdx-dialog__footer__default-action", disabled: e.defaultAction.disabled, onClick: t[2] || (t[2] = (o) => e.$emit("default")) }, { - default: D(() => [ - oe(H(e.defaultAction.label), 1) + default: E(() => [ + ne(H(e.defaultAction.label), 1) ]), _: 1 }, 8, ["disabled"])) : C("", !0) @@ -2247,7 +2247,7 @@ function ko(e, t, n, s, a, i) { ]) ], 2)) : C("", !0) ], 16, go), - v("div", { + h("div", { ref: "focusTrapEnd", tabindex: "0", onFocus: t[4] || (t[4] = (...o) => e.focusFirst && e.focusFirst(...o)) @@ -2257,11 +2257,11 @@ function ko(e, t, n, s, a, i) { _: 3 }); } -const Vl = /* @__PURE__ */ R(bo, [["render", ko]]), xo = se(Ie), De = N({ +const Ll = /* @__PURE__ */ N(bo, [["render", ko]]), xo = ae(Ce), De = D({ name: "CdxLookup", components: { - CdxMenu: we, - CdxTextInput: Ve + CdxMenu: Ie, + CdxTextInput: Le }, /** * We want the input to inherit attributes, not the root element. @@ -2342,78 +2342,78 @@ const Vl = /* @__PURE__ */ R(bo, [["render", ko]]), xo = se(Ie), De = N({ "load-more" ], setup: (e, { emit: t, attrs: n, slots: s }) => { - const a = f(), i = f(), l = ne("lookup-menu"), u = f(!1), o = f(!1), r = f(!1), c = Q(e, "selected"), _ = ie(c, t, "update:selected"), y = p( - () => e.menuItems.find((h) => h.value === e.selected) + const a = f(), i = f(), l = te("lookup-menu"), u = f(!1), o = f(!1), r = f(!1), c = G(e, "selected"), $ = se(c, t, "update:selected"), g = p( + () => e.menuItems.find((v) => v.value === e.selected) ), A = p(() => { - var h, M; - return (M = (h = i.value) == null ? void 0 : h.getHighlightedMenuItem()) == null ? void 0 : M.id; - }), S = f(e.initialInputValue), O = Ke(a), k = p(() => { - var h; - return `${(h = O.value.width) != null ? h : 0}px`; + var v, F; + return (F = (v = i.value) == null ? void 0 : v.getHighlightedMenuItem()) == null ? void 0 : F.id; + }), M = f(e.initialInputValue), R = Ke(a), x = p(() => { + var v; + return `${(v = R.value.width) != null ? v : 0}px`; }), T = p(() => ({ "cdx-lookup--disabled": e.disabled, "cdx-lookup--pending": u.value })), { rootClasses: B, - rootStyle: L, - otherAttrs: le + rootStyle: V, + otherAttrs: oe } = pe(n, T); - function P(h) { - y.value && y.value.label !== h && y.value.value !== h && (_.value = null), h === "" ? (o.value = !1, u.value = !1) : u.value = !0, t("input", h); + function U(v) { + g.value && g.value.label !== v && g.value.value !== v && ($.value = null), v === "" ? (o.value = !1, u.value = !1) : u.value = !0, t("input", v); } - function U() { + function Q() { r.value = !0, // Input value is not null or an empty string. - S.value !== null && S.value !== "" && // There's either menu items to show or a no results message. + M.value !== null && M.value !== "" && // There's either menu items to show or a no results message. (e.menuItems.length > 0 || s["no-results"]) && (o.value = !0); } - function J() { + function I() { r.value = !1, o.value = !1; } - function g(h) { - !i.value || e.disabled || e.menuItems.length === 0 && !s["no-results"] || h.key === " " || i.value.delegateKeyNavigation(h); + function y(v) { + !i.value || e.disabled || e.menuItems.length === 0 && !s["no-results"] || v.key === " " || i.value.delegateKeyNavigation(v); } - return te(c, (h) => { - if (h !== null) { - const M = y.value ? y.value.label || y.value.value : ""; - S.value !== M && (S.value = M, t("input", S.value)); + return ee(c, (v) => { + if (v !== null) { + const F = g.value ? g.value.label || g.value.value : ""; + M.value !== F && (M.value = F, t("input", M.value)); } - }), te(Q(e, "menuItems"), (h) => { + }), ee(G(e, "menuItems"), (v) => { // Only show the menu if we were in the pending state (meaning this menuItems change // was in response to user input) and the menu is still focused r.value && u.value && // Show the menu if there are either menu items or no-results content to show - (h.length > 0 || s["no-results"]) && (o.value = !0), h.length === 0 && !s["no-results"] && (o.value = !1), u.value = !1; + (v.length > 0 || s["no-results"]) && (o.value = !0), v.length === 0 && !s["no-results"] && (o.value = !1), u.value = !1; }), { rootElement: a, - currentWidthInPx: k, + currentWidthInPx: x, menu: i, menuId: l, highlightedId: A, - inputValue: S, - modelWrapper: _, + inputValue: M, + modelWrapper: $, expanded: o, - onInputBlur: J, + onInputBlur: I, rootClasses: B, - rootStyle: L, - otherAttrs: le, - onUpdateInput: P, - onInputFocus: U, - onKeydown: g + rootStyle: V, + otherAttrs: oe, + onUpdateInput: U, + onInputFocus: Q, + onKeydown: y }; } }), Qe = () => { - Le((e) => ({ + Ve((e) => ({ "51c485f8": e.currentWidthInPx })); }, Ge = De.setup; De.setup = Ge ? (e, t) => (Qe(), Ge(e, t)) : Qe; function So(e, t, n, s, a, i) { - const l = w("cdx-text-input"), u = w("cdx-menu"); + const l = k("cdx-text-input"), u = k("cdx-menu"); return d(), m("div", { ref: "rootElement", - class: E(["cdx-lookup", e.rootClasses]), - style: ce(e.rootStyle) + class: K(["cdx-lookup", e.rootClasses]), + style: re(e.rootStyle) }, [ - z(l, Z({ + z(l, J({ modelValue: e.inputValue, "onUpdate:modelValue": t[0] || (t[0] = (o) => e.inputValue = o) }, e.otherAttrs, { @@ -2432,7 +2432,7 @@ function So(e, t, n, s, a, i) { onBlur: e.onInputBlur, onKeydown: e.onKeydown }), null, 16, ["modelValue", "aria-controls", "aria-owns", "aria-expanded", "aria-activedescendant", "disabled", "status", "onUpdate:modelValue", "onFocus", "onBlur", "onKeydown"]), - z(u, Z({ + z(u, J({ id: e.menuId, ref: "menu", selected: e.modelWrapper, @@ -2443,24 +2443,24 @@ function So(e, t, n, s, a, i) { }, e.menuConfig, { onLoadMore: t[3] || (t[3] = (o) => e.$emit("load-more")) }), { - default: D(({ menuItem: o }) => [ - I(e.$slots, "menu-item", { menuItem: o }) + default: E(({ menuItem: o }) => [ + w(e.$slots, "menu-item", { menuItem: o }) ]), - "no-results": D(() => [ - I(e.$slots, "no-results") + "no-results": E(() => [ + w(e.$slots, "no-results") ]), _: 3 }, 16, ["id", "selected", "expanded", "menu-items"]) ], 6); } -const Kl = /* @__PURE__ */ R(De, [["render", So]]), Mo = { +const Kl = /* @__PURE__ */ N(De, [["render", So]]), Mo = { notice: Pt, error: at, warning: ot, success: it -}, To = N({ +}, To = D({ name: "CdxMessage", - components: { CdxButton: ve, CdxIcon: G }, + components: { CdxButton: he, CdxIcon: Z }, props: { /** * Status type of Message. @@ -2544,7 +2544,7 @@ const Kl = /* @__PURE__ */ R(De, [["render", So]]), Mo = { function o(r) { n.value || (u.value = r === "user-dismissed" ? "cdx-message-leave-active-user" : "cdx-message-leave-active-system", n.value = !0, t(r)); } - return re(() => { + return de(() => { a.value && setTimeout(() => o("auto-dismissed"), a.value); }), { dismissed: n, @@ -2558,17 +2558,17 @@ const Kl = /* @__PURE__ */ R(De, [["render", So]]), Mo = { } }); const Bo = ["aria-live", "role"], Ao = { class: "cdx-message__content" }; -function Lo(e, t, n, s, a, i) { - const l = w("cdx-icon"), u = w("cdx-button"); - return d(), K(Be, { +function Vo(e, t, n, s, a, i) { + const l = k("cdx-icon"), u = k("cdx-button"); + return d(), L(Be, { name: "cdx-message", appear: e.fadeIn, "leave-active-class": e.leaveActiveClass }, { - default: D(() => [ + default: E(() => [ e.dismissed ? C("", !0) : (d(), m("div", { key: 0, - class: E(["cdx-message", e.rootClasses]), + class: K(["cdx-message", e.rootClasses]), "aria-live": e.type !== "error" ? "polite" : void 0, role: e.type === "error" ? "alert" : void 0 }, [ @@ -2576,10 +2576,10 @@ function Lo(e, t, n, s, a, i) { class: "cdx-message__icon--vue", icon: e.computedIcon }, null, 8, ["icon"]), - v("div", Ao, [ - I(e.$slots, "default") + h("div", Ao, [ + w(e.$slots, "default") ]), - e.userDismissable ? (d(), K(u, { + e.userDismissable ? (d(), L(u, { key: 0, class: "cdx-message__dismiss-button", weight: "quiet", @@ -2587,7 +2587,7 @@ function Lo(e, t, n, s, a, i) { "aria-label": e.dismissButtonLabel, onClick: t[0] || (t[0] = (o) => e.onDismiss("user-dismissed")) }, { - default: D(() => [ + default: E(() => [ z(l, { icon: e.cdxIconClose, "icon-label": e.dismissButtonLabel @@ -2600,7 +2600,7 @@ function Lo(e, t, n, s, a, i) { _: 3 }, 8, ["appear", "leave-active-class"]); } -const El = /* @__PURE__ */ R(To, [["render", Lo]]), Vo = N({ +const El = /* @__PURE__ */ N(To, [["render", Vo]]), Lo = D({ name: "CdxRadio", props: { /** @@ -2659,9 +2659,9 @@ const El = /* @__PURE__ */ R(To, [["render", Lo]]), Vo = N({ setup(e, { emit: t }) { const n = p(() => ({ "cdx-radio--inline": e.inline - })), s = f(), a = ne("radio"), i = () => { + })), s = f(), a = te("radio"), i = () => { s.value.focus(); - }, l = ie(Q(e, "modelValue"), t); + }, l = se(G(e, "modelValue"), t); return { rootClasses: n, input: s, @@ -2671,12 +2671,12 @@ const El = /* @__PURE__ */ R(To, [["render", Lo]]), Vo = N({ }; } }); -const Ko = ["id", "name", "value", "disabled"], Eo = /* @__PURE__ */ v("span", { class: "cdx-radio__icon" }, null, -1), Do = ["for"]; +const Ko = ["id", "name", "value", "disabled"], Eo = /* @__PURE__ */ h("span", { class: "cdx-radio__icon" }, null, -1), Do = ["for"]; function No(e, t, n, s, a, i) { return d(), m("span", { - class: E(["cdx-radio", e.rootClasses]) + class: K(["cdx-radio", e.rootClasses]) }, [ - de(v("input", { + ue(h("input", { id: e.radioId, ref: "input", "onUpdate:modelValue": t[0] || (t[0] = (l) => e.wrappedModel = l), @@ -2689,20 +2689,20 @@ function No(e, t, n, s, a, i) { [Ct, e.wrappedModel] ]), Eo, - v("label", { + h("label", { class: "cdx-radio__label", for: e.radioId, onClick: t[1] || (t[1] = (...l) => e.focusInput && e.focusInput(...l)) }, [ - I(e.$slots, "default") + w(e.$slots, "default") ], 8, Do) ], 2); } -const Dl = /* @__PURE__ */ R(Vo, [["render", No]]), Ro = se(Ie), Oo = N({ +const Dl = /* @__PURE__ */ N(Lo, [["render", No]]), Ro = ae(Ce), Oo = D({ name: "CdxSearchInput", components: { - CdxButton: ve, - CdxTextInput: Ve + CdxButton: he, + CdxTextInput: Le }, /** * Attributes, besides class, will be passed to the TextInput's input element. @@ -2751,7 +2751,7 @@ const Dl = /* @__PURE__ */ R(Vo, [["render", No]]), Ro = se(Ie), Oo = N({ "submit-click" ], setup(e, { emit: t, attrs: n }) { - const s = ie(Q(e, "modelValue"), t), a = p(() => ({ + const s = se(G(e, "modelValue"), t), a = p(() => ({ "cdx-search-input--has-end-button": !!e.buttonLabel })), { rootClasses: i, @@ -2782,13 +2782,13 @@ const Dl = /* @__PURE__ */ R(Vo, [["render", No]]), Ro = se(Ie), Oo = N({ }); const qo = { class: "cdx-search-input__input-wrapper" }; function Fo(e, t, n, s, a, i) { - const l = w("cdx-text-input"), u = w("cdx-button"); + const l = k("cdx-text-input"), u = k("cdx-button"); return d(), m("div", { - class: E(["cdx-search-input", e.rootClasses]), - style: ce(e.rootStyle) + class: K(["cdx-search-input", e.rootClasses]), + style: re(e.rootStyle) }, [ - v("div", qo, [ - z(l, Z({ + h("div", qo, [ + z(l, J({ ref: "textInput", modelValue: e.wrappedModel, "onUpdate:modelValue": t[0] || (t[0] = (o) => e.wrappedModel = o), @@ -2799,25 +2799,25 @@ function Fo(e, t, n, s, a, i) { }, e.otherAttrs, { onKeydown: Y(e.handleSubmit, ["enter"]) }), null, 16, ["modelValue", "start-icon", "status", "onKeydown"]), - I(e.$slots, "default") + w(e.$slots, "default") ]), - e.buttonLabel ? (d(), K(u, { + e.buttonLabel ? (d(), L(u, { key: 0, class: "cdx-search-input__end-button", onClick: e.handleSubmit }, { - default: D(() => [ - oe(H(e.buttonLabel), 1) + default: E(() => [ + ne(H(e.buttonLabel), 1) ]), _: 1 }, 8, ["onClick"])) : C("", !0) ], 6); } -const zo = /* @__PURE__ */ R(Oo, [["render", Fo]]), Ne = N({ +const zo = /* @__PURE__ */ N(Oo, [["render", Fo]]), Ne = D({ name: "CdxSelect", components: { - CdxIcon: G, - CdxMenu: we + CdxIcon: Z, + CdxMenu: Ie }, props: { /** @@ -2886,12 +2886,12 @@ const zo = /* @__PURE__ */ R(Oo, [["render", Fo]]), Ne = N({ "load-more" ], setup(e, { emit: t }) { - const n = f(), s = f(), a = ne("select-handle"), i = ne("select-menu"), l = f(!1), u = ie(Q(e, "selected"), t, "update:selected"), o = p( + const n = f(), s = f(), a = te("select-handle"), i = te("select-menu"), l = f(!1), u = se(G(e, "selected"), t, "update:selected"), o = p( () => e.menuItems.find((B) => B.value === e.selected) - ), r = p(() => o.value ? o.value.label || o.value.value : e.defaultLabel), c = Ke(n), _ = p(() => { + ), r = p(() => o.value ? o.value.label || o.value.value : e.defaultLabel), c = Ke(n), $ = p(() => { var B; return `${(B = c.value.width) != null ? B : 0}px`; - }), y = p(() => { + }), g = p(() => { if (e.defaultIcon && !o.value) return e.defaultIcon; if (o.value && o.value.icon) @@ -2902,21 +2902,21 @@ const zo = /* @__PURE__ */ R(Oo, [["render", Fo]]), Ne = N({ "cdx-select-vue--expanded": l.value, "cdx-select-vue--value-selected": !!o.value, "cdx-select-vue--no-selections": !o.value, - "cdx-select-vue--has-start-icon": !!y.value - })), S = p(() => { - var B, L; - return (L = (B = s.value) == null ? void 0 : B.getHighlightedMenuItem()) == null ? void 0 : L.id; + "cdx-select-vue--has-start-icon": !!g.value + })), M = p(() => { + var B, V; + return (V = (B = s.value) == null ? void 0 : B.getHighlightedMenuItem()) == null ? void 0 : V.id; }); - function O() { + function R() { l.value = !1; } - function k() { + function x() { var B; e.disabled || (l.value = !l.value, (B = n.value) == null || B.focus()); } function T(B) { - var L; - e.disabled || (L = s.value) == null || L.delegateKeyNavigation(B); + var V; + e.disabled || (V = s.value) == null || V.delegateKeyNavigation(B); } return { handle: n, @@ -2925,32 +2925,32 @@ const zo = /* @__PURE__ */ R(Oo, [["render", Fo]]), Ne = N({ menuId: i, modelWrapper: u, selectedMenuItem: o, - highlightedId: S, + highlightedId: M, expanded: l, - onBlur: O, + onBlur: R, currentLabel: r, - currentWidthInPx: _, + currentWidthInPx: $, rootClasses: A, - onClick: k, + onClick: x, onKeydown: T, - startIcon: y, + startIcon: g, cdxIconExpand: st }; } }), Ze = () => { - Le((e) => ({ - 46589886: e.currentWidthInPx + Ve((e) => ({ + "79331f78": e.currentWidthInPx })); }, Je = Ne.setup; Ne.setup = Je ? (e, t) => (Ze(), Je(e, t)) : Ze; const Ho = ["aria-disabled"], jo = ["aria-owns", "aria-labelledby", "aria-activedescendant", "aria-expanded"], Uo = ["id"]; function Wo(e, t, n, s, a, i) { - const l = w("cdx-icon"), u = w("cdx-menu"); + const l = k("cdx-icon"), u = k("cdx-menu"); return d(), m("div", { - class: E(["cdx-select-vue", e.rootClasses]), + class: K(["cdx-select-vue", e.rootClasses]), "aria-disabled": e.disabled }, [ - v("div", { + h("div", { ref: "handle", class: "cdx-select-vue__handle", tabindex: "0", @@ -2965,19 +2965,19 @@ function Wo(e, t, n, s, a, i) { onBlur: t[1] || (t[1] = (...o) => e.onBlur && e.onBlur(...o)), onKeydown: t[2] || (t[2] = (...o) => e.onKeydown && e.onKeydown(...o)) }, [ - v("span", { + h("span", { id: e.handleId, role: "textbox", "aria-readonly": "true" }, [ - I(e.$slots, "label", { + w(e.$slots, "label", { selectedMenuItem: e.selectedMenuItem, defaultLabel: e.defaultLabel }, () => [ - oe(H(e.currentLabel), 1) + ne(H(e.currentLabel), 1) ]) ], 8, Uo), - e.startIcon ? (d(), K(l, { + e.startIcon ? (d(), L(l, { key: 0, icon: e.startIcon, class: "cdx-select-vue__start-icon" @@ -2987,7 +2987,7 @@ function Wo(e, t, n, s, a, i) { class: "cdx-select-vue__indicator" }, null, 8, ["icon"]) ], 40, jo), - z(u, Z({ + z(u, J({ id: e.menuId, ref: "menu", selected: e.modelWrapper, @@ -2998,14 +2998,14 @@ function Wo(e, t, n, s, a, i) { }, e.menuConfig, { onLoadMore: t[5] || (t[5] = (o) => e.$emit("load-more")) }), { - default: D(({ menuItem: o }) => [ - I(e.$slots, "menu-item", { menuItem: o }) + default: E(({ menuItem: o }) => [ + w(e.$slots, "menu-item", { menuItem: o }) ]), _: 3 }, 16, ["id", "selected", "expanded", "menu-items"]) ], 10, Ho); } -const Nl = /* @__PURE__ */ R(Ne, [["render", Wo]]), Po = N({ +const Nl = /* @__PURE__ */ N(Ne, [["render", Wo]]), Po = D({ name: "CdxTab", /** * The "label" and "disabled" props are referenced by the parent Tabs @@ -3053,7 +3053,7 @@ const Nl = /* @__PURE__ */ R(Ne, [["render", Wo]]), Po = N({ }); const Qo = ["id", "aria-hidden", "aria-labelledby"]; function Go(e, t, n, s, a, i) { - return de((d(), m("section", { + return ue((d(), m("section", { id: e.tab.id, "aria-hidden": !e.isActive, "aria-labelledby": `${e.tab.id}-label`, @@ -3061,16 +3061,16 @@ function Go(e, t, n, s, a, i) { role: "tabpanel", tabindex: "-1" }, [ - I(e.$slots, "default") + w(e.$slots, "default") ], 8, Qo)), [ [$e, e.isActive] ]); } -const Rl = /* @__PURE__ */ R(Po, [["render", Go]]), Zo = N({ +const Rl = /* @__PURE__ */ N(Po, [["render", Go]]), Zo = D({ name: "CdxTabs", components: { - CdxButton: ve, - CdxIcon: G + CdxButton: he, + CdxIcon: Z }, props: { /** @@ -3111,102 +3111,92 @@ const Rl = /* @__PURE__ */ R(Po, [["render", Go]]), Zo = N({ setup(e, { slots: t, emit: n }) { const s = f(), a = f(), i = f(), l = f(), u = f(), o = ut(s), r = p(() => { var F; - const g = [], h = (F = t.default) == null ? void 0 : F.call(t); - h && h.forEach(M); - function M(V) { - V && typeof V == "object" && "type" in V && (typeof V.type == "object" && "name" in V.type && V.type.name === "CdxTab" ? g.push(V) : "children" in V && Array.isArray(V.children) && V.children.forEach(M)); + const I = [], y = (F = t.default) == null ? void 0 : F.call(t); + y && y.forEach(v); + function v(O) { + O && typeof O == "object" && "type" in O && (typeof O.type == "object" && "name" in O.type && O.type.name === "CdxTab" ? I.push(O) : "children" in O && Array.isArray(O.children) && O.children.forEach(v)); } - return g; + return I; }); if (!r.value || r.value.length === 0) throw new Error("Slot content cannot be empty"); - const c = p(() => r.value.reduce((g, h) => { - var M; - if ((M = h.props) != null && M.name && typeof h.props.name == "string") { - if (g.get(h.props.name)) + const c = p(() => r.value.reduce((I, y) => { + var v; + if ((v = y.props) != null && v.name && typeof y.props.name == "string") { + if (I.get(y.props.name)) throw new Error("Tab names must be unique"); - g.set(h.props.name, { - name: h.props.name, - id: ne(h.props.name), - label: h.props.label || h.props.name, - disabled: h.props.disabled + I.set(y.props.name, { + name: y.props.name, + id: te(y.props.name), + label: y.props.label || y.props.name, + disabled: y.props.disabled }); } - return g; - }, /* @__PURE__ */ new Map())), _ = ie(Q(e, "active"), n, "update:active"), y = p(() => Array.from(c.value.keys())), A = p(() => y.value.indexOf(_.value)), S = p(() => { - var g; - return (g = c.value.get(_.value)) == null ? void 0 : g.id; + return I; + }, /* @__PURE__ */ new Map())), $ = se(G(e, "active"), n, "update:active"), g = p(() => Array.from(c.value.keys())), A = p(() => g.value.indexOf($.value)), M = p(() => { + var I; + return (I = c.value.get($.value)) == null ? void 0 : I.id; }); - Ue(nt, _), Ue(tt, c); - const O = f(), k = f(), T = Te(O, { threshold: 0.95 }), B = Te(k, { threshold: 0.95 }); - function L(g, h) { - const M = g; - M && (h === 0 ? O.value = M : h === y.value.length - 1 && (k.value = M)); + Ue(nt, $), Ue(tt, c); + const R = f(), x = f(), T = Te(R, { threshold: 0.95 }), B = Te(x, { threshold: 0.95 }); + function V(I, y) { + const v = I; + v && (y === 0 ? R.value = v : y === g.value.length - 1 && (x.value = v)); } - function le(g) { - var F; - const h = g === _.value, M = !!((F = c.value.get(g)) != null && F.disabled); - return { - "cdx-tabs__list__item--selected": h, - "cdx-tabs__list__item--enabled": !M, - "cdx-tabs__list__item--disabled": M - }; - } - const P = p(() => ({ + const oe = p(() => ({ "cdx-tabs--framed": e.framed, "cdx-tabs--quiet": !e.framed })); - function U(g) { + function U(I) { if (!a.value || !l.value || !u.value) return 0; - const h = o.value === "rtl" ? u.value : l.value, M = o.value === "rtl" ? l.value : u.value, F = g.offsetLeft, V = F + g.clientWidth, ee = a.value.scrollLeft + h.clientWidth, fe = a.value.scrollLeft + a.value.clientWidth - M.clientWidth; - return F < ee ? F - ee : V > fe ? V - fe : 0; + const y = o.value === "rtl" ? u.value : l.value, v = o.value === "rtl" ? l.value : u.value, F = I.offsetLeft, O = F + I.clientWidth, W = a.value.scrollLeft + y.clientWidth, ce = a.value.scrollLeft + a.value.clientWidth - v.clientWidth; + return F < W ? F - W : O > ce ? O - ce : 0; } - function J(g) { - var V; + function Q(I) { + var O; if (!a.value || !l.value || !u.value) return; - const h = g === "next" && o.value === "ltr" || g === "prev" && o.value === "rtl" ? 1 : -1; - let M = 0, F = g === "next" ? a.value.firstElementChild : a.value.lastElementChild; + const y = I === "next" && o.value === "ltr" || I === "prev" && o.value === "rtl" ? 1 : -1; + let v = 0, F = I === "next" ? a.value.firstElementChild : a.value.lastElementChild; for (; F; ) { - const ee = g === "next" ? F.nextElementSibling : F.previousElementSibling; - if (M = U(F), Math.sign(M) === h) { - ee && Math.abs(M) < 0.25 * a.value.clientWidth && (M = U(ee)); + const W = I === "next" ? F.nextElementSibling : F.previousElementSibling; + if (v = U(F), Math.sign(v) === y) { + W && Math.abs(v) < 0.25 * a.value.clientWidth && (v = U(W)); break; } - F = ee; + F = W; } a.value.scrollBy({ - left: M, + left: v, behavior: "smooth" - }), (V = i.value) == null || V.focus(); + }), (O = i.value) == null || O.focus(); } - return te(_, () => { - if (S.value === void 0 || !a.value || !l.value || !u.value) + return ee($, () => { + if (M.value === void 0 || !a.value || !l.value || !u.value) return; - const g = document.getElementById(`${S.value}-label`); - g && a.value.scrollBy({ - left: U(g), + const I = document.getElementById(`${M.value}-label`); + I && a.value.scrollBy({ + left: U(I), behavior: "smooth" }); }), { - activeTab: _, + activeTab: $, activeTabIndex: A, - activeTabId: S, + activeTabId: M, currentDirection: o, rootElement: s, listElement: a, focusHolder: i, prevScroller: l, nextScroller: u, - rootClasses: P, - tabNames: y, + rootClasses: oe, + tabNames: g, tabsData: c, firstLabelVisible: T, lastLabelVisible: B, - getLabelClasses: le, - assignTemplateRefIfNecessary: L, - scrollTabs: J, + assignTemplateRefIfNecessary: V, + scrollTabs: Q, cdxIconPrevious: Gt, cdxIconNext: Qt }; @@ -3289,12 +3279,12 @@ const Jo = { class: "cdx-tabs__next-scroller" }, ol = { class: "cdx-tabs__content" }; function ll(e, t, n, s, a, i) { - const l = w("cdx-icon"), u = w("cdx-button"); + const l = k("cdx-icon"), u = k("cdx-button"); return d(), m("div", { ref: "rootElement", - class: E(["cdx-tabs", e.rootClasses]) + class: K(["cdx-tabs", e.rootClasses]) }, [ - v("div", { + h("div", { class: "cdx-tabs__header", tabindex: "0", onKeydown: [ @@ -3303,8 +3293,8 @@ function ll(e, t, n, s, a, i) { t[6] || (t[6] = Y(X((...o) => e.onLeftArrowKeypress && e.onLeftArrowKeypress(...o), ["prevent"]), ["left"])) ] }, [ - v("div", Jo, null, 512), - de(v("div", Xo, [ + h("div", Jo, null, 512), + ue(h("div", Xo, [ z(u, { class: "cdx-tabs__scroll-button", weight: "quiet", @@ -3315,7 +3305,7 @@ function ll(e, t, n, s, a, i) { }, ["prevent"])), onClick: t[1] || (t[1] = (o) => e.scrollTabs("prev")) }, { - default: D(() => [ + default: E(() => [ z(l, { icon: e.cdxIconPrevious }, null, 8, ["icon"]) ]), _: 1 @@ -3323,21 +3313,21 @@ function ll(e, t, n, s, a, i) { ], 512), [ [$e, !e.firstLabelVisible] ]), - v("ul", { + h("ul", { ref: "listElement", class: "cdx-tabs__list", role: "tablist", "aria-activedescendant": e.activeTabId }, [ - (d(!0), m(he, null, Ce(e.tabsData.values(), (o, r) => (d(), m("li", { + (d(!0), m(me, null, _e(e.tabsData.values(), (o, r) => (d(), m("li", { id: `${o.id}-label`, key: r, ref_for: !0, ref: (c) => e.assignTemplateRefIfNecessary(c, r), - class: E([e.getLabelClasses(o.name), "cdx-tabs__list__item"]), + class: "cdx-tabs__list__item", role: "presentation" }, [ - v("a", { + h("a", { href: `#${o.id}`, role: "tab", tabIndex: "-1", @@ -3346,9 +3336,9 @@ function ll(e, t, n, s, a, i) { onClick: X((c) => e.select(o.name), ["prevent"]), onKeyup: Y((c) => e.select(o.name), ["enter"]) }, H(o.label), 41, tl) - ], 10, el))), 128)) + ], 8, el))), 128)) ], 8, Yo), - de(v("div", nl, [ + ue(h("div", nl, [ z(u, { class: "cdx-tabs__scroll-button", weight: "quiet", @@ -3359,7 +3349,7 @@ function ll(e, t, n, s, a, i) { }, ["prevent"])), onClick: t[3] || (t[3] = (o) => e.scrollTabs("next")) }, { - default: D(() => [ + default: E(() => [ z(l, { icon: e.cdxIconNext }, null, 8, ["icon"]) ]), _: 1 @@ -3368,12 +3358,12 @@ function ll(e, t, n, s, a, i) { [$e, !e.lastLabelVisible] ]) ], 32), - v("div", ol, [ - I(e.$slots, "default") + h("div", ol, [ + w(e.$slots, "default") ]) ], 2); } -const Ol = /* @__PURE__ */ R(Zo, [["render", ll]]), al = N({ +const Ol = /* @__PURE__ */ N(Zo, [["render", ll]]), al = D({ name: "CdxToggleButton", props: { /** @@ -3433,20 +3423,20 @@ const Ol = /* @__PURE__ */ R(Zo, [["render", ll]]), al = N({ const sl = ["aria-pressed", "disabled"]; function il(e, t, n, s, a, i) { return d(), m("button", { - class: E(["cdx-toggle-button", e.rootClasses]), + class: K(["cdx-toggle-button", e.rootClasses]), "aria-pressed": e.modelValue, disabled: e.disabled, onClick: t[0] || (t[0] = (...l) => e.onClick && e.onClick(...l)), onKeydown: t[1] || (t[1] = Y((l) => e.setActive(!0), ["space", "enter"])), onKeyup: t[2] || (t[2] = Y((l) => e.setActive(!1), ["space", "enter"])) }, [ - I(e.$slots, "default") + w(e.$slots, "default") ], 42, sl); } -const ul = /* @__PURE__ */ R(al, [["render", il]]), dl = N({ +const ul = /* @__PURE__ */ N(al, [["render", il]]), dl = D({ name: "CdxToggleButtonGroup", components: { - CdxIcon: G, + CdxIcon: Z, CdxToggleButton: ul }, props: { @@ -3512,32 +3502,32 @@ const ul = /* @__PURE__ */ R(al, [["render", il]]), dl = N({ }); const rl = { class: "cdx-toggle-button-group" }; function cl(e, t, n, s, a, i) { - const l = w("cdx-icon"), u = w("cdx-toggle-button"); + const l = k("cdx-icon"), u = k("cdx-toggle-button"); return d(), m("div", rl, [ - (d(!0), m(he, null, Ce(e.buttons, (o) => (d(), K(u, { + (d(!0), m(me, null, _e(e.buttons, (o) => (d(), L(u, { key: o.value, "model-value": e.isSelected(o), disabled: o.disabled || e.disabled, "aria-label": o.ariaLabel, "onUpdate:modelValue": (r) => e.onUpdate(o, r) }, { - default: D(() => [ - I(e.$slots, "default", { + default: E(() => [ + w(e.$slots, "default", { button: o, selected: e.isSelected(o) }, () => [ - o.icon ? (d(), K(l, { + o.icon ? (d(), L(l, { key: 0, icon: o.icon }, null, 8, ["icon"])) : C("", !0), - oe(" " + H(e.getButtonLabel(o)), 1) + ne(" " + H(e.getButtonLabel(o)), 1) ]) ]), _: 2 }, 1032, ["model-value", "disabled", "aria-label", "onUpdate:modelValue"]))), 128)) ]); } -const ql = /* @__PURE__ */ R(dl, [["render", cl]]), pl = N({ +const ql = /* @__PURE__ */ N(dl, [["render", cl]]), pl = D({ name: "CdxToggleSwitch", /** * The input element will inherit attributes, not the root element. @@ -3570,11 +3560,11 @@ const ql = /* @__PURE__ */ R(dl, [["render", cl]]), pl = N({ "update:modelValue" ], setup(e, { attrs: t, emit: n }) { - const s = f(), a = ne("toggle-switch"), { + const s = f(), a = te("toggle-switch"), { rootClasses: i, rootStyle: l, otherAttrs: u - } = pe(t), o = ie(Q(e, "modelValue"), n); + } = pe(t), o = se(G(e, "modelValue"), n); return { input: s, inputId: a, @@ -3588,15 +3578,15 @@ const ql = /* @__PURE__ */ R(dl, [["render", cl]]), pl = N({ }; } }); -const fl = ["id", "disabled"], ml = ["for"], hl = /* @__PURE__ */ v("span", { class: "cdx-toggle-switch__switch" }, [ - /* @__PURE__ */ v("span", { class: "cdx-toggle-switch__switch__grip" }) +const fl = ["id", "disabled"], ml = ["for"], hl = /* @__PURE__ */ h("span", { class: "cdx-toggle-switch__switch" }, [ + /* @__PURE__ */ h("span", { class: "cdx-toggle-switch__switch__grip" }) ], -1); function vl(e, t, n, s, a, i) { return d(), m("span", { - class: E(["cdx-toggle-switch", e.rootClasses]), - style: ce(e.rootStyle) + class: K(["cdx-toggle-switch", e.rootClasses]), + style: re(e.rootStyle) }, [ - de(v("input", Z({ + ue(h("input", J({ id: e.inputId, ref: "input", "onUpdate:modelValue": t[0] || (t[0] = (l) => e.wrappedModel = l), @@ -3613,16 +3603,16 @@ function vl(e, t, n, s, a, i) { for: e.inputId, class: "cdx-toggle-switch__label" }, [ - I(e.$slots, "default") + w(e.$slots, "default") ], 8, ml)) : C("", !0), hl ], 6); } -const Fl = /* @__PURE__ */ R(pl, [["render", vl]]), bl = N({ +const Fl = /* @__PURE__ */ N(pl, [["render", vl]]), bl = D({ name: "CdxTypeaheadSearch", components: { - CdxIcon: G, - CdxMenu: we, + CdxIcon: Z, + CdxMenu: Ie, CdxSearchInput: zo }, /** @@ -3756,64 +3746,64 @@ const Fl = /* @__PURE__ */ R(pl, [["render", vl]]), bl = N({ "load-more" ], setup(e, { attrs: t, emit: n, slots: s }) { - const { searchResults: a, searchFooterUrl: i, debounceInterval: l } = It(e), u = f(), o = f(), r = ne("typeahead-search-menu"), c = f(!1), _ = f(!1), y = f(!1), A = f(!1), S = f(e.initialInputValue), O = f(""), k = p(() => { - var $, W; - return (W = ($ = o.value) == null ? void 0 : $.getHighlightedMenuItem()) == null ? void 0 : W.id; + const { searchResults: a, searchFooterUrl: i, debounceInterval: l } = It(e), u = f(), o = f(), r = te("typeahead-search-menu"), c = f(!1), $ = f(!1), g = f(!1), A = f(!1), M = f(e.initialInputValue), R = f(""), x = p(() => { + var _, P; + return (P = (_ = o.value) == null ? void 0 : _.getHighlightedMenuItem()) == null ? void 0 : P.id; }), T = f(null), B = p(() => ({ "cdx-typeahead-search__menu-message--has-thumbnail": e.showThumbnail - })), L = p( + })), V = p( () => e.searchResults.find( - ($) => $.value === T.value + (_) => _.value === T.value ) - ), le = p( - () => i.value ? { value: me, url: i.value } : void 0 - ), P = p(() => ({ + ), oe = p( + () => i.value ? { value: fe, url: i.value } : void 0 + ), U = p(() => ({ "cdx-typeahead-search--show-thumbnail": e.showThumbnail, "cdx-typeahead-search--expanded": c.value, "cdx-typeahead-search--auto-expand-width": e.showThumbnail && e.autoExpandWidth })), { - rootClasses: U, - rootStyle: J, - otherAttrs: g - } = pe(t, P); - function h($) { - return $; - } - const M = p(() => ({ + rootClasses: Q, + rootStyle: I, + otherAttrs: y + } = pe(t, U); + function v(_) { + return _; + } + const F = p(() => ({ visibleItemLimit: e.visibleItemLimit, showThumbnail: e.showThumbnail, // In case search queries aren't highlighted, default to a bold label. boldLabel: !0, hideDescriptionOverflow: !0 })); - let F, V; - function ee($, W = !1) { - L.value && L.value.label !== $ && L.value.value !== $ && (T.value = null), V !== void 0 && (clearTimeout(V), V = void 0), $ === "" ? c.value = !1 : (_.value = !0, s["search-results-pending"] && (V = setTimeout(() => { - A.value && (c.value = !0), y.value = !0; - }, Bt))), F !== void 0 && (clearTimeout(F), F = void 0); - const ae = () => { - n("input", $); + let O, W; + function ce(_, P = !1) { + V.value && V.value.label !== _ && V.value.value !== _ && (T.value = null), W !== void 0 && (clearTimeout(W), W = void 0), _ === "" ? c.value = !1 : ($.value = !0, s["search-results-pending"] && (W = setTimeout(() => { + A.value && (c.value = !0), g.value = !0; + }, Bt))), O !== void 0 && (clearTimeout(O), O = void 0); + const le = () => { + n("input", _); }; - W ? ae() : F = setTimeout(() => { - ae(); + P ? le() : O = setTimeout(() => { + le(); }, l.value); } - function fe($) { - if ($ === me) { - T.value = null, S.value = O.value; + function we(_) { + if (_ === fe) { + T.value = null, M.value = R.value; return; } - T.value = $, $ !== null && (S.value = L.value ? L.value.label || String(L.value.value) : ""); + T.value = _, _ !== null && (M.value = V.value ? V.value.label || String(V.value.value) : ""); } function b() { - A.value = !0, (O.value || y.value) && (c.value = !0); + A.value = !0, (R.value || g.value) && (c.value = !0); } - function x() { + function S() { A.value = !1, c.value = !1; } - function q($) { - const Re = $, { id: W } = Re, ae = _e(Re, ["id"]); - if (ae.value === me) { + function q(_) { + const Re = _, { id: P } = Re, le = ye(Re, ["id"]); + if (le.value === fe) { n("search-result-click", { searchResult: null, index: a.value.length, @@ -3821,88 +3811,88 @@ const Fl = /* @__PURE__ */ R(pl, [["render", vl]]), bl = N({ }); return; } - j(ae); + j(le); } - function j($) { - const W = { - searchResult: $, + function j(_) { + const P = { + searchResult: _, index: a.value.findIndex( - (ae) => ae.value === $.value + (le) => le.value === _.value ), numberOfResults: a.value.length }; - n("search-result-click", W); + n("search-result-click", P); } - function be($) { - if ($.value === me) { - S.value = O.value; + function ve(_) { + if (_.value === fe) { + M.value = R.value; return; } - S.value = $.value ? $.label || String($.value) : ""; + M.value = _.value ? _.label || String(_.value) : ""; } - function ue($) { - var W; - c.value = !1, (W = o.value) == null || W.clearActive(), q($); + function ie(_) { + var P; + c.value = !1, (P = o.value) == null || P.clearActive(), q(_); } - function ft($) { - if (L.value) - j(L.value), $.stopPropagation(), window.location.assign(L.value.url), $.preventDefault(); + function ft(_) { + if (V.value) + j(V.value), _.stopPropagation(), window.location.assign(V.value.url), _.preventDefault(); else { - const W = { + const P = { searchResult: null, index: -1, numberOfResults: a.value.length }; - n("submit", W); + n("submit", P); } } - function mt($) { - if (!o.value || !O.value || $.key === " ") + function mt(_) { + if (!o.value || !R.value || _.key === " ") return; - const W = o.value.getHighlightedMenuItem(), ae = o.value.getHighlightedViaKeyboard(); - switch ($.key) { + const P = o.value.getHighlightedMenuItem(), le = o.value.getHighlightedViaKeyboard(); + switch (_.key) { case "Enter": - W && (W.value === me && ae ? window.location.assign(i.value) : o.value.delegateKeyNavigation($, !1)), c.value = !1; + P && (P.value === fe && le ? window.location.assign(i.value) : o.value.delegateKeyNavigation(_, !1)), c.value = !1; break; case "Tab": c.value = !1; break; default: - o.value.delegateKeyNavigation($); + o.value.delegateKeyNavigation(_); break; } } - return re(() => { - e.initialInputValue && ee(e.initialInputValue, !0); - }), te(Q(e, "searchResults"), () => { - O.value = S.value.trim(), A.value && _.value && O.value.length > 0 && (c.value = !0), V !== void 0 && (clearTimeout(V), V = void 0), _.value = !1, y.value = !1; + return de(() => { + e.initialInputValue && ce(e.initialInputValue, !0); + }), ee(G(e, "searchResults"), () => { + R.value = M.value.trim(), A.value && $.value && R.value.length > 0 && (c.value = !0), W !== void 0 && (clearTimeout(W), W = void 0), $.value = !1, g.value = !1; }), { form: u, menu: o, menuId: r, - highlightedId: k, + highlightedId: x, selection: T, menuMessageClass: B, - footer: le, - asSearchResult: h, - inputValue: S, - searchQuery: O, + footer: oe, + asSearchResult: v, + inputValue: M, + searchQuery: R, expanded: c, - showPending: y, - rootClasses: U, - rootStyle: J, - otherAttrs: g, - menuConfig: M, - onUpdateInputValue: ee, - onUpdateMenuSelection: fe, + showPending: g, + rootClasses: Q, + rootStyle: I, + otherAttrs: y, + menuConfig: F, + onUpdateInputValue: ce, + onUpdateMenuSelection: we, onFocus: b, - onBlur: x, + onBlur: S, onSearchResultClick: q, - onSearchResultKeyboardNavigation: be, - onSearchFooterClick: ue, + onSearchResultKeyboardNavigation: ve, + onSearchFooterClick: ie, onSubmit: ft, onKeydown: mt, - MenuFooterValue: me, + MenuFooterValue: fe, articleIcon: jt }; }, @@ -3917,21 +3907,21 @@ const Fl = /* @__PURE__ */ R(pl, [["render", vl]]), bl = N({ } } }); -const gl = ["id", "action"], yl = { class: "cdx-typeahead-search__menu-message__text" }, _l = { class: "cdx-typeahead-search__menu-message__text" }, $l = ["href", "onClickCapture"], Cl = { class: "cdx-typeahead-search__search-footer__text" }, Il = { class: "cdx-typeahead-search__search-footer__query" }; +const gl = ["id", "action"], yl = { class: "cdx-typeahead-search__menu-message__text" }, $l = { class: "cdx-typeahead-search__menu-message__text" }, _l = ["href", "onClickCapture"], Cl = { class: "cdx-typeahead-search__search-footer__text" }, Il = { class: "cdx-typeahead-search__search-footer__query" }; function wl(e, t, n, s, a, i) { - const l = w("cdx-icon"), u = w("cdx-menu"), o = w("cdx-search-input"); + const l = k("cdx-icon"), u = k("cdx-menu"), o = k("cdx-search-input"); return d(), m("div", { - class: E(["cdx-typeahead-search", e.rootClasses]), - style: ce(e.rootStyle) + class: K(["cdx-typeahead-search", e.rootClasses]), + style: re(e.rootStyle) }, [ - v("form", { + h("form", { id: e.id, ref: "form", class: "cdx-typeahead-search__form", action: e.formAction, onSubmit: t[4] || (t[4] = (...r) => e.onSubmit && e.onSubmit(...r)) }, [ - z(o, Z({ + z(o, J({ ref: "searchInput", modelValue: e.inputValue, "onUpdate:modelValue": t[3] || (t[3] = (r) => e.inputValue = r), @@ -3950,8 +3940,8 @@ function wl(e, t, n, s, a, i) { onBlur: e.onBlur, onKeydown: e.onKeydown }), { - default: D(() => [ - z(u, Z({ + default: E(() => [ + z(u, J({ id: e.menuId, ref: "menu", expanded: e.expanded, @@ -3969,65 +3959,65 @@ function wl(e, t, n, s, a, i) { onMenuItemKeyboardNavigation: e.onSearchResultKeyboardNavigation, onLoadMore: t[2] || (t[2] = (r) => e.$emit("load-more")) }), { - pending: D(() => [ - v("div", { - class: E(["cdx-typeahead-search__menu-message", e.menuMessageClass]) + pending: E(() => [ + h("div", { + class: K(["cdx-typeahead-search__menu-message", e.menuMessageClass]) }, [ - v("span", yl, [ - I(e.$slots, "search-results-pending") + h("span", yl, [ + w(e.$slots, "search-results-pending") ]) ], 2) ]), - "no-results": D(() => [ - v("div", { - class: E(["cdx-typeahead-search__menu-message", e.menuMessageClass]) + "no-results": E(() => [ + h("div", { + class: K(["cdx-typeahead-search__menu-message", e.menuMessageClass]) }, [ - v("span", _l, [ - I(e.$slots, "search-no-results-text") + h("span", $l, [ + w(e.$slots, "search-no-results-text") ]) ], 2) ]), - default: D(({ menuItem: r, active: c }) => [ + default: E(({ menuItem: r, active: c }) => [ r.value === e.MenuFooterValue ? (d(), m("a", { key: 0, - class: E(["cdx-typeahead-search__search-footer", { + class: K(["cdx-typeahead-search__search-footer", { "cdx-typeahead-search__search-footer__active": c }]), href: e.asSearchResult(r).url, - onClickCapture: X((_) => e.onSearchFooterClick(e.asSearchResult(r)), ["stop"]) + onClickCapture: X(($) => e.onSearchFooterClick(e.asSearchResult(r)), ["stop"]) }, [ z(l, { class: "cdx-typeahead-search__search-footer__icon", icon: e.articleIcon }, null, 8, ["icon"]), - v("span", Cl, [ - I(e.$slots, "search-footer-text", { searchQuery: e.searchQuery }, () => [ - v("strong", Il, H(e.searchQuery), 1) + h("span", Cl, [ + w(e.$slots, "search-footer-text", { searchQuery: e.searchQuery }, () => [ + h("strong", Il, H(e.searchQuery), 1) ]) ]) - ], 42, $l)) : C("", !0) + ], 42, _l)) : C("", !0) ]), _: 3 }, 16, ["id", "expanded", "show-pending", "selected", "menu-items", "footer", "search-query", "show-no-results-slot", "aria-label", "onUpdate:selected", "onMenuItemKeyboardNavigation"]) ]), _: 3 }, 16, ["modelValue", "button-label", "aria-owns", "aria-expanded", "aria-activedescendant", "onUpdate:modelValue", "onFocus", "onBlur", "onKeydown"]), - I(e.$slots, "default") + w(e.$slots, "default") ], 40, gl) ], 6); } -const zl = /* @__PURE__ */ R(bl, [["render", wl]]); +const zl = /* @__PURE__ */ N(bl, [["render", wl]]); export { - ve as CdxButton, + he as CdxButton, Sl as CdxButtonGroup, Ml as CdxCard, Tl as CdxCheckbox, - Ll as CdxCombobox, - Vl as CdxDialog, - G as CdxIcon, + Vl as CdxCombobox, + Ll as CdxDialog, + Z as CdxIcon, Bl as CdxInfoChip, Kl as CdxLookup, - we as CdxMenu, + Ie as CdxMenu, Jn as CdxMenuItem, El as CdxMessage, oo as CdxProgressBar, @@ -4037,7 +4027,7 @@ export { Nl as CdxSelect, Rl as CdxTab, Ol as CdxTabs, - Ve as CdxTextInput, + Le as CdxTextInput, rt as CdxThumbnail, ul as CdxToggleButton, ql as CdxToggleButtonGroup, @@ -4046,9 +4036,9 @@ export { Al as stringHelpers, ut as useComputedDirection, Yt as useComputedLanguage, - ne as useGeneratedId, + te as useGeneratedId, Te as useIntersectionObserver, - ie as useModelWrapper, + se as useModelWrapper, Ke as useResizeObserver, pe as useSplitAttributes }; diff --git a/resources/lib/codex/codex.style-legacy-rtl.css b/resources/lib/codex/codex.style-legacy-rtl.css index e3e0f146fe9e..244d3e88fa27 100644 --- a/resources/lib/codex/codex.style-legacy-rtl.css +++ b/resources/lib/codex/codex.style-legacy-rtl.css @@ -1 +1 @@ -.cdx-icon{color:#202122;display:inline-flex;align-items:center;justify-content:center;vertical-align:text-bottom}.cdx-icon svg{fill:currentcolor;width:100%;height:100%}.cdx-icon--x-small{min-width:12px;min-height:12px;width:.8571429em;height:.8571429em}.cdx-icon--small{min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em}.cdx-icon--medium{min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em}.cdx-icon--flipped svg{transform:scaleX(-1)}.cdx-button{box-sizing:border-box;min-width:32px;min-height:32px;max-width:32em;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-left:12px;padding-right:12px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button:enabled{color:#202122}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled .cdx-button__icon{background-color:#202122}}.cdx-button:enabled:hover{cursor:pointer}.cdx-button:enabled:focus{outline:1px solid transparent}.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-button:disabled{border-color:transparent}.cdx-button .cdx-button__icon,.cdx-button .cdx-icon{vertical-align:middle}.cdx-button .cdx-icon{color:inherit}.cdx-button--icon-only{padding:0 4px}.cdx-button:not(.cdx-button--weight-quiet):enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-button:not(.cdx-button--weight-quiet):enabled:hover{background-color:#fff;color:#404244}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:hover .cdx-button__icon{background-color:#404244}}.cdx-button:not(.cdx-button--weight-quiet):enabled:active,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:not(.cdx-button--weight-quiet):disabled{background-color:#c8ccd1;color:#fff}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled{background-color:#36c;color:#fff;border-color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-button--weight-primary.cdx-button--action-destructive:enabled{background-color:#d33;color:#fff;border-color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover{background-color:#ff4242;color:#fff;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33,inset 0 0 0 2px #fff}.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-button--weight-quiet:enabled:hover{background-color:rgba(0,24,73,.027)}.cdx-button--weight-quiet:enabled:active,.cdx-button--weight-quiet:enabled.cdx-button--is-active{background-color:rgba(0,24,73,.082);color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:enabled:active .cdx-button__icon,.cdx-button--weight-quiet:enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled .cdx-button__icon{background-color:#36c}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover{background-color:#eaf3ff;color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled .cdx-button__icon{background-color:#d33}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover{background-color:#fee7e6;color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button--weight-quiet:disabled{color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:disabled .cdx-button__icon{background-color:#72777d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:hover{color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive.cdx-button--is-active{background-color:#eaf3ff;color:#2a4b8d;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#2a4b8d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive .cdx-button__icon{background-color:#d33}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:hover{color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive.cdx-button--is-active{background-color:#fee7e6;color:#b32424;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#b32424}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2px;padding-top:1px;padding-right:1px;overflow:hidden}.cdx-button-group .cdx-button{position:relative;z-index:1;margin-top:-1px;margin-right:-1px;border-radius:0}.cdx-button-group .cdx-button:enabled:active,.cdx-button-group .cdx-button:enabled:focus{z-index:3}.cdx-button-group .cdx-button:disabled{z-index:0;box-shadow:0 -1px #fff,1px 0 #fff}.cdx-thumbnail{display:inline-flex}.cdx-thumbnail__placeholder,.cdx-thumbnail__image{background-position:center;background-repeat:no-repeat;background-size:cover;flex-shrink:0;box-sizing:border-box;min-width:40px;min-height:40px;width:2.8571429em;height:2.8571429em;border:1px solid #c8ccd1;border-radius:2px}.cdx-thumbnail__image{display:inline-block}.cdx-thumbnail__image-enter-active{transition-property:opacity;transition-duration:.1s}.cdx-thumbnail__image-enter-from{opacity:0}.cdx-thumbnail__placeholder{background-color:#f8f9fa;display:inline-flex;align-items:center;justify-content:center}.cdx-thumbnail__placeholder__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>')}.cdx-thumbnail__placeholder__icon--vue{color:#72777d}.cdx-card{background-color:#fff;display:flex;align-items:flex-start;position:relative;border:1px solid #a2a9b1;border-radius:2px;padding:12px}.cdx-card--is-link{transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-card--is-link,.cdx-card--is-link:hover,.cdx-card--is-link:focus{text-decoration:none}.cdx-card--is-link:hover{border-color:#72777d}.cdx-card--is-link:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff;outline:1px solid transparent}.cdx-card--title-only{align-items:center}.cdx-card__text{display:flex;flex-direction:column;line-height:1.5714285;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-card__text__title{color:#202122;font-weight:700;line-height:1.4285714}.cdx-card__text__description,.cdx-card__text__supporting-text,.cdx-card__text__description .cdx-icon,.cdx-card__text__supporting-text .cdx-icon{color:#54595d}.cdx-card__text__description{margin-top:4px}.cdx-card__text__supporting-text{margin-top:8px;font-size:1em}.cdx-card__thumbnail{margin-left:12px}.cdx-card__thumbnail .cdx-thumbnail__placeholder,.cdx-card__thumbnail .cdx-thumbnail__image{width:3.4285714em;height:3.4285714em}.cdx-card__icon{color:inherit;margin-left:12px}.cdx-checkbox{position:relative}.cdx-checkbox:not(.cdx-checkbox--inline){display:flex;margin-bottom:12px}.cdx-checkbox:not(.cdx-checkbox--inline):last-child{margin-bottom:0}.cdx-checkbox--inline{display:inline-flex;margin-left:16px;white-space:nowrap}.cdx-checkbox--inline:last-child{margin-left:0}.cdx-checkbox__label{display:inline-block;position:relative;z-index:0;padding-right:calc(1.42857143em + 8px);line-height:1.4285714}.cdx-checkbox--inline .cdx-checkbox__label{display:inline}.cdx-checkbox__icon{background-color:#fff;position:absolute;right:0;box-sizing:border-box;width:1.42857143em;height:1.42857143em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-checkbox__input{opacity:0;position:absolute;right:0;z-index:1;width:1.42857143em;height:1.42857143em;margin:0;font-size:inherit;cursor:inherit}.cdx-checkbox:hover>.cdx-checkbox__input:enabled,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~*{cursor:pointer}.cdx-checkbox__icon{background-size:0 0;border-radius:2px}.cdx-checkbox__input:indeterminate+.cdx-checkbox__icon:before{content:" ";background-color:#fff;position:absolute;top:calc(50% - .5px);left:.21428571em;right:.21428571em;height:2px}.cdx-checkbox__input:checked:not(:indeterminate)+.cdx-checkbox__icon:before{content:" ";background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="%23fff" d="M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z"/></svg>');background-position:center;background-repeat:no-repeat;background-size:1.1428571em 1.1428571em;position:absolute;width:100%;height:100%}.cdx-checkbox__input:enabled+.cdx-checkbox__icon{border-color:#72777d}.cdx-checkbox__input:enabled:hover+.cdx-checkbox__icon{border-color:#447ff5}.cdx-checkbox__input:enabled:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:focus:not(:active)+.cdx-checkbox__icon{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:hover+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:hover+.cdx-checkbox__icon{background-color:#447ff5;border-color:#447ff5}.cdx-checkbox__input:enabled:checked:active+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:checked:focus:not(:active):not(:hover)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover)+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:focus:not(:active)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active)+.cdx-checkbox__icon{box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-checkbox__input:disabled+.cdx-checkbox__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-checkbox__input:disabled~.cdx-checkbox__label{color:#72777d}.cdx-info-chip{background-color:rgba(255,255,255,0);display:inline-flex;align-items:center;justify-content:center;gap:4px;max-width:36.5714286em;border:1px solid #54595d;border-radius:9999px;padding:0 8px;line-height:1.5714285}.cdx-info-chip--text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#54595d;font-size:1em}.cdx-info-chip__icon--notice{color:#202122}.cdx-info-chip__icon--error{color:#d33}.cdx-info-chip__icon--warning{color:#edab00}.cdx-info-chip__icon--success{color:#14866d}.cdx-info-chip .cdx-icon{min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em}.cdx-search-result-title{display:inline-block;font-weight:700}.cdx-search-result-title__match{font-weight:400}.cdx-menu-item{list-style:none;position:relative;padding:8px 12px;line-height:1.6;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-menu-item__content{display:flex;align-items:center;line-height:1.4285714;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-menu-item__content,.cdx-menu-item__content:hover{text-decoration:none}.cdx-menu-item--has-description .cdx-menu-item__content{align-items:flex-start}.cdx-menu-item__text__description{display:block}.cdx-menu-item__thumbnail{margin-left:8px}.cdx-menu-item__icon{color:inherit;margin-left:8px}.cdx-menu-item--bold-label .cdx-menu-item__text__label{font-weight:700}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text{overflow:hidden}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-menu-item--enabled,.cdx-menu-item--enabled .cdx-menu-item__content{color:#202122}.cdx-menu-item--enabled .cdx-menu-item__text__supporting-text,.cdx-menu-item--enabled .cdx-menu-item__text__description{color:#54595d}.cdx-menu-item--enabled.cdx-menu-item--highlighted{background-color:#eaecf0;cursor:pointer}.cdx-menu-item--enabled.cdx-menu-item--active{background-color:#eaf3ff;color:#36c}.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--enabled.cdx-menu-item--selected{background-color:#eaf3ff}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--disabled{color:#72777d;cursor:default}.cdx-menu-item--disabled .cdx-menu-item__text__description{color:#72777d}.cdx-progress-bar{box-sizing:border-box;overflow-x:hidden}.cdx-progress-bar__bar{width:33.33%;height:100%}.cdx-progress-bar:not(.cdx-progress-bar--inline){position:relative;z-index:1;height:1.1428571em;max-width:none;border:1px solid #a2a9b1;border-radius:9999px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-progress-bar--inline{width:100%;height:.2857143em}.cdx-progress-bar:not(.cdx-progress-bar--disabled) .cdx-progress-bar__bar{background-color:#36c;animation-name:cdx-animation-progress-bar__bar;animation-duration:1.6s;animation-timing-function:linear;animation-iteration-count:infinite}.cdx-progress-bar:not(.cdx-progress-bar--disabled).cdx-progress-bar--block{background-color:#fff}.cdx-progress-bar--disabled .cdx-progress-bar__bar{background-color:#c8ccd1}.cdx-progress-bar--disabled.cdx-progress-bar--block{background-color:#eaecf0}@keyframes cdx-animation-progress-bar__bar{0%{transform:translate(100%)}to{transform:translate(-300%)}}.cdx-menu{background-color:#fff;position:absolute;right:0;z-index:50;box-sizing:border-box;width:100%;border:1px solid #a2a9b1;border-radius:0 0 2px 2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-menu__progress-bar{position:absolute;top:0}.cdx-menu__listbox{margin:0;padding:0}.cdx-menu--has-sticky-footer .cdx-menu-item:last-of-type{position:absolute;bottom:0;width:100%}.cdx-menu--has-footer .cdx-menu-item:last-of-type:not(:first-of-type){border-top:1px solid #c8ccd1}.cdx-text-input{position:relative;box-sizing:border-box}.cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:9px}.cdx-text-input__icon.cdx-text-input__end-icon{min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em;background-position:center;background-repeat:no-repeat;background-size:max(1.1428571em,16px)}.cdx-text-input__clear-icon,.cdx-text-input__end-icon{position:absolute;top:50%;min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:9px}.cdx-text-input__clear-icon:hover{cursor:pointer}.cdx-text-input__end-icon+.cdx-text-input__clear-icon{left:calc(8px * 2 + 1.1428571em + 1px)}.cdx-text-input__input{display:block;box-sizing:border-box;min-width:256px;min-height:32px;width:100%;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;font-family:inherit;font-size:inherit;line-height:1.4285714}.cdx-text-input__input:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-input__input:enabled~.cdx-text-input__icon-vue{color:#72777d}.cdx-text-input__input:enabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input:enabled:hover{border-color:#72777d}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon-vue,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon-vue{color:#202122}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon{opacity:1}.cdx-text-input__input:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-input__input:disabled{background-color:#eaecf0;color:#72777d;-webkit-text-fill-color:#72777d;border-color:#c8ccd1}.cdx-text-input__input:disabled~.cdx-text-input__icon-vue{color:#72777d;pointer-events:none}.cdx-text-input__input:disabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input::-webkit-input-placeholder{color:#72777d;opacity:1}.cdx-text-input__input::placeholder{color:#72777d;opacity:1}.cdx-text-input__input::-ms-clear{display:none}.cdx-text-input__input[type=search]{-webkit-appearance:none;-moz-appearance:textfield}.cdx-text-input__input[type=search]::-webkit-search-decoration,.cdx-text-input__input[type=search]::-webkit-search-cancel-button{display:none}.cdx-text-input--has-start-icon .cdx-text-input__input{padding-right:calc(8px + 8px + 1.4285714em)}.cdx-text-input--has-end-icon .cdx-text-input__input,.cdx-text-input--clearable .cdx-text-input__input{padding-left:calc(8px + 8px + 1.1428571em)}.cdx-text-input--has-end-icon.cdx-text-input--clearable .cdx-text-input__input{padding-left:calc(8px + calc(8px * 2 + 1.1428571em + 1px) + 1.1428571em)}.cdx-text-input--status-error .cdx-text-input__input{border-color:#d33}.cdx-text-input--status-error .cdx-text-input__input:focus{border-color:#36c}.cdx-combobox{display:inline-block;position:relative}.cdx-combobox__input-wrapper{display:flex}.cdx-combobox__input{flex:1 1 auto}.cdx-combobox__input [aria-expanded=true],.cdx-combobox__input[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-combobox__input .cdx-text-input__input{border-left-width:0;border-top-left-radius:0;border-bottom-left-radius:0}.cdx-combobox__expand-button{position:relative;border-top-right-radius:0;border-bottom-right-radius:0}.cdx-combobox__expand-icon{position:absolute;top:50%;min-width:12px;min-height:12px;width:.8571429em;height:.8571429em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:50%;transform:translate(50%,-50%)}.cdx-combobox--expanded .cdx-combobox__expand-button{border-bottom-left-radius:0}.cdx-dialog .cdx-combobox{position:static}.cdx-dialog .cdx-combobox .cdx-menu{right:auto;width:var(--21ba103d)}.cdx-dialog-backdrop{background-color:rgba(255,255,255,.65);display:flex;align-items:center;justify-content:center;position:fixed;top:0;right:0;z-index:400;min-height:100%;width:100vw;height:100vh;height:-webkit-fill-available}.cdx-dialog{background-color:#fff;display:flex;flex-direction:column;box-sizing:border-box;width:calc(100% - (1.1428571em * 2));max-width:36.5714286em;max-height:calc(100vh - 2.8571429em);border:1px solid #a2a9b1;border-radius:2px;box-shadow:0 2px 2px rgba(0,0,0,.2);gap:32px}.cdx-dialog__header--default{display:flex;align-items:baseline;justify-content:flex-end;box-sizing:border-box;width:100%;padding:16px 24px 0}.cdx-dialog__header__title-group{display:flex;flex-grow:1;flex-direction:column;gap:6px}.cdx-dialog__header .cdx-dialog__header__title{margin:0;border:0;padding:0;font-family:inherit;font-size:1.2857143em;font-weight:700;line-height:1.25}.cdx-dialog__header .cdx-dialog__header__subtitle{color:#54595d;margin:0;padding:0;font-size:1.1428571em;line-height:1.375}.cdx-dialog__header__close-button{margin-left:-8px}.cdx-dialog__body{flex-grow:1;padding:0 24px;overflow-y:auto}.cdx-dialog__body--no-header{padding-top:24px}.cdx-dialog__body--no-footer{padding-bottom:24px}.cdx-dialog__body>*:first-child{margin-top:0;padding-top:0}.cdx-dialog__body>*:last-child{margin-bottom:0;padding-bottom:0}.cdx-dialog__footer--default{display:flex;align-items:baseline;flex-wrap:wrap;justify-content:space-between;padding:0 24px 24px;gap:12px}.cdx-dialog__footer .cdx-dialog__footer__text{color:#54595d;flex:1 0 auto;width:100%;margin:0;font-size:1em;line-height:1.5714285}.cdx-dialog__footer__actions{display:flex;flex-grow:1;gap:8px}.cdx-dialog--horizontal-actions .cdx-dialog__footer__actions{flex-direction:row-reverse}.cdx-dialog--vertical-actions .cdx-dialog__footer__actions{flex-direction:column;width:100%}.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__primary-action,.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__default-action{max-width:none}.cdx-dialog-focus-trap{position:absolute}.cdx-dialog-focus-trap:focus{outline:0}.cdx-dialog-fade-enter-active,.cdx-dialog-fade-leave-active{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-dialog-fade-enter-from,.cdx-dialog-fade-leave-to{opacity:0}body.cdx-dialog-open{overflow:hidden}.cdx-lookup{position:relative;box-sizing:border-box;vertical-align:middle}.cdx-lookup--pending .cdx-text-input__input{background-color:#eaecf0;background-image:linear-gradient(-135deg,#fff 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 50%,#fff 50%,#fff 75%,rgba(255,255,255,0) 75%,rgba(255,255,255,0));background-size:1.4285714em 1.4285714em;animation-name:cdx-animation-pending-stripes;animation-duration:.65s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes cdx-animation-pending-stripes{0%{background-position:calc(100% - -1.4285714em) 0}to{background-position:100% 0}}.cdx-lookup__input [aria-expanded=true],.cdx-lookup__input[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-dialog .cdx-lookup{position:static}.cdx-dialog .cdx-lookup .cdx-menu{right:auto;width:var(--51c485f8)}.cdx-message{color:#202122;display:flex;align-items:flex-start;position:relative}.cdx-message+.cdx-message{margin-top:8px}.cdx-message--inline{font-weight:700}.cdx-message--inline.cdx-message--error{color:#d33}.cdx-message--inline.cdx-message--success{color:#14866d}.cdx-message:not(.cdx-message--inline){border-width:1px;border-style:solid;padding:16px}@media screen and (min-width: 640px){.cdx-message:not(.cdx-message--inline){padding-left:24px;padding-right:24px}}.cdx-message:not(.cdx-message--inline).cdx-message--notice{background-color:#eaecf0;border-color:#54595d}.cdx-message:not(.cdx-message--inline).cdx-message--error{background-color:#fee7e6;border-color:#b32424}.cdx-message:not(.cdx-message--inline).cdx-message--warning{background-color:#fef6e7;border-color:#ac6600}.cdx-message:not(.cdx-message--inline).cdx-message--success{background-color:#d5fdf4;border-color:#096450}.cdx-message:not(.cdx-message--inline).cdx-message--user-dismissable{padding-left:48px}@media screen and (min-width: 640px){.cdx-message:not(.cdx-message--inline).cdx-message--user-dismissable{padding-left:56px}}.cdx-message--warning .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23edab00"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>')}.cdx-message--warning .cdx-message__icon--vue{color:#edab00}.cdx-message--error .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23d33"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>')}.cdx-message--error .cdx-message__icon--vue{color:#d33}.cdx-message--success .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%2314866d"><path d="M10 20a10 10 0 010-20 10 10 0 110 20Zm-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10l5 5Z"/></svg>')}.cdx-message--success .cdx-message__icon--vue{color:#14866d}.cdx-message:not(.cdx-message--warning):not(.cdx-message--error):not(.cdx-message--success) .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z"/></svg>')}.cdx-message:not(.cdx-message--warning):not(.cdx-message--error):not(.cdx-message--success) .cdx-message__icon:lang(ar){background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7z"/></svg>')}.cdx-message .cdx-message__icon,.cdx-message:not(.cdx-message--warning):not(.cdx-message--error):not(.cdx-message--success) .cdx-message__icon,.cdx-message__icon--vue{height:1.7142857em}.cdx-message__content{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;align-self:center;flex-grow:1;margin-right:8px}.cdx-message__content,.cdx-message__content>*{line-height:1.6}.cdx-message__dismiss-button{position:absolute;top:12px;left:16px;padding:5px;line-height:0}@media screen and (min-width: 640px){.cdx-message__dismiss-button{left:8px}}.cdx-message-enter-active,.cdx-message-leave-active-system{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-message-leave-active-user{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease-out}.cdx-message-enter-from,.cdx-message-leave-to{opacity:0}.cdx-radio{position:relative}.cdx-radio:not(.cdx-radio--inline){display:flex;margin-bottom:12px}.cdx-radio:not(.cdx-radio--inline):last-child{margin-bottom:0}.cdx-radio--inline{display:inline-flex;margin-left:16px;white-space:nowrap}.cdx-radio--inline:last-child{margin-left:0}.cdx-radio__label{display:inline-block;position:relative;z-index:0;padding-right:calc(1.42857143em + 8px);line-height:1.4285714}.cdx-radio--inline .cdx-radio__label{display:inline}.cdx-radio__icon{background-color:#fff;position:absolute;right:0;box-sizing:border-box;width:1.42857143em;height:1.42857143em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-radio__input{opacity:0;position:absolute;right:0;z-index:1;width:1.42857143em;height:1.42857143em;margin:0;font-size:inherit;cursor:inherit}.cdx-radio:hover>.cdx-radio__input:enabled,.cdx-radio:hover>.cdx-radio__input:enabled~*{cursor:pointer}.cdx-radio__icon{border-radius:50%}.cdx-radio__icon:before{content:" ";position:absolute;top:-.2857143em;left:-.2857143em;bottom:-.2857143em;right:-.2857143em;border:1px solid transparent;border-radius:50%}.cdx-radio__input:enabled+.cdx-checkbox__icon{border-color:#72777d}.cdx-radio__input:enabled:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:active+.cdx-radio__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-radio__input:enabled:checked+.cdx-radio__icon{border-width:.42857143em;border-color:#36c}.cdx-radio__input:enabled:checked:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:checked:focus+.cdx-radio__icon:before{border-color:#fff}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon{background-color:#fff;border-color:#2a4b8d}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon:before{border-color:#2a4b8d}.cdx-radio__input:disabled~.cdx-radio__label{color:#72777d}.cdx-radio__input:disabled+.cdx-radio__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-radio__input:disabled:checked+.cdx-radio__icon{border-width:.42857143em}.cdx-search-input--has-end-button{background-color:#fff;display:flex;border:1px solid #a2a9b1;border-radius:2px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper{flex-grow:1;margin:-1px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper .cdx-text-input__input{border-top-left-radius:0;border-bottom-left-radius:0}.cdx-search-input__end-button{flex-shrink:0;margin:-1px 0 -1px -1px;border-top-right-radius:0;border-bottom-right-radius:0}.cdx-search-input__end-button:hover,.cdx-search-input__end-button:focus{z-index:1}.cdx-search-input__input-wrapper{position:relative}.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/></svg>')}.cdx-select{box-sizing:border-box;min-width:256px;min-height:2.2857143em;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.4285714;background-position:center left 12px;background-repeat:no-repeat;background-size:max(.8571429em,12px);-webkit-appearance:none;appearance:none}.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" 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>')}.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" 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-vue{display:inline-block;position:relative}.cdx-select-vue__handle{box-sizing:border-box;min-width:256px;min-height:2.2857143em;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.4285714;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{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:12px}.cdx-select-vue__indicator{color:#202122;position:absolute;top:50%;min-width:12px;min-height:12px;width:.8571429em;height:.8571429em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:12px}.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 [aria-expanded=true],.cdx-select-vue--enabled .cdx-select-vue__handle[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-select-vue--enabled .cdx-select-vue__handle:hover .cdx-select-vue__indicator{color:#404244}.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--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-dialog .cdx-select-vue{position:static}.cdx-dialog .cdx-select-vue .cdx-menu{right:auto;width:var(--46589886)}.cdx-tab:focus{outline:1px solid transparent}.cdx-tabs__header{display:flex;align-items:flex-end;position:relative}.cdx-tabs__header:focus{outline:1px solid transparent}.cdx-tabs__prev-scroller,.cdx-tabs__next-scroller{background-color:inherit;position:absolute;top:0;bottom:0}.cdx-tabs__prev-scroller{right:0}.cdx-tabs__next-scroller{left:0}.cdx-tabs__prev-scroller:after,.cdx-tabs__next-scroller:before{content:"";position:absolute;top:0;z-index:1;width:1.7142857em;height:100%;pointer-events:none}.cdx-tabs__prev-scroller:after{right:100%}.cdx-tabs__next-scroller:before{left:100%}.cdx-tabs__scroll-button{height:100%}.cdx-tabs>.cdx-tabs__header:focus .cdx-tabs__list__item--enabled.cdx-tabs__list__item--selected [role=tab]{box-shadow:inset 0 0 0 2px #36c;overflow:hidden}.cdx-tabs__list{display:flex;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cdx-tabs__list::-webkit-scrollbar{-webkit-appearance:none;display:none}.cdx-tabs__list__item{flex:0 0 auto}.cdx-tabs__list__item [role=tab]{display:block;max-width:18.2857143em;border-top-right-radius:2px;border-top-left-radius:2px;padding:4px 12px;font-weight:700;line-height:1.4285714;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-tabs__list__item [role=tab]:focus{border-top-right-radius:2px;border-top-left-radius:2px;outline:1px solid transparent}.cdx-tabs__list__item.cdx-tabs__list__item--selected [role=tab]{cursor:default}.cdx-tabs .cdx-tabs__list{list-style:none;margin:0;padding:0}.cdx-tabs .cdx-tabs__list__item{margin:0}.cdx-tabs>.cdx-tabs__header .cdx-tabs__list__item+.cdx-tabs__list__item{margin-right:0}.cdx-tabs--framed>.cdx-tabs__header{background-color:#eaecf0}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to left,#eaecf0 0,rgba(255,255,255,0) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to right,#eaecf0 0,rgba(255,255,255,0) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]{margin:8px 8px 0 4px}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:last-child [role=tab]{margin-left:8px}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item--enabled [role=tab]{overflow:hidden}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item--enabled [role=tab]:link,.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item--enabled [role=tab]:visited{color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item--enabled [role=tab]:hover{background-color:rgba(255,255,255,.3);color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item--enabled [role=tab]:active{background-color:rgba(255,255,255,.8);color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item--enabled.cdx-tabs__list__item--selected [role=tab],.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item--enabled.cdx-tabs__list__item--selected [role=tab]:hover{background-color:#fff}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item--disabled [role=tab]{background-color:#eaecf0;color:#72777d;cursor:default}.cdx-tabs--quiet>.cdx-tabs__header{background-color:#fff;margin:0 4px;border-bottom:1px solid #a2a9b1}.cdx-tabs--quiet>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to left,#fff 0,rgba(255,255,255,0) 100%)}.cdx-tabs--quiet>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%)}.cdx-tabs--quiet>.cdx-tabs__header .cdx-tabs__list__item [role=tab]{margin:0 4px}.cdx-tabs--quiet>.cdx-tabs__header .cdx-tabs__list__item:first-child [role=tab]{margin-right:0}.cdx-tabs--quiet>.cdx-tabs__header .cdx-tabs__list__item:last-child [role=tab]{margin-left:0}.cdx-tabs--quiet>.cdx-tabs__header .cdx-tabs__list__item--enabled [role=tab]{color:#202122}.cdx-tabs--quiet>.cdx-tabs__header .cdx-tabs__list__item--enabled [role=tab]:hover{color:#447ff5;box-shadow:inset 0 -2px #447ff5}.cdx-tabs--quiet>.cdx-tabs__header .cdx-tabs__list__item--enabled [role=tab]:active{color:#2a4b8d;box-shadow:inset 0 -2px #2a4b8d}.cdx-tabs--quiet>.cdx-tabs__header .cdx-tabs__list__item--enabled.cdx-tabs__list__item--selected [role=tab]{color:#36c;box-shadow:inset 0 -2px #36c}.cdx-tabs--quiet>.cdx-tabs__header .cdx-tabs__list__item--disabled [role=tab]{color:#72777d;cursor:default}.cdx-toggle-button{box-sizing:border-box;min-width:32px;min-height:32px;max-width:32em;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-left:12px;padding-right:12px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-toggle-button::-moz-focus-inner{border:0;padding:0}.cdx-toggle-button:enabled{color:#202122}.cdx-toggle-button:enabled:hover{cursor:pointer}.cdx-toggle-button:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-toggle-button:enabled:active,.cdx-toggle-button:enabled.cdx-toggle-button--is-active{color:#000;border-color:#72777d;box-shadow:none}.cdx-toggle-button .cdx-icon{color:inherit;vertical-align:middle}.cdx-toggle-button--framed:enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-toggle-button--framed:enabled:hover{background-color:#fff;color:#404244}.cdx-toggle-button--framed:enabled:active,.cdx-toggle-button--framed:enabled.cdx-toggle-button--is-active{background-color:#eaecf0}.cdx-toggle-button--framed:disabled{background-color:#c8ccd1;color:#fff;border-color:#c8ccd1}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:active,.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled.cdx-toggle-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d;box-shadow:none}.cdx-toggle-button--quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-toggle-button--quiet:enabled.cdx-toggle-button--toggled-on{background-color:#eaecf0}.cdx-toggle-button--quiet:enabled:hover{background-color:#f8f9fa}.cdx-toggle-button--quiet:enabled:focus{background-color:#f8f9fa}.cdx-toggle-button--quiet:enabled:active,.cdx-toggle-button--quiet:enabled.cdx-toggle-button--is-active{background-color:#eaecf0}.cdx-toggle-button--quiet:disabled{color:#72777d}.cdx-toggle-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2px;padding-top:1px;padding-right:1px;overflow:hidden}.cdx-toggle-button-group .cdx-toggle-button{position:relative;z-index:1;margin-top:-1px;margin-right:-1px;border-radius:0}.cdx-toggle-button-group .cdx-toggle-button:enabled:active,.cdx-toggle-button-group .cdx-toggle-button:enabled:focus{z-index:3}.cdx-toggle-button-group .cdx-toggle-button:disabled{z-index:0;box-shadow:0 -1px #fff,1px 0 #fff}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled{z-index:2;box-shadow:0 -1px #fff,1px 0 #fff}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled:focus{box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff,0 0 0 1px #fff}.cdx-toggle-switch{display:inline-flex;align-items:center;justify-content:space-between;position:relative;z-index:0}.cdx-toggle-switch__label:not(:empty){padding-left:6px}.cdx-toggle-switch__switch{order:2;transform:translateZ(0);background-color:#f8f9fa;display:inline-block;flex-shrink:0;position:relative;box-sizing:border-box;min-width:48px;min-height:32px;width:3.4285714em;height:2.2857143em;border-width:1px;border-style:solid;border-color:#72777d;border-radius:9999px;overflow:hidden;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch:before{content:"";display:block;position:absolute;top:1px;left:1px;bottom:1px;right:1px;z-index:1;border:1px solid transparent;border-radius:9999px;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch__grip{position:absolute;top:50%;box-sizing:border-box;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;border:1px solid #72777d;border-radius:50%;transform:translate(-.3571429em) translateY(-50%);transition-property:background-color,border-color,transform;transition-duration:.1s}.cdx-toggle-switch__input{opacity:0;position:absolute;left:0;z-index:2;min-width:48px;min-height:32px;width:3.4285714em;height:2.2857143em;margin:0;font-size:inherit}.cdx-toggle-switch__input:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#fff;transform:translate(calc(-1*(100% + .0714286em))) translateY(-50%)}.cdx-toggle-switch__input:enabled:hover,.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__label-content:hover{cursor:pointer}.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#f8f9fa}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch{background-color:#fff;border-color:#447ff5}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#447ff5}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch:before{border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#36c}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch{background-color:#36c;border-color:#36c}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:enabled:checked:hover~.cdx-toggle-switch__switch{background-color:#447ff5;border-color:#447ff5}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch{background-color:#2a4b8d;border-color:#2a4b8d;box-shadow:inset 0 0 0 1px #2a4b8d}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch:before{border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#fff}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch{border-color:#36c}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch:before,.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:disabled{cursor:default}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__label-content{color:#72777d}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff;box-shadow:inset 0 0 0 1px #fff}.cdx-toggle-switch__input:disabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff}.cdx-typeahead-search .cdx-menu-item{padding:0}.cdx-typeahead-search .cdx-menu-item__content{padding:8px 12px}.cdx-typeahead-search__menu-message,.cdx-typeahead-search__search-footer{color:#202122;display:flex;align-items:center;padding:8px 12px;text-decoration:none}.cdx-typeahead-search__search-footer{box-sizing:border-box;min-height:56px}.cdx-typeahead-search__search-footer:visited{color:#202122}.cdx-typeahead-search__search-footer:hover{text-decoration:none;cursor:pointer}.cdx-typeahead-search__search-footer__icon{color:#54595d;width:auto;margin-left:8px}.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__icon,.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__text{color:#36c}.cdx-typeahead-search__menu-message--has-thumbnail{padding-right:20px}.cdx-typeahead-search__input [aria-expanded=true],.cdx-typeahead-search__input[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input{padding-right:36px}.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded){margin-right:24px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded{margin-right:0}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input{padding-right:60px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:22px}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer{padding-left:12px;padding-right:12px}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.8571429em}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__text,.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__query{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-typeahead-search .cdx-menu-item:first-child .cdx-typeahead-search__search-footer{border-top:unset} +.cdx-icon{color:#202122;display:inline-flex;align-items:center;justify-content:center;vertical-align:text-bottom}.cdx-icon svg{fill:currentcolor;width:100%;height:100%}.cdx-icon--x-small{min-width:12px;min-height:12px;width:.8571429em;height:.8571429em}.cdx-icon--small{min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em}.cdx-icon--medium{min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em}.cdx-icon--flipped svg{transform:scaleX(-1)}.cdx-button{box-sizing:border-box;min-width:32px;min-height:32px;max-width:32em;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-left:11px;padding-right:11px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button:enabled{color:#202122}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled .cdx-button__icon{background-color:#202122}}.cdx-button:enabled:hover{cursor:pointer}.cdx-button:enabled:focus{outline:1px solid transparent}.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-button:disabled{border-color:transparent}.cdx-button .cdx-button__icon,.cdx-button .cdx-icon{vertical-align:middle}.cdx-button .cdx-icon{color:inherit}.cdx-button--icon-only{padding:0 5px}.cdx-button:not(.cdx-button--weight-quiet):enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-button:not(.cdx-button--weight-quiet):enabled:hover{background-color:#fff;color:#404244}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:hover .cdx-button__icon{background-color:#404244}}.cdx-button:not(.cdx-button--weight-quiet):enabled:active,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:not(.cdx-button--weight-quiet):disabled{background-color:#c8ccd1;color:#fff}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled{background-color:#36c;color:#fff;border-color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-button--weight-primary.cdx-button--action-destructive:enabled{background-color:#d33;color:#fff;border-color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover{background-color:#ff4242;color:#fff;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33,inset 0 0 0 2px #fff}.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-button--weight-quiet:enabled:hover{background-color:rgba(0,24,73,.027)}.cdx-button--weight-quiet:enabled:active,.cdx-button--weight-quiet:enabled.cdx-button--is-active{background-color:rgba(0,24,73,.082);color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:enabled:active .cdx-button__icon,.cdx-button--weight-quiet:enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled .cdx-button__icon{background-color:#36c}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover{background-color:#eaf3ff;color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled .cdx-button__icon{background-color:#d33}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover{background-color:#fee7e6;color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button--weight-quiet:disabled{color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:disabled .cdx-button__icon{background-color:#72777d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:hover{color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive.cdx-button--is-active{background-color:#eaf3ff;color:#2a4b8d;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#2a4b8d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive .cdx-button__icon{background-color:#d33}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:hover{color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive.cdx-button--is-active{background-color:#fee7e6;color:#b32424;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#b32424}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2px;padding-top:1px;padding-right:1px;overflow:hidden}.cdx-button-group .cdx-button{position:relative;z-index:1;margin-top:-1px;margin-right:-1px;border-radius:0}.cdx-button-group .cdx-button:enabled:active,.cdx-button-group .cdx-button:enabled:focus{z-index:3}.cdx-button-group .cdx-button:disabled{z-index:0;box-shadow:0 -1px #fff,1px 0 #fff}.cdx-thumbnail{display:inline-flex}.cdx-thumbnail__placeholder,.cdx-thumbnail__image{background-position:center;background-repeat:no-repeat;background-size:cover;flex-shrink:0;box-sizing:border-box;min-width:40px;min-height:40px;width:2.8571429em;height:2.8571429em;border:1px solid #c8ccd1;border-radius:2px}.cdx-thumbnail__image{display:inline-block}.cdx-thumbnail__image-enter-active{transition-property:opacity;transition-duration:.1s}.cdx-thumbnail__image-enter-from{opacity:0}.cdx-thumbnail__placeholder{background-color:#f8f9fa;display:inline-flex;align-items:center;justify-content:center}.cdx-thumbnail__placeholder__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>')}.cdx-thumbnail__placeholder__icon--vue{color:#72777d}.cdx-card{background-color:#fff;display:flex;align-items:flex-start;position:relative;border:1px solid #a2a9b1;border-radius:2px;padding:12px}.cdx-card--is-link{transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-card--is-link,.cdx-card--is-link:hover,.cdx-card--is-link:focus{text-decoration:none}.cdx-card--is-link:hover{border-color:#72777d}.cdx-card--is-link:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff;outline:1px solid transparent}.cdx-card--title-only{align-items:center}.cdx-card__text{display:flex;flex-direction:column;line-height:1.5714285;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-card__text__title{color:#202122;font-weight:700;line-height:1.4285714}.cdx-card__text__description,.cdx-card__text__supporting-text,.cdx-card__text__description .cdx-icon,.cdx-card__text__supporting-text .cdx-icon{color:#54595d}.cdx-card__text__description{margin-top:4px}.cdx-card__text__supporting-text{margin-top:8px;font-size:1em}.cdx-card__thumbnail{margin-left:12px}.cdx-card__thumbnail .cdx-thumbnail__placeholder,.cdx-card__thumbnail .cdx-thumbnail__image{width:3.4285714em;height:3.4285714em}.cdx-card__icon{color:inherit;margin-left:12px}.cdx-checkbox{position:relative}.cdx-checkbox:not(.cdx-checkbox--inline){display:flex;margin-bottom:12px}.cdx-checkbox:not(.cdx-checkbox--inline):last-child{margin-bottom:0}.cdx-checkbox--inline{display:inline-flex;margin-left:16px;white-space:nowrap}.cdx-checkbox--inline:last-child{margin-left:0}.cdx-checkbox__label{display:inline-block;position:relative;z-index:0;padding-right:calc(1.42857143em + 8px);line-height:1.4285714}.cdx-checkbox--inline .cdx-checkbox__label{display:inline}.cdx-checkbox__icon{background-color:#fff;position:absolute;right:0;box-sizing:border-box;width:1.42857143em;height:1.42857143em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-checkbox__input{opacity:0;position:absolute;right:0;z-index:1;width:1.42857143em;height:1.42857143em;margin:0;font-size:inherit;cursor:inherit}.cdx-checkbox:hover>.cdx-checkbox__input:enabled,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~*{cursor:pointer}.cdx-checkbox__icon{background-size:0 0;border-radius:2px}.cdx-checkbox__input:indeterminate+.cdx-checkbox__icon:before{content:" ";background-color:#fff;position:absolute;top:calc(50% - .5px);left:.21428571em;right:.21428571em;height:2px}.cdx-checkbox__input:checked:not(:indeterminate)+.cdx-checkbox__icon:before{content:" ";background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="%23fff" d="M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z"/></svg>');background-position:center;background-repeat:no-repeat;background-size:1.1428571em 1.1428571em;position:absolute;width:100%;height:100%}.cdx-checkbox__input:enabled+.cdx-checkbox__icon{border-color:#72777d}.cdx-checkbox__input:enabled:hover+.cdx-checkbox__icon{border-color:#447ff5}.cdx-checkbox__input:enabled:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:focus:not(:active)+.cdx-checkbox__icon{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:hover+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:hover+.cdx-checkbox__icon{background-color:#447ff5;border-color:#447ff5}.cdx-checkbox__input:enabled:checked:active+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:checked:focus:not(:active):not(:hover)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover)+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:focus:not(:active)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active)+.cdx-checkbox__icon{box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-checkbox__input:disabled+.cdx-checkbox__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-checkbox__input:disabled~.cdx-checkbox__label{color:#72777d}.cdx-info-chip{background-color:rgba(255,255,255,0);display:inline-flex;align-items:center;justify-content:center;gap:4px;max-width:36.5714286em;border:1px solid #c8ccd1;border-radius:9999px;padding:0 8px;line-height:1.5714285}.cdx-info-chip--text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#54595d;font-size:1em}.cdx-info-chip__icon--notice{color:#202122}.cdx-info-chip__icon--error{color:#d33}.cdx-info-chip__icon--warning{color:#edab00}.cdx-info-chip__icon--success{color:#14866d}.cdx-info-chip .cdx-icon{min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em}.cdx-search-result-title{display:inline-block;font-weight:700}.cdx-search-result-title__match{font-weight:400}.cdx-menu-item{list-style:none;position:relative;padding:8px 12px;line-height:1.6;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-menu-item__content{display:flex;align-items:center;line-height:1.4285714;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-menu-item__content,.cdx-menu-item__content:hover{text-decoration:none}.cdx-menu-item--has-description .cdx-menu-item__content{align-items:flex-start}.cdx-menu-item__text__description{display:block}.cdx-menu-item__thumbnail{margin-left:8px}.cdx-menu-item__icon{color:inherit;margin-left:8px}.cdx-menu-item--bold-label .cdx-menu-item__text__label{font-weight:700}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text{overflow:hidden}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-menu-item--enabled,.cdx-menu-item--enabled .cdx-menu-item__content{color:#202122}.cdx-menu-item--enabled .cdx-menu-item__text__supporting-text,.cdx-menu-item--enabled .cdx-menu-item__text__description{color:#54595d}.cdx-menu-item--enabled.cdx-menu-item--highlighted{background-color:#eaecf0;cursor:pointer}.cdx-menu-item--enabled.cdx-menu-item--active{background-color:#eaf3ff;color:#36c}.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--enabled.cdx-menu-item--selected{background-color:#eaf3ff}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--disabled{color:#72777d;cursor:default}.cdx-menu-item--disabled .cdx-menu-item__text__description{color:#72777d}.cdx-progress-bar{box-sizing:border-box;overflow-x:hidden}.cdx-progress-bar__bar{width:33.33%;height:100%}.cdx-progress-bar:not(.cdx-progress-bar--inline){position:relative;z-index:1;height:1.1428571em;max-width:none;border:1px solid #a2a9b1;border-radius:9999px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-progress-bar--inline{width:100%;height:.2857143em}.cdx-progress-bar:not(.cdx-progress-bar--disabled) .cdx-progress-bar__bar{background-color:#36c;animation-name:cdx-animation-progress-bar__bar;animation-duration:1.6s;animation-timing-function:linear;animation-iteration-count:infinite}.cdx-progress-bar:not(.cdx-progress-bar--disabled).cdx-progress-bar--block{background-color:#fff}.cdx-progress-bar--disabled .cdx-progress-bar__bar{background-color:#c8ccd1}.cdx-progress-bar--disabled.cdx-progress-bar--block{background-color:#eaecf0}@keyframes cdx-animation-progress-bar__bar{0%{transform:translate(100%)}to{transform:translate(-300%)}}.cdx-menu{background-color:#fff;position:absolute;right:0;z-index:50;box-sizing:border-box;width:100%;border:1px solid #a2a9b1;border-radius:0 0 2px 2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-menu__progress-bar{position:absolute;top:0}.cdx-menu__listbox{margin:0;padding:0}.cdx-menu--has-sticky-footer .cdx-menu-item:last-of-type{position:absolute;bottom:0;width:100%}.cdx-menu--has-footer .cdx-menu-item:last-of-type:not(:first-of-type){border-top:1px solid #c8ccd1}.cdx-text-input{position:relative;box-sizing:border-box}.cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:9px}.cdx-text-input__icon.cdx-text-input__end-icon{min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em;background-position:center;background-repeat:no-repeat;background-size:max(1.1428571em,16px)}.cdx-text-input__clear-icon,.cdx-text-input__end-icon{position:absolute;top:50%;min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:9px}.cdx-text-input__clear-icon:hover{cursor:pointer}.cdx-text-input__end-icon+.cdx-text-input__clear-icon{left:calc(8px * 2 + 1.1428571em + 1px)}.cdx-text-input__input{display:block;box-sizing:border-box;min-width:256px;min-height:32px;width:100%;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;font-family:inherit;font-size:inherit;line-height:1.4285714}.cdx-text-input__input:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-input__input:enabled~.cdx-text-input__icon-vue{color:#72777d}.cdx-text-input__input:enabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input:enabled:hover{border-color:#72777d}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon-vue,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon-vue{color:#202122}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon{opacity:1}.cdx-text-input__input:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-input__input:disabled{background-color:#eaecf0;color:#72777d;-webkit-text-fill-color:#72777d;border-color:#c8ccd1}.cdx-text-input__input:disabled~.cdx-text-input__icon-vue{color:#72777d;pointer-events:none}.cdx-text-input__input:disabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input::-webkit-input-placeholder{color:#72777d;opacity:1}.cdx-text-input__input::placeholder{color:#72777d;opacity:1}.cdx-text-input__input::-ms-clear{display:none}.cdx-text-input__input[type=search]{-webkit-appearance:none;-moz-appearance:textfield}.cdx-text-input__input[type=search]::-webkit-search-decoration,.cdx-text-input__input[type=search]::-webkit-search-cancel-button{display:none}.cdx-text-input--has-start-icon .cdx-text-input__input{padding-right:calc(8px + 8px + 1.4285714em)}.cdx-text-input--has-end-icon .cdx-text-input__input,.cdx-text-input--clearable .cdx-text-input__input{padding-left:calc(8px + 8px + 1.1428571em)}.cdx-text-input--has-end-icon.cdx-text-input--clearable .cdx-text-input__input{padding-left:calc(8px + calc(8px * 2 + 1.1428571em + 1px) + 1.1428571em)}.cdx-text-input--status-error .cdx-text-input__input:enabled{border-color:#d33}.cdx-text-input--status-error .cdx-text-input__input:enabled:focus{border-color:#36c}.cdx-combobox{display:inline-block;position:relative}.cdx-combobox__input-wrapper{display:flex}.cdx-combobox__input{flex:1 1 auto}.cdx-combobox__input [aria-expanded=true],.cdx-combobox__input[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-combobox__input .cdx-text-input__input{border-left-width:0;border-top-left-radius:0;border-bottom-left-radius:0}.cdx-combobox__expand-button{position:relative;border-top-right-radius:0;border-bottom-right-radius:0}.cdx-combobox__expand-icon{position:absolute;top:50%;min-width:12px;min-height:12px;width:.8571429em;height:.8571429em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:50%;transform:translate(50%,-50%)}.cdx-combobox--expanded .cdx-combobox__expand-button{border-bottom-left-radius:0}.cdx-dialog .cdx-combobox{position:static}.cdx-dialog .cdx-combobox .cdx-menu{right:auto;width:var(--21ba103d)}.cdx-dialog-backdrop{background-color:rgba(255,255,255,.65);display:flex;align-items:center;justify-content:center;position:fixed;top:0;right:0;z-index:400;min-height:100%;width:100vw;height:100vh;height:-webkit-fill-available}.cdx-dialog{background-color:#fff;display:flex;flex-direction:column;box-sizing:border-box;width:calc(100% - (1.1428571em * 2));max-width:36.5714286em;max-height:calc(100vh - 2.8571429em);border:1px solid #a2a9b1;border-radius:2px;box-shadow:0 2px 2px rgba(0,0,0,.2);gap:32px}.cdx-dialog__header--default{display:flex;align-items:baseline;justify-content:flex-end;box-sizing:border-box;width:100%;padding:16px 24px 0}.cdx-dialog__header__title-group{display:flex;flex-grow:1;flex-direction:column;gap:6px}.cdx-dialog__header .cdx-dialog__header__title{margin:0;border:0;padding:0;font-family:inherit;font-size:1.2857143em;font-weight:700;line-height:1.25}.cdx-dialog__header .cdx-dialog__header__subtitle{color:#54595d;margin:0;padding:0;font-size:1.1428571em;line-height:1.375}.cdx-dialog__header__close-button{margin-left:-8px}.cdx-dialog__body{flex-grow:1;padding:0 24px;overflow-y:auto}.cdx-dialog__body--no-header{padding-top:24px}.cdx-dialog__body--no-footer{padding-bottom:24px}.cdx-dialog__body>*:first-child{margin-top:0;padding-top:0}.cdx-dialog__body>*:last-child{margin-bottom:0;padding-bottom:0}.cdx-dialog__footer--default{display:flex;align-items:baseline;flex-wrap:wrap;justify-content:space-between;padding:0 24px 24px;gap:12px}.cdx-dialog__footer .cdx-dialog__footer__text{color:#54595d;flex:1 0 auto;width:100%;margin:0;font-size:1em;line-height:1.5714285}.cdx-dialog__footer__actions{display:flex;flex-grow:1;gap:8px}.cdx-dialog--horizontal-actions .cdx-dialog__footer__actions{flex-direction:row-reverse}.cdx-dialog--vertical-actions .cdx-dialog__footer__actions{flex-direction:column;width:100%}.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__primary-action,.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__default-action{max-width:none}.cdx-dialog-focus-trap{position:absolute}.cdx-dialog-focus-trap:focus{outline:0}.cdx-dialog-fade-enter-active,.cdx-dialog-fade-leave-active{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-dialog-fade-enter-from,.cdx-dialog-fade-leave-to{opacity:0}body.cdx-dialog-open{overflow:hidden}.cdx-lookup{position:relative;box-sizing:border-box;vertical-align:middle}.cdx-lookup--pending .cdx-text-input__input{background-color:#eaecf0;background-image:linear-gradient(-135deg,#fff 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 50%,#fff 50%,#fff 75%,rgba(255,255,255,0) 75%,rgba(255,255,255,0));background-size:1.4285714em 1.4285714em;animation-name:cdx-animation-pending-stripes;animation-duration:.65s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes cdx-animation-pending-stripes{0%{background-position:calc(100% - -1.4285714em) 0}to{background-position:100% 0}}.cdx-lookup__input [aria-expanded=true],.cdx-lookup__input[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-dialog .cdx-lookup{position:static}.cdx-dialog .cdx-lookup .cdx-menu{right:auto;width:var(--51c485f8)}.cdx-message{color:#202122;display:flex;align-items:flex-start;position:relative}.cdx-message+.cdx-message{margin-top:8px}.cdx-message--inline{font-weight:700}.cdx-message--inline.cdx-message--error{color:#d33}.cdx-message--inline.cdx-message--success{color:#14866d}.cdx-message:not(.cdx-message--inline){border-width:1px;border-style:solid;padding:16px}@media screen and (min-width: 640px){.cdx-message:not(.cdx-message--inline){padding-left:24px;padding-right:24px}}.cdx-message:not(.cdx-message--inline).cdx-message--notice{background-color:#eaecf0;border-color:#54595d}.cdx-message:not(.cdx-message--inline).cdx-message--error{background-color:#fee7e6;border-color:#b32424}.cdx-message:not(.cdx-message--inline).cdx-message--warning{background-color:#fef6e7;border-color:#ac6600}.cdx-message:not(.cdx-message--inline).cdx-message--success{background-color:#d5fdf4;border-color:#096450}.cdx-message:not(.cdx-message--inline).cdx-message--user-dismissable{padding-left:48px}@media screen and (min-width: 640px){.cdx-message:not(.cdx-message--inline).cdx-message--user-dismissable{padding-left:56px}}.cdx-message--warning .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23edab00"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>')}.cdx-message--warning .cdx-message__icon--vue{color:#edab00}.cdx-message--error .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23d33"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>')}.cdx-message--error .cdx-message__icon--vue{color:#d33}.cdx-message--success .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%2314866d"><path d="M10 20a10 10 0 010-20 10 10 0 110 20Zm-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10l5 5Z"/></svg>')}.cdx-message--success .cdx-message__icon--vue{color:#14866d}.cdx-message:not(.cdx-message--warning):not(.cdx-message--error):not(.cdx-message--success) .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z"/></svg>')}.cdx-message:not(.cdx-message--warning):not(.cdx-message--error):not(.cdx-message--success) .cdx-message__icon:lang(ar){background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7z"/></svg>')}.cdx-message .cdx-message__icon,.cdx-message:not(.cdx-message--warning):not(.cdx-message--error):not(.cdx-message--success) .cdx-message__icon,.cdx-message__icon--vue{height:1.7142857em}.cdx-message__content{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;align-self:center;flex-grow:1;margin-right:8px}.cdx-message__content,.cdx-message__content>*{line-height:1.6}.cdx-message__dismiss-button{position:absolute;top:12px;left:16px;padding:5px;line-height:0}@media screen and (min-width: 640px){.cdx-message__dismiss-button{left:8px}}.cdx-message-enter-active,.cdx-message-leave-active-system{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-message-leave-active-user{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease-out}.cdx-message-enter-from,.cdx-message-leave-to{opacity:0}.cdx-radio{position:relative}.cdx-radio:not(.cdx-radio--inline){display:flex;margin-bottom:12px}.cdx-radio:not(.cdx-radio--inline):last-child{margin-bottom:0}.cdx-radio--inline{display:inline-flex;margin-left:16px;white-space:nowrap}.cdx-radio--inline:last-child{margin-left:0}.cdx-radio__label{display:inline-block;position:relative;z-index:0;padding-right:calc(1.42857143em + 8px);line-height:1.4285714}.cdx-radio--inline .cdx-radio__label{display:inline}.cdx-radio__icon{background-color:#fff;position:absolute;right:0;box-sizing:border-box;width:1.42857143em;height:1.42857143em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-radio__input{opacity:0;position:absolute;right:0;z-index:1;width:1.42857143em;height:1.42857143em;margin:0;font-size:inherit;cursor:inherit}.cdx-radio:hover>.cdx-radio__input:enabled,.cdx-radio:hover>.cdx-radio__input:enabled~*{cursor:pointer}.cdx-radio__icon{border-radius:50%}.cdx-radio__icon:before{content:" ";position:absolute;top:-.2857143em;left:-.2857143em;bottom:-.2857143em;right:-.2857143em;border:1px solid transparent;border-radius:50%}.cdx-radio__input:enabled+.cdx-checkbox__icon{border-color:#72777d}.cdx-radio__input:enabled:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:active+.cdx-radio__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-radio__input:enabled:checked+.cdx-radio__icon{border-width:.42857143em;border-color:#36c}.cdx-radio__input:enabled:checked:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:checked:focus+.cdx-radio__icon:before{border-color:#fff}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon{background-color:#fff;border-color:#2a4b8d}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon:before{border-color:#2a4b8d}.cdx-radio__input:disabled~.cdx-radio__label{color:#72777d}.cdx-radio__input:disabled+.cdx-radio__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-radio__input:disabled:checked+.cdx-radio__icon{border-width:.42857143em}.cdx-search-input--has-end-button{background-color:#fff;display:flex;border:1px solid #a2a9b1;border-radius:2px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper{flex-grow:1;margin:-1px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper .cdx-text-input__input{border-top-left-radius:0;border-bottom-left-radius:0}.cdx-search-input__end-button{flex-shrink:0;margin:-1px 0 -1px -1px;border-top-right-radius:0;border-bottom-right-radius:0}.cdx-search-input__end-button:hover,.cdx-search-input__end-button:focus{z-index:1}.cdx-search-input__input-wrapper{position:relative}.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/></svg>')}.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.4285714;background-position:center left 12px;background-repeat:no-repeat;background-size:max(.8571429em,12px);-webkit-appearance:none;appearance:none}.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" 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>')}.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" 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-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.4285714;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{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:12px}.cdx-select-vue__indicator{color:#202122;position:absolute;top:50%;min-width:12px;min-height:12px;width:.8571429em;height:.8571429em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:12px}.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 [aria-expanded=true],.cdx-select-vue--enabled .cdx-select-vue__handle[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-select-vue--enabled .cdx-select-vue__handle:hover .cdx-select-vue__indicator{color:#404244}.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--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-dialog .cdx-select-vue{position:static}.cdx-dialog .cdx-select-vue .cdx-menu{right:auto;width:var(--79331f78)}.cdx-tab[aria-hidden=true]{display:none}.cdx-tab:focus{outline:1px solid transparent}.cdx-tabs__header{display:flex;align-items:flex-end;position:relative}.cdx-tabs__header:focus{outline:1px solid transparent}.cdx-tabs__prev-scroller,.cdx-tabs__next-scroller{background-color:inherit;position:absolute;top:0;bottom:0}.cdx-tabs__prev-scroller{right:0}.cdx-tabs__next-scroller{left:0}.cdx-tabs__prev-scroller:after,.cdx-tabs__next-scroller:before{content:"";position:absolute;top:0;z-index:1;width:1.7142857em;height:100%;pointer-events:none}.cdx-tabs__prev-scroller:after{right:100%}.cdx-tabs__next-scroller:before{left:100%}.cdx-tabs__scroll-button{height:100%}.cdx-tabs__list{display:flex;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cdx-tabs__list::-webkit-scrollbar{-webkit-appearance:none;display:none}.cdx-tabs__list__item{flex:0 0 auto}.cdx-tabs__list__item [role=tab]{display:block;max-width:18.2857143em;border-top-right-radius:2px;border-top-left-radius:2px;padding:4px 12px;font-weight:700;line-height:1.4285714;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-tabs__list__item [role=tab]:hover{cursor:pointer}.cdx-tabs__list__item [role=tab]:focus{border-top-right-radius:2px;border-top-left-radius:2px;outline:1px solid transparent}.cdx-tabs__list__item [aria-selected=true][role=tab]{cursor:default}.cdx-tabs .cdx-tabs__list{list-style:none;margin:0;padding:0}.cdx-tabs .cdx-tabs__list__item{margin:0}.cdx-tabs>.cdx-tabs__header .cdx-tabs__list__item+.cdx-tabs__list__item{margin-right:0}.cdx-tabs--framed>.cdx-tabs__header{background-color:#eaecf0}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to left,#eaecf0 0,rgba(255,255,255,0) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to right,#eaecf0 0,rgba(255,255,255,0) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]{margin:8px 8px 0 4px}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:last-child [role=tab]{margin-left:8px}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]){overflow:hidden}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):link,.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):visited{color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):hover{background-color:rgba(255,255,255,.3);color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):active{background-color:rgba(255,255,255,.65);color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [aria-selected=true][role=tab],.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [aria-selected=true][role=tab]:hover{background-color:#fff}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [aria-disabled=true][role=tab]{background-color:#eaecf0;color:#72777d;cursor:default}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header{background-color:#fff;margin:0 4px;border-bottom:1px solid #a2a9b1}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to left,#fff 0,rgba(255,255,255,0) 100%)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab]{margin:0 4px}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:first-child [role=tab]{margin-right:0}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:last-child [role=tab]{margin-left:0}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]){color:#202122}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):hover{color:#447ff5;box-shadow:inset 0 -2px #447ff5}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):active{color:#2a4b8d;box-shadow:inset 0 -2px #2a4b8d}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [aria-selected=true][role=tab]{color:#36c;box-shadow:inset 0 -2px #36c}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [aria-selected=true][role=tab]:hover{color:#36c}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab][aria-disabled=true]{color:#72777d;cursor:default}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item .cdx-tabs__submit:focus~[role=tab],.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item .cdx-tabs__submit:focus~[role=tab],.cdx-tabs--framed>.cdx-tabs__header:focus [aria-selected=true][role=tab]:not([aria-disabled="true"]),.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header:focus [aria-selected=true][role=tab]:not([aria-disabled="true"]){box-shadow:inset 0 0 0 2px #36c;overflow:hidden}.cdx-tabs__submit{display:block;clip:rect(1px,1px,1px,1px);position:absolute!important;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden}.cdx-toggle-button{box-sizing:border-box;min-width:32px;min-height:32px;max-width:32em;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-left:11px;padding-right:11px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-toggle-button::-moz-focus-inner{border:0;padding:0}.cdx-toggle-button:enabled{color:#202122}.cdx-toggle-button:enabled:hover{cursor:pointer}.cdx-toggle-button:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-toggle-button:enabled:active,.cdx-toggle-button:enabled.cdx-toggle-button--is-active{color:#000;border-color:#72777d;box-shadow:none}.cdx-toggle-button .cdx-icon{color:inherit;vertical-align:middle}.cdx-toggle-button--framed:enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-toggle-button--framed:enabled:hover{background-color:#fff;color:#404244}.cdx-toggle-button--framed:enabled:active,.cdx-toggle-button--framed:enabled.cdx-toggle-button--is-active{background-color:#eaecf0}.cdx-toggle-button--framed:disabled{background-color:#c8ccd1;color:#fff;border-color:#c8ccd1}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:active,.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled.cdx-toggle-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d;box-shadow:none}.cdx-toggle-button--quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-toggle-button--quiet:enabled.cdx-toggle-button--toggled-on{background-color:#eaecf0}.cdx-toggle-button--quiet:enabled:hover{background-color:#f8f9fa}.cdx-toggle-button--quiet:enabled:focus{background-color:#f8f9fa}.cdx-toggle-button--quiet:enabled:active,.cdx-toggle-button--quiet:enabled.cdx-toggle-button--is-active{background-color:#eaecf0}.cdx-toggle-button--quiet:disabled{color:#72777d}.cdx-toggle-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2px;padding-top:1px;padding-right:1px;overflow:hidden}.cdx-toggle-button-group .cdx-toggle-button{position:relative;z-index:1;margin-top:-1px;margin-right:-1px;border-radius:0}.cdx-toggle-button-group .cdx-toggle-button:enabled:active,.cdx-toggle-button-group .cdx-toggle-button:enabled:focus{z-index:3}.cdx-toggle-button-group .cdx-toggle-button:disabled{z-index:0;box-shadow:0 -1px #fff,1px 0 #fff}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled{z-index:2;box-shadow:0 -1px #fff,1px 0 #fff}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled:focus{box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff,0 0 0 1px #fff}.cdx-toggle-switch{display:inline-flex;align-items:center;justify-content:space-between;position:relative;z-index:0}.cdx-toggle-switch__label:not(:empty){padding-left:6px}.cdx-toggle-switch__switch{order:2;transform:translateZ(0);background-color:#f8f9fa;display:inline-block;flex-shrink:0;position:relative;box-sizing:border-box;min-width:48px;min-height:32px;width:3.4285714em;height:2.2857143em;border-width:1px;border-style:solid;border-color:#72777d;border-radius:9999px;overflow:hidden;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch:before{content:"";display:block;position:absolute;top:1px;left:1px;bottom:1px;right:1px;z-index:1;border:1px solid transparent;border-radius:9999px;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch__grip{position:absolute;top:50%;box-sizing:border-box;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;border:1px solid #72777d;border-radius:50%;transform:translate(-.3571429em) translateY(-50%);transition-property:background-color,border-color,transform;transition-duration:.25s,.1s,.1s}.cdx-toggle-switch__input{opacity:0;position:absolute;left:0;z-index:2;min-width:48px;min-height:32px;width:3.4285714em;height:2.2857143em;margin:0;font-size:inherit}.cdx-toggle-switch__input:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#fff;transform:translate(calc(-1*(100% + .0714286em))) translateY(-50%)}.cdx-toggle-switch__input:enabled:hover,.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__label-content:hover{cursor:pointer}.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#f8f9fa}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch{background-color:#fff;border-color:#447ff5}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#447ff5}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch:before{border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#36c}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch{background-color:#36c;border-color:#36c}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:enabled:checked:hover~.cdx-toggle-switch__switch{background-color:#447ff5;border-color:#447ff5}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch{background-color:#2a4b8d;border-color:#2a4b8d;box-shadow:inset 0 0 0 1px #2a4b8d}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch:before{border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#fff}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch{border-color:#36c}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch:before,.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:disabled{cursor:default}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__label-content{color:#72777d}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff;box-shadow:inset 0 0 0 1px #fff}.cdx-toggle-switch__input:disabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff}.cdx-typeahead-search .cdx-menu-item{padding:0}.cdx-typeahead-search .cdx-menu-item__content{padding:8px 12px}.cdx-typeahead-search__menu-message,.cdx-typeahead-search__search-footer{color:#202122;display:flex;align-items:center;padding:8px 12px;text-decoration:none}.cdx-typeahead-search__search-footer{box-sizing:border-box;min-height:56px}.cdx-typeahead-search__search-footer:visited{color:#202122}.cdx-typeahead-search__search-footer:hover{text-decoration:none;cursor:pointer}.cdx-typeahead-search__search-footer__icon{color:#54595d;width:auto;margin-left:8px}.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__icon,.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__text{color:#36c}.cdx-typeahead-search__menu-message--has-thumbnail{padding-right:20px}.cdx-typeahead-search__input [aria-expanded=true],.cdx-typeahead-search__input[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input{padding-right:36px}.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded){margin-right:24px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded{margin-right:0}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input{padding-right:60px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:22px}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer{padding-left:12px;padding-right:12px}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.8571429em}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__text,.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__query{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-typeahead-search .cdx-menu-item:first-child .cdx-typeahead-search__search-footer{border-top:unset} diff --git a/resources/lib/codex/codex.style-legacy.css b/resources/lib/codex/codex.style-legacy.css index ec50ddfa54d3..765cd48bd1b7 100644 --- a/resources/lib/codex/codex.style-legacy.css +++ b/resources/lib/codex/codex.style-legacy.css @@ -1 +1 @@ -.cdx-icon{color:#202122;display:inline-flex;align-items:center;justify-content:center;vertical-align:text-bottom}.cdx-icon svg{fill:currentcolor;width:100%;height:100%}.cdx-icon--x-small{min-width:12px;min-height:12px;width:.8571429em;height:.8571429em}.cdx-icon--small{min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em}.cdx-icon--medium{min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em}.cdx-icon--flipped svg{transform:scaleX(-1)}.cdx-button{box-sizing:border-box;min-width:32px;min-height:32px;max-width:32em;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-right:12px;padding-left:12px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button:enabled{color:#202122}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled .cdx-button__icon{background-color:#202122}}.cdx-button:enabled:hover{cursor:pointer}.cdx-button:enabled:focus{outline:1px solid transparent}.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-button:disabled{border-color:transparent}.cdx-button .cdx-button__icon,.cdx-button .cdx-icon{vertical-align:middle}.cdx-button .cdx-icon{color:inherit}.cdx-button--icon-only{padding:0 4px}.cdx-button:not(.cdx-button--weight-quiet):enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-button:not(.cdx-button--weight-quiet):enabled:hover{background-color:#fff;color:#404244}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:hover .cdx-button__icon{background-color:#404244}}.cdx-button:not(.cdx-button--weight-quiet):enabled:active,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:not(.cdx-button--weight-quiet):disabled{background-color:#c8ccd1;color:#fff}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled{background-color:#36c;color:#fff;border-color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-button--weight-primary.cdx-button--action-destructive:enabled{background-color:#d33;color:#fff;border-color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover{background-color:#ff4242;color:#fff;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33,inset 0 0 0 2px #fff}.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-button--weight-quiet:enabled:hover{background-color:rgba(0,24,73,.027)}.cdx-button--weight-quiet:enabled:active,.cdx-button--weight-quiet:enabled.cdx-button--is-active{background-color:rgba(0,24,73,.082);color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:enabled:active .cdx-button__icon,.cdx-button--weight-quiet:enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled .cdx-button__icon{background-color:#36c}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover{background-color:#eaf3ff;color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled .cdx-button__icon{background-color:#d33}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover{background-color:#fee7e6;color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button--weight-quiet:disabled{color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:disabled .cdx-button__icon{background-color:#72777d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:hover{color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive.cdx-button--is-active{background-color:#eaf3ff;color:#2a4b8d;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#2a4b8d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive .cdx-button__icon{background-color:#d33}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:hover{color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive.cdx-button--is-active{background-color:#fee7e6;color:#b32424;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#b32424}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2px;padding-top:1px;padding-left:1px;overflow:hidden}.cdx-button-group .cdx-button{position:relative;z-index:1;margin-top:-1px;margin-left:-1px;border-radius:0}.cdx-button-group .cdx-button:enabled:active,.cdx-button-group .cdx-button:enabled:focus{z-index:3}.cdx-button-group .cdx-button:disabled{z-index:0;box-shadow:0 -1px #fff,-1px 0 #fff}.cdx-thumbnail{display:inline-flex}.cdx-thumbnail__placeholder,.cdx-thumbnail__image{background-position:center;background-repeat:no-repeat;background-size:cover;flex-shrink:0;box-sizing:border-box;min-width:40px;min-height:40px;width:2.8571429em;height:2.8571429em;border:1px solid #c8ccd1;border-radius:2px}.cdx-thumbnail__image{display:inline-block}.cdx-thumbnail__image-enter-active{transition-property:opacity;transition-duration:.1s}.cdx-thumbnail__image-enter-from{opacity:0}.cdx-thumbnail__placeholder{background-color:#f8f9fa;display:inline-flex;align-items:center;justify-content:center}.cdx-thumbnail__placeholder__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>')}.cdx-thumbnail__placeholder__icon--vue{color:#72777d}.cdx-card{background-color:#fff;display:flex;align-items:flex-start;position:relative;border:1px solid #a2a9b1;border-radius:2px;padding:12px}.cdx-card--is-link{transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-card--is-link,.cdx-card--is-link:hover,.cdx-card--is-link:focus{text-decoration:none}.cdx-card--is-link:hover{border-color:#72777d}.cdx-card--is-link:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff;outline:1px solid transparent}.cdx-card--title-only{align-items:center}.cdx-card__text{display:flex;flex-direction:column;line-height:1.5714285;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-card__text__title{color:#202122;font-weight:700;line-height:1.4285714}.cdx-card__text__description,.cdx-card__text__supporting-text,.cdx-card__text__description .cdx-icon,.cdx-card__text__supporting-text .cdx-icon{color:#54595d}.cdx-card__text__description{margin-top:4px}.cdx-card__text__supporting-text{margin-top:8px;font-size:1em}.cdx-card__thumbnail{margin-right:12px}.cdx-card__thumbnail .cdx-thumbnail__placeholder,.cdx-card__thumbnail .cdx-thumbnail__image{width:3.4285714em;height:3.4285714em}.cdx-card__icon{color:inherit;margin-right:12px}.cdx-checkbox{position:relative}.cdx-checkbox:not(.cdx-checkbox--inline){display:flex;margin-bottom:12px}.cdx-checkbox:not(.cdx-checkbox--inline):last-child{margin-bottom:0}.cdx-checkbox--inline{display:inline-flex;margin-right:16px;white-space:nowrap}.cdx-checkbox--inline:last-child{margin-right:0}.cdx-checkbox__label{display:inline-block;position:relative;z-index:0;padding-left:calc(1.42857143em + 8px);line-height:1.4285714}.cdx-checkbox--inline .cdx-checkbox__label{display:inline}.cdx-checkbox__icon{background-color:#fff;position:absolute;left:0;box-sizing:border-box;width:1.42857143em;height:1.42857143em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-checkbox__input{opacity:0;position:absolute;left:0;z-index:1;width:1.42857143em;height:1.42857143em;margin:0;font-size:inherit;cursor:inherit}.cdx-checkbox:hover>.cdx-checkbox__input:enabled,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~*{cursor:pointer}.cdx-checkbox__icon{background-size:0 0;border-radius:2px}.cdx-checkbox__input:indeterminate+.cdx-checkbox__icon:before{content:" ";background-color:#fff;position:absolute;top:calc(50% - .5px);right:.21428571em;left:.21428571em;height:2px}.cdx-checkbox__input:checked:not(:indeterminate)+.cdx-checkbox__icon:before{content:" ";background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="%23fff" d="M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z"/></svg>');background-position:center;background-repeat:no-repeat;background-size:1.1428571em 1.1428571em;position:absolute;width:100%;height:100%}.cdx-checkbox__input:enabled+.cdx-checkbox__icon{border-color:#72777d}.cdx-checkbox__input:enabled:hover+.cdx-checkbox__icon{border-color:#447ff5}.cdx-checkbox__input:enabled:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:focus:not(:active)+.cdx-checkbox__icon{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:hover+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:hover+.cdx-checkbox__icon{background-color:#447ff5;border-color:#447ff5}.cdx-checkbox__input:enabled:checked:active+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:checked:focus:not(:active):not(:hover)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover)+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:focus:not(:active)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active)+.cdx-checkbox__icon{box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-checkbox__input:disabled+.cdx-checkbox__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-checkbox__input:disabled~.cdx-checkbox__label{color:#72777d}.cdx-info-chip{background-color:rgba(255,255,255,0);display:inline-flex;align-items:center;justify-content:center;gap:4px;max-width:36.5714286em;border:1px solid #54595d;border-radius:9999px;padding:0 8px;line-height:1.5714285}.cdx-info-chip--text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#54595d;font-size:1em}.cdx-info-chip__icon--notice{color:#202122}.cdx-info-chip__icon--error{color:#d33}.cdx-info-chip__icon--warning{color:#edab00}.cdx-info-chip__icon--success{color:#14866d}.cdx-info-chip .cdx-icon{min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em}.cdx-search-result-title{display:inline-block;font-weight:700}.cdx-search-result-title__match{font-weight:400}.cdx-menu-item{list-style:none;position:relative;padding:8px 12px;line-height:1.6;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-menu-item__content{display:flex;align-items:center;line-height:1.4285714;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-menu-item__content,.cdx-menu-item__content:hover{text-decoration:none}.cdx-menu-item--has-description .cdx-menu-item__content{align-items:flex-start}.cdx-menu-item__text__description{display:block}.cdx-menu-item__thumbnail{margin-right:8px}.cdx-menu-item__icon{color:inherit;margin-right:8px}.cdx-menu-item--bold-label .cdx-menu-item__text__label{font-weight:700}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text{overflow:hidden}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-menu-item--enabled,.cdx-menu-item--enabled .cdx-menu-item__content{color:#202122}.cdx-menu-item--enabled .cdx-menu-item__text__supporting-text,.cdx-menu-item--enabled .cdx-menu-item__text__description{color:#54595d}.cdx-menu-item--enabled.cdx-menu-item--highlighted{background-color:#eaecf0;cursor:pointer}.cdx-menu-item--enabled.cdx-menu-item--active{background-color:#eaf3ff;color:#36c}.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--enabled.cdx-menu-item--selected{background-color:#eaf3ff}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--disabled{color:#72777d;cursor:default}.cdx-menu-item--disabled .cdx-menu-item__text__description{color:#72777d}.cdx-progress-bar{box-sizing:border-box;overflow-x:hidden}.cdx-progress-bar__bar{width:33.33%;height:100%}.cdx-progress-bar:not(.cdx-progress-bar--inline){position:relative;z-index:1;height:1.1428571em;max-width:none;border:1px solid #a2a9b1;border-radius:9999px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-progress-bar--inline{width:100%;height:.2857143em}.cdx-progress-bar:not(.cdx-progress-bar--disabled) .cdx-progress-bar__bar{background-color:#36c;animation-name:cdx-animation-progress-bar__bar;animation-duration:1.6s;animation-timing-function:linear;animation-iteration-count:infinite}.cdx-progress-bar:not(.cdx-progress-bar--disabled).cdx-progress-bar--block{background-color:#fff}.cdx-progress-bar--disabled .cdx-progress-bar__bar{background-color:#c8ccd1}.cdx-progress-bar--disabled.cdx-progress-bar--block{background-color:#eaecf0}@keyframes cdx-animation-progress-bar__bar{0%{transform:translate(-100%)}to{transform:translate(300%)}}.cdx-menu{background-color:#fff;position:absolute;left:0;z-index:50;box-sizing:border-box;width:100%;border:1px solid #a2a9b1;border-radius:0 0 2px 2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-menu__progress-bar{position:absolute;top:0}.cdx-menu__listbox{margin:0;padding:0}.cdx-menu--has-sticky-footer .cdx-menu-item:last-of-type{position:absolute;bottom:0;width:100%}.cdx-menu--has-footer .cdx-menu-item:last-of-type:not(:first-of-type){border-top:1px solid #c8ccd1}.cdx-text-input{position:relative;box-sizing:border-box}.cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:9px}.cdx-text-input__icon.cdx-text-input__end-icon{min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em;background-position:center;background-repeat:no-repeat;background-size:max(1.1428571em,16px)}.cdx-text-input__clear-icon,.cdx-text-input__end-icon{position:absolute;top:50%;min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:9px}.cdx-text-input__clear-icon:hover{cursor:pointer}.cdx-text-input__end-icon+.cdx-text-input__clear-icon{right:calc(8px * 2 + 1.1428571em + 1px)}.cdx-text-input__input{display:block;box-sizing:border-box;min-width:256px;min-height:32px;width:100%;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;font-family:inherit;font-size:inherit;line-height:1.4285714}.cdx-text-input__input:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-input__input:enabled~.cdx-text-input__icon-vue{color:#72777d}.cdx-text-input__input:enabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input:enabled:hover{border-color:#72777d}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon-vue,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon-vue{color:#202122}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon{opacity:1}.cdx-text-input__input:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-input__input:disabled{background-color:#eaecf0;color:#72777d;-webkit-text-fill-color:#72777d;border-color:#c8ccd1}.cdx-text-input__input:disabled~.cdx-text-input__icon-vue{color:#72777d;pointer-events:none}.cdx-text-input__input:disabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input::-webkit-input-placeholder{color:#72777d;opacity:1}.cdx-text-input__input::placeholder{color:#72777d;opacity:1}.cdx-text-input__input::-ms-clear{display:none}.cdx-text-input__input[type=search]{-webkit-appearance:none;-moz-appearance:textfield}.cdx-text-input__input[type=search]::-webkit-search-decoration,.cdx-text-input__input[type=search]::-webkit-search-cancel-button{display:none}.cdx-text-input--has-start-icon .cdx-text-input__input{padding-left:calc(8px + 8px + 1.4285714em)}.cdx-text-input--has-end-icon .cdx-text-input__input,.cdx-text-input--clearable .cdx-text-input__input{padding-right:calc(8px + 8px + 1.1428571em)}.cdx-text-input--has-end-icon.cdx-text-input--clearable .cdx-text-input__input{padding-right:calc(8px + calc(8px * 2 + 1.1428571em + 1px) + 1.1428571em)}.cdx-text-input--status-error .cdx-text-input__input{border-color:#d33}.cdx-text-input--status-error .cdx-text-input__input:focus{border-color:#36c}.cdx-combobox{display:inline-block;position:relative}.cdx-combobox__input-wrapper{display:flex}.cdx-combobox__input{flex:1 1 auto}.cdx-combobox__input [aria-expanded=true],.cdx-combobox__input[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-combobox__input .cdx-text-input__input{border-right-width:0;border-top-right-radius:0;border-bottom-right-radius:0}.cdx-combobox__expand-button{position:relative;border-top-left-radius:0;border-bottom-left-radius:0}.cdx-combobox__expand-icon{position:absolute;top:50%;min-width:12px;min-height:12px;width:.8571429em;height:.8571429em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:50%;transform:translate(-50%,-50%)}.cdx-combobox--expanded .cdx-combobox__expand-button{border-bottom-right-radius:0}.cdx-dialog .cdx-combobox{position:static}.cdx-dialog .cdx-combobox .cdx-menu{left:auto;width:var(--21ba103d)}.cdx-dialog-backdrop{background-color:rgba(255,255,255,.65);display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;z-index:400;min-height:100%;width:100vw;height:100vh;height:-webkit-fill-available}.cdx-dialog{background-color:#fff;display:flex;flex-direction:column;box-sizing:border-box;width:calc(100% - (1.1428571em * 2));max-width:36.5714286em;max-height:calc(100vh - 2.8571429em);border:1px solid #a2a9b1;border-radius:2px;box-shadow:0 2px 2px rgba(0,0,0,.2);gap:32px}.cdx-dialog__header--default{display:flex;align-items:baseline;justify-content:flex-end;box-sizing:border-box;width:100%;padding:16px 24px 0}.cdx-dialog__header__title-group{display:flex;flex-grow:1;flex-direction:column;gap:6px}.cdx-dialog__header .cdx-dialog__header__title{margin:0;border:0;padding:0;font-family:inherit;font-size:1.2857143em;font-weight:700;line-height:1.25}.cdx-dialog__header .cdx-dialog__header__subtitle{color:#54595d;margin:0;padding:0;font-size:1.1428571em;line-height:1.375}.cdx-dialog__header__close-button{margin-right:-8px}.cdx-dialog__body{flex-grow:1;padding:0 24px;overflow-y:auto}.cdx-dialog__body--no-header{padding-top:24px}.cdx-dialog__body--no-footer{padding-bottom:24px}.cdx-dialog__body>*:first-child{margin-top:0;padding-top:0}.cdx-dialog__body>*:last-child{margin-bottom:0;padding-bottom:0}.cdx-dialog__footer--default{display:flex;align-items:baseline;flex-wrap:wrap;justify-content:space-between;padding:0 24px 24px;gap:12px}.cdx-dialog__footer .cdx-dialog__footer__text{color:#54595d;flex:1 0 auto;width:100%;margin:0;font-size:1em;line-height:1.5714285}.cdx-dialog__footer__actions{display:flex;flex-grow:1;gap:8px}.cdx-dialog--horizontal-actions .cdx-dialog__footer__actions{flex-direction:row-reverse}.cdx-dialog--vertical-actions .cdx-dialog__footer__actions{flex-direction:column;width:100%}.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__primary-action,.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__default-action{max-width:none}.cdx-dialog-focus-trap{position:absolute}.cdx-dialog-focus-trap:focus{outline:0}.cdx-dialog-fade-enter-active,.cdx-dialog-fade-leave-active{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-dialog-fade-enter-from,.cdx-dialog-fade-leave-to{opacity:0}body.cdx-dialog-open{overflow:hidden}.cdx-lookup{position:relative;box-sizing:border-box;vertical-align:middle}.cdx-lookup--pending .cdx-text-input__input{background-color:#eaecf0;background-image:linear-gradient(135deg,#fff 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 50%,#fff 50%,#fff 75%,rgba(255,255,255,0) 75%,rgba(255,255,255,0));background-size:1.4285714em 1.4285714em;animation-name:cdx-animation-pending-stripes;animation-duration:.65s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes cdx-animation-pending-stripes{0%{background-position:-1.4285714em 0}to{background-position:0 0}}.cdx-lookup__input [aria-expanded=true],.cdx-lookup__input[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-dialog .cdx-lookup{position:static}.cdx-dialog .cdx-lookup .cdx-menu{left:auto;width:var(--51c485f8)}.cdx-message{color:#202122;display:flex;align-items:flex-start;position:relative}.cdx-message+.cdx-message{margin-top:8px}.cdx-message--inline{font-weight:700}.cdx-message--inline.cdx-message--error{color:#d33}.cdx-message--inline.cdx-message--success{color:#14866d}.cdx-message:not(.cdx-message--inline){border-width:1px;border-style:solid;padding:16px}@media screen and (min-width: 640px){.cdx-message:not(.cdx-message--inline){padding-right:24px;padding-left:24px}}.cdx-message:not(.cdx-message--inline).cdx-message--notice{background-color:#eaecf0;border-color:#54595d}.cdx-message:not(.cdx-message--inline).cdx-message--error{background-color:#fee7e6;border-color:#b32424}.cdx-message:not(.cdx-message--inline).cdx-message--warning{background-color:#fef6e7;border-color:#ac6600}.cdx-message:not(.cdx-message--inline).cdx-message--success{background-color:#d5fdf4;border-color:#096450}.cdx-message:not(.cdx-message--inline).cdx-message--user-dismissable{padding-right:48px}@media screen and (min-width: 640px){.cdx-message:not(.cdx-message--inline).cdx-message--user-dismissable{padding-right:56px}}.cdx-message--warning .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23edab00"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>')}.cdx-message--warning .cdx-message__icon--vue{color:#edab00}.cdx-message--error .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23d33"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>')}.cdx-message--error .cdx-message__icon--vue{color:#d33}.cdx-message--success .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%2314866d"><path d="M10 20a10 10 0 010-20 10 10 0 110 20Zm-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10l5 5Z"/></svg>')}.cdx-message--success .cdx-message__icon--vue{color:#14866d}.cdx-message:not(.cdx-message--warning):not(.cdx-message--error):not(.cdx-message--success) .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z"/></svg>')}.cdx-message:not(.cdx-message--warning):not(.cdx-message--error):not(.cdx-message--success) .cdx-message__icon:lang(ar){background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7z"/></svg>')}.cdx-message .cdx-message__icon,.cdx-message:not(.cdx-message--warning):not(.cdx-message--error):not(.cdx-message--success) .cdx-message__icon,.cdx-message__icon--vue{height:1.7142857em}.cdx-message__content{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;align-self:center;flex-grow:1;margin-left:8px}.cdx-message__content,.cdx-message__content>*{line-height:1.6}.cdx-message__dismiss-button{position:absolute;top:12px;right:16px;padding:5px;line-height:0}@media screen and (min-width: 640px){.cdx-message__dismiss-button{right:8px}}.cdx-message-enter-active,.cdx-message-leave-active-system{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-message-leave-active-user{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease-out}.cdx-message-enter-from,.cdx-message-leave-to{opacity:0}.cdx-radio{position:relative}.cdx-radio:not(.cdx-radio--inline){display:flex;margin-bottom:12px}.cdx-radio:not(.cdx-radio--inline):last-child{margin-bottom:0}.cdx-radio--inline{display:inline-flex;margin-right:16px;white-space:nowrap}.cdx-radio--inline:last-child{margin-right:0}.cdx-radio__label{display:inline-block;position:relative;z-index:0;padding-left:calc(1.42857143em + 8px);line-height:1.4285714}.cdx-radio--inline .cdx-radio__label{display:inline}.cdx-radio__icon{background-color:#fff;position:absolute;left:0;box-sizing:border-box;width:1.42857143em;height:1.42857143em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-radio__input{opacity:0;position:absolute;left:0;z-index:1;width:1.42857143em;height:1.42857143em;margin:0;font-size:inherit;cursor:inherit}.cdx-radio:hover>.cdx-radio__input:enabled,.cdx-radio:hover>.cdx-radio__input:enabled~*{cursor:pointer}.cdx-radio__icon{border-radius:50%}.cdx-radio__icon:before{content:" ";position:absolute;top:-.2857143em;right:-.2857143em;bottom:-.2857143em;left:-.2857143em;border:1px solid transparent;border-radius:50%}.cdx-radio__input:enabled+.cdx-checkbox__icon{border-color:#72777d}.cdx-radio__input:enabled:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:active+.cdx-radio__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-radio__input:enabled:checked+.cdx-radio__icon{border-width:.42857143em;border-color:#36c}.cdx-radio__input:enabled:checked:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:checked:focus+.cdx-radio__icon:before{border-color:#fff}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon{background-color:#fff;border-color:#2a4b8d}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon:before{border-color:#2a4b8d}.cdx-radio__input:disabled~.cdx-radio__label{color:#72777d}.cdx-radio__input:disabled+.cdx-radio__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-radio__input:disabled:checked+.cdx-radio__icon{border-width:.42857143em}.cdx-search-input--has-end-button{background-color:#fff;display:flex;border:1px solid #a2a9b1;border-radius:2px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper{flex-grow:1;margin:-1px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper .cdx-text-input__input{border-top-right-radius:0;border-bottom-right-radius:0}.cdx-search-input__end-button{flex-shrink:0;margin:-1px -1px -1px 0;border-top-left-radius:0;border-bottom-left-radius:0}.cdx-search-input__end-button:hover,.cdx-search-input__end-button:focus{z-index:1}.cdx-search-input__input-wrapper{position:relative}.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/></svg>')}.cdx-select{box-sizing:border-box;min-width:256px;min-height:2.2857143em;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.4285714;background-position:center right 12px;background-repeat:no-repeat;background-size:max(.8571429em,12px);-webkit-appearance:none;appearance:none}.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" 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>')}.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" 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-vue{display:inline-block;position:relative}.cdx-select-vue__handle{box-sizing:border-box;min-width:256px;min-height:2.2857143em;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.4285714;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{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:12px}.cdx-select-vue__indicator{color:#202122;position:absolute;top:50%;min-width:12px;min-height:12px;width:.8571429em;height:.8571429em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:12px}.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 [aria-expanded=true],.cdx-select-vue--enabled .cdx-select-vue__handle[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-select-vue--enabled .cdx-select-vue__handle:hover .cdx-select-vue__indicator{color:#404244}.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--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-dialog .cdx-select-vue{position:static}.cdx-dialog .cdx-select-vue .cdx-menu{left:auto;width:var(--46589886)}.cdx-tab:focus{outline:1px solid transparent}.cdx-tabs__header{display:flex;align-items:flex-end;position:relative}.cdx-tabs__header:focus{outline:1px solid transparent}.cdx-tabs__prev-scroller,.cdx-tabs__next-scroller{background-color:inherit;position:absolute;top:0;bottom:0}.cdx-tabs__prev-scroller{left:0}.cdx-tabs__next-scroller{right:0}.cdx-tabs__prev-scroller:after,.cdx-tabs__next-scroller:before{content:"";position:absolute;top:0;z-index:1;width:1.7142857em;height:100%;pointer-events:none}.cdx-tabs__prev-scroller:after{left:100%}.cdx-tabs__next-scroller:before{right:100%}.cdx-tabs__scroll-button{height:100%}.cdx-tabs>.cdx-tabs__header:focus .cdx-tabs__list__item--enabled.cdx-tabs__list__item--selected [role=tab]{box-shadow:inset 0 0 0 2px #36c;overflow:hidden}.cdx-tabs__list{display:flex;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cdx-tabs__list::-webkit-scrollbar{-webkit-appearance:none;display:none}.cdx-tabs__list__item{flex:0 0 auto}.cdx-tabs__list__item [role=tab]{display:block;max-width:18.2857143em;border-top-left-radius:2px;border-top-right-radius:2px;padding:4px 12px;font-weight:700;line-height:1.4285714;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-tabs__list__item [role=tab]:focus{border-top-left-radius:2px;border-top-right-radius:2px;outline:1px solid transparent}.cdx-tabs__list__item.cdx-tabs__list__item--selected [role=tab]{cursor:default}.cdx-tabs .cdx-tabs__list{list-style:none;margin:0;padding:0}.cdx-tabs .cdx-tabs__list__item{margin:0}.cdx-tabs>.cdx-tabs__header .cdx-tabs__list__item+.cdx-tabs__list__item{margin-left:0}.cdx-tabs--framed>.cdx-tabs__header{background-color:#eaecf0}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to right,#eaecf0 0,rgba(255,255,255,0) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to left,#eaecf0 0,rgba(255,255,255,0) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]{margin:8px 4px 0 8px}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:last-child [role=tab]{margin-right:8px}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item--enabled [role=tab]{overflow:hidden}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item--enabled [role=tab]:link,.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item--enabled [role=tab]:visited{color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item--enabled [role=tab]:hover{background-color:rgba(255,255,255,.3);color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item--enabled [role=tab]:active{background-color:rgba(255,255,255,.8);color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item--enabled.cdx-tabs__list__item--selected [role=tab],.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item--enabled.cdx-tabs__list__item--selected [role=tab]:hover{background-color:#fff}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item--disabled [role=tab]{background-color:#eaecf0;color:#72777d;cursor:default}.cdx-tabs--quiet>.cdx-tabs__header{background-color:#fff;margin:0 4px;border-bottom:1px solid #a2a9b1}.cdx-tabs--quiet>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%)}.cdx-tabs--quiet>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to left,#fff 0,rgba(255,255,255,0) 100%)}.cdx-tabs--quiet>.cdx-tabs__header .cdx-tabs__list__item [role=tab]{margin:0 4px}.cdx-tabs--quiet>.cdx-tabs__header .cdx-tabs__list__item:first-child [role=tab]{margin-left:0}.cdx-tabs--quiet>.cdx-tabs__header .cdx-tabs__list__item:last-child [role=tab]{margin-right:0}.cdx-tabs--quiet>.cdx-tabs__header .cdx-tabs__list__item--enabled [role=tab]{color:#202122}.cdx-tabs--quiet>.cdx-tabs__header .cdx-tabs__list__item--enabled [role=tab]:hover{color:#447ff5;box-shadow:inset 0 -2px #447ff5}.cdx-tabs--quiet>.cdx-tabs__header .cdx-tabs__list__item--enabled [role=tab]:active{color:#2a4b8d;box-shadow:inset 0 -2px #2a4b8d}.cdx-tabs--quiet>.cdx-tabs__header .cdx-tabs__list__item--enabled.cdx-tabs__list__item--selected [role=tab]{color:#36c;box-shadow:inset 0 -2px #36c}.cdx-tabs--quiet>.cdx-tabs__header .cdx-tabs__list__item--disabled [role=tab]{color:#72777d;cursor:default}.cdx-toggle-button{box-sizing:border-box;min-width:32px;min-height:32px;max-width:32em;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-right:12px;padding-left:12px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-toggle-button::-moz-focus-inner{border:0;padding:0}.cdx-toggle-button:enabled{color:#202122}.cdx-toggle-button:enabled:hover{cursor:pointer}.cdx-toggle-button:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-toggle-button:enabled:active,.cdx-toggle-button:enabled.cdx-toggle-button--is-active{color:#000;border-color:#72777d;box-shadow:none}.cdx-toggle-button .cdx-icon{color:inherit;vertical-align:middle}.cdx-toggle-button--framed:enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-toggle-button--framed:enabled:hover{background-color:#fff;color:#404244}.cdx-toggle-button--framed:enabled:active,.cdx-toggle-button--framed:enabled.cdx-toggle-button--is-active{background-color:#eaecf0}.cdx-toggle-button--framed:disabled{background-color:#c8ccd1;color:#fff;border-color:#c8ccd1}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:active,.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled.cdx-toggle-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d;box-shadow:none}.cdx-toggle-button--quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-toggle-button--quiet:enabled.cdx-toggle-button--toggled-on{background-color:#eaecf0}.cdx-toggle-button--quiet:enabled:hover{background-color:#f8f9fa}.cdx-toggle-button--quiet:enabled:focus{background-color:#f8f9fa}.cdx-toggle-button--quiet:enabled:active,.cdx-toggle-button--quiet:enabled.cdx-toggle-button--is-active{background-color:#eaecf0}.cdx-toggle-button--quiet:disabled{color:#72777d}.cdx-toggle-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2px;padding-top:1px;padding-left:1px;overflow:hidden}.cdx-toggle-button-group .cdx-toggle-button{position:relative;z-index:1;margin-top:-1px;margin-left:-1px;border-radius:0}.cdx-toggle-button-group .cdx-toggle-button:enabled:active,.cdx-toggle-button-group .cdx-toggle-button:enabled:focus{z-index:3}.cdx-toggle-button-group .cdx-toggle-button:disabled{z-index:0;box-shadow:0 -1px #fff,-1px 0 #fff}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled{z-index:2;box-shadow:0 -1px #fff,-1px 0 #fff}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled:focus{box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff,0 0 0 1px #fff}.cdx-toggle-switch{display:inline-flex;align-items:center;justify-content:space-between;position:relative;z-index:0}.cdx-toggle-switch__label:not(:empty){padding-right:6px}.cdx-toggle-switch__switch{order:2;transform:translateZ(0);background-color:#f8f9fa;display:inline-block;flex-shrink:0;position:relative;box-sizing:border-box;min-width:48px;min-height:32px;width:3.4285714em;height:2.2857143em;border-width:1px;border-style:solid;border-color:#72777d;border-radius:9999px;overflow:hidden;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch:before{content:"";display:block;position:absolute;top:1px;right:1px;bottom:1px;left:1px;z-index:1;border:1px solid transparent;border-radius:9999px;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch__grip{position:absolute;top:50%;box-sizing:border-box;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;border:1px solid #72777d;border-radius:50%;transform:translate(.3571429em) translateY(-50%);transition-property:background-color,border-color,transform;transition-duration:.1s}.cdx-toggle-switch__input{opacity:0;position:absolute;right:0;z-index:2;min-width:48px;min-height:32px;width:3.4285714em;height:2.2857143em;margin:0;font-size:inherit}.cdx-toggle-switch__input:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#fff;transform:translate(calc(100% + .0714286em)) translateY(-50%)}.cdx-toggle-switch__input:enabled:hover,.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__label-content:hover{cursor:pointer}.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#f8f9fa}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch{background-color:#fff;border-color:#447ff5}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#447ff5}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch:before{border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#36c}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch{background-color:#36c;border-color:#36c}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:enabled:checked:hover~.cdx-toggle-switch__switch{background-color:#447ff5;border-color:#447ff5}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch{background-color:#2a4b8d;border-color:#2a4b8d;box-shadow:inset 0 0 0 1px #2a4b8d}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch:before{border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#fff}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch{border-color:#36c}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch:before,.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:disabled{cursor:default}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__label-content{color:#72777d}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff;box-shadow:inset 0 0 0 1px #fff}.cdx-toggle-switch__input:disabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff}.cdx-typeahead-search .cdx-menu-item{padding:0}.cdx-typeahead-search .cdx-menu-item__content{padding:8px 12px}.cdx-typeahead-search__menu-message,.cdx-typeahead-search__search-footer{color:#202122;display:flex;align-items:center;padding:8px 12px;text-decoration:none}.cdx-typeahead-search__search-footer{box-sizing:border-box;min-height:56px}.cdx-typeahead-search__search-footer:visited{color:#202122}.cdx-typeahead-search__search-footer:hover{text-decoration:none;cursor:pointer}.cdx-typeahead-search__search-footer__icon{color:#54595d;width:auto;margin-right:8px}.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__icon,.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__text{color:#36c}.cdx-typeahead-search__menu-message--has-thumbnail{padding-left:20px}.cdx-typeahead-search__input [aria-expanded=true],.cdx-typeahead-search__input[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input{padding-left:36px}.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded){margin-left:24px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded{margin-left:0}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input{padding-left:60px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:22px}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer{padding-right:12px;padding-left:12px}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.8571429em}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__text,.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__query{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-typeahead-search .cdx-menu-item:first-child .cdx-typeahead-search__search-footer{border-top:unset} +.cdx-icon{color:#202122;display:inline-flex;align-items:center;justify-content:center;vertical-align:text-bottom}.cdx-icon svg{fill:currentcolor;width:100%;height:100%}.cdx-icon--x-small{min-width:12px;min-height:12px;width:.8571429em;height:.8571429em}.cdx-icon--small{min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em}.cdx-icon--medium{min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em}.cdx-icon--flipped svg{transform:scaleX(-1)}.cdx-button{box-sizing:border-box;min-width:32px;min-height:32px;max-width:32em;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-right:11px;padding-left:11px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button:enabled{color:#202122}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled .cdx-button__icon{background-color:#202122}}.cdx-button:enabled:hover{cursor:pointer}.cdx-button:enabled:focus{outline:1px solid transparent}.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-button:disabled{border-color:transparent}.cdx-button .cdx-button__icon,.cdx-button .cdx-icon{vertical-align:middle}.cdx-button .cdx-icon{color:inherit}.cdx-button--icon-only{padding:0 5px}.cdx-button:not(.cdx-button--weight-quiet):enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-button:not(.cdx-button--weight-quiet):enabled:hover{background-color:#fff;color:#404244}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:hover .cdx-button__icon{background-color:#404244}}.cdx-button:not(.cdx-button--weight-quiet):enabled:active,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:not(.cdx-button--weight-quiet):disabled{background-color:#c8ccd1;color:#fff}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled{background-color:#36c;color:#fff;border-color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-button--weight-primary.cdx-button--action-destructive:enabled{background-color:#d33;color:#fff;border-color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover{background-color:#ff4242;color:#fff;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33,inset 0 0 0 2px #fff}.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-button--weight-quiet:enabled:hover{background-color:rgba(0,24,73,.027)}.cdx-button--weight-quiet:enabled:active,.cdx-button--weight-quiet:enabled.cdx-button--is-active{background-color:rgba(0,24,73,.082);color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:enabled:active .cdx-button__icon,.cdx-button--weight-quiet:enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled .cdx-button__icon{background-color:#36c}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover{background-color:#eaf3ff;color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled .cdx-button__icon{background-color:#d33}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover{background-color:#fee7e6;color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button--weight-quiet:disabled{color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:disabled .cdx-button__icon{background-color:#72777d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:hover{color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive.cdx-button--is-active{background-color:#eaf3ff;color:#2a4b8d;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#2a4b8d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive .cdx-button__icon{background-color:#d33}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:hover{color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive.cdx-button--is-active{background-color:#fee7e6;color:#b32424;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#b32424}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2px;padding-top:1px;padding-left:1px;overflow:hidden}.cdx-button-group .cdx-button{position:relative;z-index:1;margin-top:-1px;margin-left:-1px;border-radius:0}.cdx-button-group .cdx-button:enabled:active,.cdx-button-group .cdx-button:enabled:focus{z-index:3}.cdx-button-group .cdx-button:disabled{z-index:0;box-shadow:0 -1px #fff,-1px 0 #fff}.cdx-thumbnail{display:inline-flex}.cdx-thumbnail__placeholder,.cdx-thumbnail__image{background-position:center;background-repeat:no-repeat;background-size:cover;flex-shrink:0;box-sizing:border-box;min-width:40px;min-height:40px;width:2.8571429em;height:2.8571429em;border:1px solid #c8ccd1;border-radius:2px}.cdx-thumbnail__image{display:inline-block}.cdx-thumbnail__image-enter-active{transition-property:opacity;transition-duration:.1s}.cdx-thumbnail__image-enter-from{opacity:0}.cdx-thumbnail__placeholder{background-color:#f8f9fa;display:inline-flex;align-items:center;justify-content:center}.cdx-thumbnail__placeholder__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>')}.cdx-thumbnail__placeholder__icon--vue{color:#72777d}.cdx-card{background-color:#fff;display:flex;align-items:flex-start;position:relative;border:1px solid #a2a9b1;border-radius:2px;padding:12px}.cdx-card--is-link{transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-card--is-link,.cdx-card--is-link:hover,.cdx-card--is-link:focus{text-decoration:none}.cdx-card--is-link:hover{border-color:#72777d}.cdx-card--is-link:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff;outline:1px solid transparent}.cdx-card--title-only{align-items:center}.cdx-card__text{display:flex;flex-direction:column;line-height:1.5714285;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-card__text__title{color:#202122;font-weight:700;line-height:1.4285714}.cdx-card__text__description,.cdx-card__text__supporting-text,.cdx-card__text__description .cdx-icon,.cdx-card__text__supporting-text .cdx-icon{color:#54595d}.cdx-card__text__description{margin-top:4px}.cdx-card__text__supporting-text{margin-top:8px;font-size:1em}.cdx-card__thumbnail{margin-right:12px}.cdx-card__thumbnail .cdx-thumbnail__placeholder,.cdx-card__thumbnail .cdx-thumbnail__image{width:3.4285714em;height:3.4285714em}.cdx-card__icon{color:inherit;margin-right:12px}.cdx-checkbox{position:relative}.cdx-checkbox:not(.cdx-checkbox--inline){display:flex;margin-bottom:12px}.cdx-checkbox:not(.cdx-checkbox--inline):last-child{margin-bottom:0}.cdx-checkbox--inline{display:inline-flex;margin-right:16px;white-space:nowrap}.cdx-checkbox--inline:last-child{margin-right:0}.cdx-checkbox__label{display:inline-block;position:relative;z-index:0;padding-left:calc(1.42857143em + 8px);line-height:1.4285714}.cdx-checkbox--inline .cdx-checkbox__label{display:inline}.cdx-checkbox__icon{background-color:#fff;position:absolute;left:0;box-sizing:border-box;width:1.42857143em;height:1.42857143em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-checkbox__input{opacity:0;position:absolute;left:0;z-index:1;width:1.42857143em;height:1.42857143em;margin:0;font-size:inherit;cursor:inherit}.cdx-checkbox:hover>.cdx-checkbox__input:enabled,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~*{cursor:pointer}.cdx-checkbox__icon{background-size:0 0;border-radius:2px}.cdx-checkbox__input:indeterminate+.cdx-checkbox__icon:before{content:" ";background-color:#fff;position:absolute;top:calc(50% - .5px);right:.21428571em;left:.21428571em;height:2px}.cdx-checkbox__input:checked:not(:indeterminate)+.cdx-checkbox__icon:before{content:" ";background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="%23fff" d="M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z"/></svg>');background-position:center;background-repeat:no-repeat;background-size:1.1428571em 1.1428571em;position:absolute;width:100%;height:100%}.cdx-checkbox__input:enabled+.cdx-checkbox__icon{border-color:#72777d}.cdx-checkbox__input:enabled:hover+.cdx-checkbox__icon{border-color:#447ff5}.cdx-checkbox__input:enabled:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:focus:not(:active)+.cdx-checkbox__icon{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:hover+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:hover+.cdx-checkbox__icon{background-color:#447ff5;border-color:#447ff5}.cdx-checkbox__input:enabled:checked:active+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:checked:focus:not(:active):not(:hover)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover)+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:focus:not(:active)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active)+.cdx-checkbox__icon{box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-checkbox__input:disabled+.cdx-checkbox__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-checkbox__input:disabled~.cdx-checkbox__label{color:#72777d}.cdx-info-chip{background-color:rgba(255,255,255,0);display:inline-flex;align-items:center;justify-content:center;gap:4px;max-width:36.5714286em;border:1px solid #c8ccd1;border-radius:9999px;padding:0 8px;line-height:1.5714285}.cdx-info-chip--text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#54595d;font-size:1em}.cdx-info-chip__icon--notice{color:#202122}.cdx-info-chip__icon--error{color:#d33}.cdx-info-chip__icon--warning{color:#edab00}.cdx-info-chip__icon--success{color:#14866d}.cdx-info-chip .cdx-icon{min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em}.cdx-search-result-title{display:inline-block;font-weight:700}.cdx-search-result-title__match{font-weight:400}.cdx-menu-item{list-style:none;position:relative;padding:8px 12px;line-height:1.6;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-menu-item__content{display:flex;align-items:center;line-height:1.4285714;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-menu-item__content,.cdx-menu-item__content:hover{text-decoration:none}.cdx-menu-item--has-description .cdx-menu-item__content{align-items:flex-start}.cdx-menu-item__text__description{display:block}.cdx-menu-item__thumbnail{margin-right:8px}.cdx-menu-item__icon{color:inherit;margin-right:8px}.cdx-menu-item--bold-label .cdx-menu-item__text__label{font-weight:700}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text{overflow:hidden}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-menu-item--enabled,.cdx-menu-item--enabled .cdx-menu-item__content{color:#202122}.cdx-menu-item--enabled .cdx-menu-item__text__supporting-text,.cdx-menu-item--enabled .cdx-menu-item__text__description{color:#54595d}.cdx-menu-item--enabled.cdx-menu-item--highlighted{background-color:#eaecf0;cursor:pointer}.cdx-menu-item--enabled.cdx-menu-item--active{background-color:#eaf3ff;color:#36c}.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--enabled.cdx-menu-item--selected{background-color:#eaf3ff}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--disabled{color:#72777d;cursor:default}.cdx-menu-item--disabled .cdx-menu-item__text__description{color:#72777d}.cdx-progress-bar{box-sizing:border-box;overflow-x:hidden}.cdx-progress-bar__bar{width:33.33%;height:100%}.cdx-progress-bar:not(.cdx-progress-bar--inline){position:relative;z-index:1;height:1.1428571em;max-width:none;border:1px solid #a2a9b1;border-radius:9999px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-progress-bar--inline{width:100%;height:.2857143em}.cdx-progress-bar:not(.cdx-progress-bar--disabled) .cdx-progress-bar__bar{background-color:#36c;animation-name:cdx-animation-progress-bar__bar;animation-duration:1.6s;animation-timing-function:linear;animation-iteration-count:infinite}.cdx-progress-bar:not(.cdx-progress-bar--disabled).cdx-progress-bar--block{background-color:#fff}.cdx-progress-bar--disabled .cdx-progress-bar__bar{background-color:#c8ccd1}.cdx-progress-bar--disabled.cdx-progress-bar--block{background-color:#eaecf0}@keyframes cdx-animation-progress-bar__bar{0%{transform:translate(-100%)}to{transform:translate(300%)}}.cdx-menu{background-color:#fff;position:absolute;left:0;z-index:50;box-sizing:border-box;width:100%;border:1px solid #a2a9b1;border-radius:0 0 2px 2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-menu__progress-bar{position:absolute;top:0}.cdx-menu__listbox{margin:0;padding:0}.cdx-menu--has-sticky-footer .cdx-menu-item:last-of-type{position:absolute;bottom:0;width:100%}.cdx-menu--has-footer .cdx-menu-item:last-of-type:not(:first-of-type){border-top:1px solid #c8ccd1}.cdx-text-input{position:relative;box-sizing:border-box}.cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:9px}.cdx-text-input__icon.cdx-text-input__end-icon{min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em;background-position:center;background-repeat:no-repeat;background-size:max(1.1428571em,16px)}.cdx-text-input__clear-icon,.cdx-text-input__end-icon{position:absolute;top:50%;min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:9px}.cdx-text-input__clear-icon:hover{cursor:pointer}.cdx-text-input__end-icon+.cdx-text-input__clear-icon{right:calc(8px * 2 + 1.1428571em + 1px)}.cdx-text-input__input{display:block;box-sizing:border-box;min-width:256px;min-height:32px;width:100%;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;font-family:inherit;font-size:inherit;line-height:1.4285714}.cdx-text-input__input:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-input__input:enabled~.cdx-text-input__icon-vue{color:#72777d}.cdx-text-input__input:enabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input:enabled:hover{border-color:#72777d}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon-vue,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon-vue{color:#202122}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon{opacity:1}.cdx-text-input__input:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-input__input:disabled{background-color:#eaecf0;color:#72777d;-webkit-text-fill-color:#72777d;border-color:#c8ccd1}.cdx-text-input__input:disabled~.cdx-text-input__icon-vue{color:#72777d;pointer-events:none}.cdx-text-input__input:disabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input::-webkit-input-placeholder{color:#72777d;opacity:1}.cdx-text-input__input::placeholder{color:#72777d;opacity:1}.cdx-text-input__input::-ms-clear{display:none}.cdx-text-input__input[type=search]{-webkit-appearance:none;-moz-appearance:textfield}.cdx-text-input__input[type=search]::-webkit-search-decoration,.cdx-text-input__input[type=search]::-webkit-search-cancel-button{display:none}.cdx-text-input--has-start-icon .cdx-text-input__input{padding-left:calc(8px + 8px + 1.4285714em)}.cdx-text-input--has-end-icon .cdx-text-input__input,.cdx-text-input--clearable .cdx-text-input__input{padding-right:calc(8px + 8px + 1.1428571em)}.cdx-text-input--has-end-icon.cdx-text-input--clearable .cdx-text-input__input{padding-right:calc(8px + calc(8px * 2 + 1.1428571em + 1px) + 1.1428571em)}.cdx-text-input--status-error .cdx-text-input__input:enabled{border-color:#d33}.cdx-text-input--status-error .cdx-text-input__input:enabled:focus{border-color:#36c}.cdx-combobox{display:inline-block;position:relative}.cdx-combobox__input-wrapper{display:flex}.cdx-combobox__input{flex:1 1 auto}.cdx-combobox__input [aria-expanded=true],.cdx-combobox__input[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-combobox__input .cdx-text-input__input{border-right-width:0;border-top-right-radius:0;border-bottom-right-radius:0}.cdx-combobox__expand-button{position:relative;border-top-left-radius:0;border-bottom-left-radius:0}.cdx-combobox__expand-icon{position:absolute;top:50%;min-width:12px;min-height:12px;width:.8571429em;height:.8571429em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:50%;transform:translate(-50%,-50%)}.cdx-combobox--expanded .cdx-combobox__expand-button{border-bottom-right-radius:0}.cdx-dialog .cdx-combobox{position:static}.cdx-dialog .cdx-combobox .cdx-menu{left:auto;width:var(--21ba103d)}.cdx-dialog-backdrop{background-color:rgba(255,255,255,.65);display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;z-index:400;min-height:100%;width:100vw;height:100vh;height:-webkit-fill-available}.cdx-dialog{background-color:#fff;display:flex;flex-direction:column;box-sizing:border-box;width:calc(100% - (1.1428571em * 2));max-width:36.5714286em;max-height:calc(100vh - 2.8571429em);border:1px solid #a2a9b1;border-radius:2px;box-shadow:0 2px 2px rgba(0,0,0,.2);gap:32px}.cdx-dialog__header--default{display:flex;align-items:baseline;justify-content:flex-end;box-sizing:border-box;width:100%;padding:16px 24px 0}.cdx-dialog__header__title-group{display:flex;flex-grow:1;flex-direction:column;gap:6px}.cdx-dialog__header .cdx-dialog__header__title{margin:0;border:0;padding:0;font-family:inherit;font-size:1.2857143em;font-weight:700;line-height:1.25}.cdx-dialog__header .cdx-dialog__header__subtitle{color:#54595d;margin:0;padding:0;font-size:1.1428571em;line-height:1.375}.cdx-dialog__header__close-button{margin-right:-8px}.cdx-dialog__body{flex-grow:1;padding:0 24px;overflow-y:auto}.cdx-dialog__body--no-header{padding-top:24px}.cdx-dialog__body--no-footer{padding-bottom:24px}.cdx-dialog__body>*:first-child{margin-top:0;padding-top:0}.cdx-dialog__body>*:last-child{margin-bottom:0;padding-bottom:0}.cdx-dialog__footer--default{display:flex;align-items:baseline;flex-wrap:wrap;justify-content:space-between;padding:0 24px 24px;gap:12px}.cdx-dialog__footer .cdx-dialog__footer__text{color:#54595d;flex:1 0 auto;width:100%;margin:0;font-size:1em;line-height:1.5714285}.cdx-dialog__footer__actions{display:flex;flex-grow:1;gap:8px}.cdx-dialog--horizontal-actions .cdx-dialog__footer__actions{flex-direction:row-reverse}.cdx-dialog--vertical-actions .cdx-dialog__footer__actions{flex-direction:column;width:100%}.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__primary-action,.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__default-action{max-width:none}.cdx-dialog-focus-trap{position:absolute}.cdx-dialog-focus-trap:focus{outline:0}.cdx-dialog-fade-enter-active,.cdx-dialog-fade-leave-active{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-dialog-fade-enter-from,.cdx-dialog-fade-leave-to{opacity:0}body.cdx-dialog-open{overflow:hidden}.cdx-lookup{position:relative;box-sizing:border-box;vertical-align:middle}.cdx-lookup--pending .cdx-text-input__input{background-color:#eaecf0;background-image:linear-gradient(135deg,#fff 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 50%,#fff 50%,#fff 75%,rgba(255,255,255,0) 75%,rgba(255,255,255,0));background-size:1.4285714em 1.4285714em;animation-name:cdx-animation-pending-stripes;animation-duration:.65s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes cdx-animation-pending-stripes{0%{background-position:-1.4285714em 0}to{background-position:0 0}}.cdx-lookup__input [aria-expanded=true],.cdx-lookup__input[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-dialog .cdx-lookup{position:static}.cdx-dialog .cdx-lookup .cdx-menu{left:auto;width:var(--51c485f8)}.cdx-message{color:#202122;display:flex;align-items:flex-start;position:relative}.cdx-message+.cdx-message{margin-top:8px}.cdx-message--inline{font-weight:700}.cdx-message--inline.cdx-message--error{color:#d33}.cdx-message--inline.cdx-message--success{color:#14866d}.cdx-message:not(.cdx-message--inline){border-width:1px;border-style:solid;padding:16px}@media screen and (min-width: 640px){.cdx-message:not(.cdx-message--inline){padding-right:24px;padding-left:24px}}.cdx-message:not(.cdx-message--inline).cdx-message--notice{background-color:#eaecf0;border-color:#54595d}.cdx-message:not(.cdx-message--inline).cdx-message--error{background-color:#fee7e6;border-color:#b32424}.cdx-message:not(.cdx-message--inline).cdx-message--warning{background-color:#fef6e7;border-color:#ac6600}.cdx-message:not(.cdx-message--inline).cdx-message--success{background-color:#d5fdf4;border-color:#096450}.cdx-message:not(.cdx-message--inline).cdx-message--user-dismissable{padding-right:48px}@media screen and (min-width: 640px){.cdx-message:not(.cdx-message--inline).cdx-message--user-dismissable{padding-right:56px}}.cdx-message--warning .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23edab00"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>')}.cdx-message--warning .cdx-message__icon--vue{color:#edab00}.cdx-message--error .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23d33"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>')}.cdx-message--error .cdx-message__icon--vue{color:#d33}.cdx-message--success .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%2314866d"><path d="M10 20a10 10 0 010-20 10 10 0 110 20Zm-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10l5 5Z"/></svg>')}.cdx-message--success .cdx-message__icon--vue{color:#14866d}.cdx-message:not(.cdx-message--warning):not(.cdx-message--error):not(.cdx-message--success) .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z"/></svg>')}.cdx-message:not(.cdx-message--warning):not(.cdx-message--error):not(.cdx-message--success) .cdx-message__icon:lang(ar){background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7z"/></svg>')}.cdx-message .cdx-message__icon,.cdx-message:not(.cdx-message--warning):not(.cdx-message--error):not(.cdx-message--success) .cdx-message__icon,.cdx-message__icon--vue{height:1.7142857em}.cdx-message__content{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;align-self:center;flex-grow:1;margin-left:8px}.cdx-message__content,.cdx-message__content>*{line-height:1.6}.cdx-message__dismiss-button{position:absolute;top:12px;right:16px;padding:5px;line-height:0}@media screen and (min-width: 640px){.cdx-message__dismiss-button{right:8px}}.cdx-message-enter-active,.cdx-message-leave-active-system{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-message-leave-active-user{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease-out}.cdx-message-enter-from,.cdx-message-leave-to{opacity:0}.cdx-radio{position:relative}.cdx-radio:not(.cdx-radio--inline){display:flex;margin-bottom:12px}.cdx-radio:not(.cdx-radio--inline):last-child{margin-bottom:0}.cdx-radio--inline{display:inline-flex;margin-right:16px;white-space:nowrap}.cdx-radio--inline:last-child{margin-right:0}.cdx-radio__label{display:inline-block;position:relative;z-index:0;padding-left:calc(1.42857143em + 8px);line-height:1.4285714}.cdx-radio--inline .cdx-radio__label{display:inline}.cdx-radio__icon{background-color:#fff;position:absolute;left:0;box-sizing:border-box;width:1.42857143em;height:1.42857143em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-radio__input{opacity:0;position:absolute;left:0;z-index:1;width:1.42857143em;height:1.42857143em;margin:0;font-size:inherit;cursor:inherit}.cdx-radio:hover>.cdx-radio__input:enabled,.cdx-radio:hover>.cdx-radio__input:enabled~*{cursor:pointer}.cdx-radio__icon{border-radius:50%}.cdx-radio__icon:before{content:" ";position:absolute;top:-.2857143em;right:-.2857143em;bottom:-.2857143em;left:-.2857143em;border:1px solid transparent;border-radius:50%}.cdx-radio__input:enabled+.cdx-checkbox__icon{border-color:#72777d}.cdx-radio__input:enabled:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:active+.cdx-radio__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-radio__input:enabled:checked+.cdx-radio__icon{border-width:.42857143em;border-color:#36c}.cdx-radio__input:enabled:checked:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:checked:focus+.cdx-radio__icon:before{border-color:#fff}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon{background-color:#fff;border-color:#2a4b8d}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon:before{border-color:#2a4b8d}.cdx-radio__input:disabled~.cdx-radio__label{color:#72777d}.cdx-radio__input:disabled+.cdx-radio__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-radio__input:disabled:checked+.cdx-radio__icon{border-width:.42857143em}.cdx-search-input--has-end-button{background-color:#fff;display:flex;border:1px solid #a2a9b1;border-radius:2px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper{flex-grow:1;margin:-1px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper .cdx-text-input__input{border-top-right-radius:0;border-bottom-right-radius:0}.cdx-search-input__end-button{flex-shrink:0;margin:-1px -1px -1px 0;border-top-left-radius:0;border-bottom-left-radius:0}.cdx-search-input__end-button:hover,.cdx-search-input__end-button:focus{z-index:1}.cdx-search-input__input-wrapper{position:relative}.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px);min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/></svg>')}.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.4285714;background-position:center right 12px;background-repeat:no-repeat;background-size:max(.8571429em,12px);-webkit-appearance:none;appearance:none}.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" 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>')}.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" 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-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.4285714;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{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:12px}.cdx-select-vue__indicator{color:#202122;position:absolute;top:50%;min-width:12px;min-height:12px;width:.8571429em;height:.8571429em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:12px}.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 [aria-expanded=true],.cdx-select-vue--enabled .cdx-select-vue__handle[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-select-vue--enabled .cdx-select-vue__handle:hover .cdx-select-vue__indicator{color:#404244}.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--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-dialog .cdx-select-vue{position:static}.cdx-dialog .cdx-select-vue .cdx-menu{left:auto;width:var(--79331f78)}.cdx-tab[aria-hidden=true]{display:none}.cdx-tab:focus{outline:1px solid transparent}.cdx-tabs__header{display:flex;align-items:flex-end;position:relative}.cdx-tabs__header:focus{outline:1px solid transparent}.cdx-tabs__prev-scroller,.cdx-tabs__next-scroller{background-color:inherit;position:absolute;top:0;bottom:0}.cdx-tabs__prev-scroller{left:0}.cdx-tabs__next-scroller{right:0}.cdx-tabs__prev-scroller:after,.cdx-tabs__next-scroller:before{content:"";position:absolute;top:0;z-index:1;width:1.7142857em;height:100%;pointer-events:none}.cdx-tabs__prev-scroller:after{left:100%}.cdx-tabs__next-scroller:before{right:100%}.cdx-tabs__scroll-button{height:100%}.cdx-tabs__list{display:flex;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cdx-tabs__list::-webkit-scrollbar{-webkit-appearance:none;display:none}.cdx-tabs__list__item{flex:0 0 auto}.cdx-tabs__list__item [role=tab]{display:block;max-width:18.2857143em;border-top-left-radius:2px;border-top-right-radius:2px;padding:4px 12px;font-weight:700;line-height:1.4285714;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-tabs__list__item [role=tab]:hover{cursor:pointer}.cdx-tabs__list__item [role=tab]:focus{border-top-left-radius:2px;border-top-right-radius:2px;outline:1px solid transparent}.cdx-tabs__list__item [aria-selected=true][role=tab]{cursor:default}.cdx-tabs .cdx-tabs__list{list-style:none;margin:0;padding:0}.cdx-tabs .cdx-tabs__list__item{margin:0}.cdx-tabs>.cdx-tabs__header .cdx-tabs__list__item+.cdx-tabs__list__item{margin-left:0}.cdx-tabs--framed>.cdx-tabs__header{background-color:#eaecf0}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to right,#eaecf0 0,rgba(255,255,255,0) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to left,#eaecf0 0,rgba(255,255,255,0) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]{margin:8px 4px 0 8px}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:last-child [role=tab]{margin-right:8px}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]){overflow:hidden}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):link,.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):visited{color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):hover{background-color:rgba(255,255,255,.3);color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):active{background-color:rgba(255,255,255,.65);color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [aria-selected=true][role=tab],.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [aria-selected=true][role=tab]:hover{background-color:#fff}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [aria-disabled=true][role=tab]{background-color:#eaecf0;color:#72777d;cursor:default}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header{background-color:#fff;margin:0 4px;border-bottom:1px solid #a2a9b1}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to left,#fff 0,rgba(255,255,255,0) 100%)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab]{margin:0 4px}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:first-child [role=tab]{margin-left:0}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:last-child [role=tab]{margin-right:0}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]){color:#202122}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):hover{color:#447ff5;box-shadow:inset 0 -2px #447ff5}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):active{color:#2a4b8d;box-shadow:inset 0 -2px #2a4b8d}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [aria-selected=true][role=tab]{color:#36c;box-shadow:inset 0 -2px #36c}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [aria-selected=true][role=tab]:hover{color:#36c}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab][aria-disabled=true]{color:#72777d;cursor:default}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item .cdx-tabs__submit:focus~[role=tab],.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item .cdx-tabs__submit:focus~[role=tab],.cdx-tabs--framed>.cdx-tabs__header:focus [aria-selected=true][role=tab]:not([aria-disabled="true"]),.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header:focus [aria-selected=true][role=tab]:not([aria-disabled="true"]){box-shadow:inset 0 0 0 2px #36c;overflow:hidden}.cdx-tabs__submit{display:block;clip:rect(1px,1px,1px,1px);position:absolute!important;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden}.cdx-toggle-button{box-sizing:border-box;min-width:32px;min-height:32px;max-width:32em;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-right:11px;padding-left:11px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-toggle-button::-moz-focus-inner{border:0;padding:0}.cdx-toggle-button:enabled{color:#202122}.cdx-toggle-button:enabled:hover{cursor:pointer}.cdx-toggle-button:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-toggle-button:enabled:active,.cdx-toggle-button:enabled.cdx-toggle-button--is-active{color:#000;border-color:#72777d;box-shadow:none}.cdx-toggle-button .cdx-icon{color:inherit;vertical-align:middle}.cdx-toggle-button--framed:enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-toggle-button--framed:enabled:hover{background-color:#fff;color:#404244}.cdx-toggle-button--framed:enabled:active,.cdx-toggle-button--framed:enabled.cdx-toggle-button--is-active{background-color:#eaecf0}.cdx-toggle-button--framed:disabled{background-color:#c8ccd1;color:#fff;border-color:#c8ccd1}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:active,.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled.cdx-toggle-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d;box-shadow:none}.cdx-toggle-button--quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-toggle-button--quiet:enabled.cdx-toggle-button--toggled-on{background-color:#eaecf0}.cdx-toggle-button--quiet:enabled:hover{background-color:#f8f9fa}.cdx-toggle-button--quiet:enabled:focus{background-color:#f8f9fa}.cdx-toggle-button--quiet:enabled:active,.cdx-toggle-button--quiet:enabled.cdx-toggle-button--is-active{background-color:#eaecf0}.cdx-toggle-button--quiet:disabled{color:#72777d}.cdx-toggle-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2px;padding-top:1px;padding-left:1px;overflow:hidden}.cdx-toggle-button-group .cdx-toggle-button{position:relative;z-index:1;margin-top:-1px;margin-left:-1px;border-radius:0}.cdx-toggle-button-group .cdx-toggle-button:enabled:active,.cdx-toggle-button-group .cdx-toggle-button:enabled:focus{z-index:3}.cdx-toggle-button-group .cdx-toggle-button:disabled{z-index:0;box-shadow:0 -1px #fff,-1px 0 #fff}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled{z-index:2;box-shadow:0 -1px #fff,-1px 0 #fff}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled:focus{box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff,0 0 0 1px #fff}.cdx-toggle-switch{display:inline-flex;align-items:center;justify-content:space-between;position:relative;z-index:0}.cdx-toggle-switch__label:not(:empty){padding-right:6px}.cdx-toggle-switch__switch{order:2;transform:translateZ(0);background-color:#f8f9fa;display:inline-block;flex-shrink:0;position:relative;box-sizing:border-box;min-width:48px;min-height:32px;width:3.4285714em;height:2.2857143em;border-width:1px;border-style:solid;border-color:#72777d;border-radius:9999px;overflow:hidden;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch:before{content:"";display:block;position:absolute;top:1px;right:1px;bottom:1px;left:1px;z-index:1;border:1px solid transparent;border-radius:9999px;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch__grip{position:absolute;top:50%;box-sizing:border-box;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;border:1px solid #72777d;border-radius:50%;transform:translate(.3571429em) translateY(-50%);transition-property:background-color,border-color,transform;transition-duration:.25s,.1s,.1s}.cdx-toggle-switch__input{opacity:0;position:absolute;right:0;z-index:2;min-width:48px;min-height:32px;width:3.4285714em;height:2.2857143em;margin:0;font-size:inherit}.cdx-toggle-switch__input:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#fff;transform:translate(calc(100% + .0714286em)) translateY(-50%)}.cdx-toggle-switch__input:enabled:hover,.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__label-content:hover{cursor:pointer}.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#f8f9fa}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch{background-color:#fff;border-color:#447ff5}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#447ff5}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch:before{border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#36c}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch{background-color:#36c;border-color:#36c}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:enabled:checked:hover~.cdx-toggle-switch__switch{background-color:#447ff5;border-color:#447ff5}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch{background-color:#2a4b8d;border-color:#2a4b8d;box-shadow:inset 0 0 0 1px #2a4b8d}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch:before{border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#fff}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch{border-color:#36c}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch:before,.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:disabled{cursor:default}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__label-content{color:#72777d}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff;box-shadow:inset 0 0 0 1px #fff}.cdx-toggle-switch__input:disabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff}.cdx-typeahead-search .cdx-menu-item{padding:0}.cdx-typeahead-search .cdx-menu-item__content{padding:8px 12px}.cdx-typeahead-search__menu-message,.cdx-typeahead-search__search-footer{color:#202122;display:flex;align-items:center;padding:8px 12px;text-decoration:none}.cdx-typeahead-search__search-footer{box-sizing:border-box;min-height:56px}.cdx-typeahead-search__search-footer:visited{color:#202122}.cdx-typeahead-search__search-footer:hover{text-decoration:none;cursor:pointer}.cdx-typeahead-search__search-footer__icon{color:#54595d;width:auto;margin-right:8px}.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__icon,.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__text{color:#36c}.cdx-typeahead-search__menu-message--has-thumbnail{padding-left:20px}.cdx-typeahead-search__input [aria-expanded=true],.cdx-typeahead-search__input[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input{padding-left:36px}.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded){margin-left:24px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded{margin-left:0}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input{padding-left:60px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:22px}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer{padding-right:12px;padding-left:12px}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.8571429em}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__text,.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__query{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-typeahead-search .cdx-menu-item:first-child .cdx-typeahead-search__search-footer{border-top:unset} diff --git a/resources/lib/codex/codex.style-rtl.css b/resources/lib/codex/codex.style-rtl.css index b125d7007e2d..5423e07347d3 100644 --- a/resources/lib/codex/codex.style-rtl.css +++ b/resources/lib/codex/codex.style-rtl.css @@ -1 +1 @@ -.cdx-icon{color:#202122;display:inline-flex;align-items:center;justify-content:center;vertical-align:text-bottom}.cdx-icon svg{fill:currentcolor;width:100%;height:100%}.cdx-icon--x-small{min-width:12px;min-height:12px;width:.75em;height:.75em}.cdx-icon--small{min-width:16px;min-height:16px;width:1em;height:1em}.cdx-icon--medium{min-width:20px;min-height:20px;width:1.25em;height:1.25em}.cdx-icon--flipped svg{transform:scaleX(-1)}.cdx-button{box-sizing:border-box;min-width:32px;min-height:32px;max-width:28em;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-left:12px;padding-right:12px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button:enabled{color:#202122}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled .cdx-button__icon{background-color:#202122}}.cdx-button:enabled:hover{cursor:pointer}.cdx-button:enabled:focus{outline:1px solid transparent}.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-button:disabled{border-color:transparent}.cdx-button .cdx-button__icon,.cdx-button .cdx-icon{vertical-align:middle}.cdx-button .cdx-icon{color:inherit}.cdx-button--icon-only{padding:0 4px}.cdx-button:not(.cdx-button--weight-quiet):enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-button:not(.cdx-button--weight-quiet):enabled:hover{background-color:#fff;color:#404244}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:hover .cdx-button__icon{background-color:#404244}}.cdx-button:not(.cdx-button--weight-quiet):enabled:active,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:not(.cdx-button--weight-quiet):disabled{background-color:#c8ccd1;color:#fff}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled{background-color:#36c;color:#fff;border-color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-button--weight-primary.cdx-button--action-destructive:enabled{background-color:#d33;color:#fff;border-color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover{background-color:#ff4242;color:#fff;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33,inset 0 0 0 2px #fff}.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-button--weight-quiet:enabled:hover{background-color:rgba(0,24,73,.027)}.cdx-button--weight-quiet:enabled:active,.cdx-button--weight-quiet:enabled.cdx-button--is-active{background-color:rgba(0,24,73,.082);color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:enabled:active .cdx-button__icon,.cdx-button--weight-quiet:enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled .cdx-button__icon{background-color:#36c}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover{background-color:#eaf3ff;color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled .cdx-button__icon{background-color:#d33}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover{background-color:#fee7e6;color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button--weight-quiet:disabled{color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:disabled .cdx-button__icon{background-color:#72777d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:hover{color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive.cdx-button--is-active{background-color:#eaf3ff;color:#2a4b8d;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#2a4b8d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive .cdx-button__icon{background-color:#d33}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:hover{color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive.cdx-button--is-active{background-color:#fee7e6;color:#b32424;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#b32424}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2px;padding-top:1px;padding-right:1px;overflow:hidden}.cdx-button-group .cdx-button{position:relative;z-index:1;margin-top:-1px;margin-right:-1px;border-radius:0}.cdx-button-group .cdx-button:enabled:active,.cdx-button-group .cdx-button:enabled:focus{z-index:3}.cdx-button-group .cdx-button:disabled{z-index:0;box-shadow:0 -1px #fff,1px 0 #fff}.cdx-thumbnail{display:inline-flex}.cdx-thumbnail__placeholder,.cdx-thumbnail__image{background-position:center;background-repeat:no-repeat;background-size:cover;flex-shrink:0;box-sizing:border-box;min-width:40px;min-height:40px;width:2.5em;height:2.5em;border:1px solid #c8ccd1;border-radius:2px}.cdx-thumbnail__image{display:inline-block}.cdx-thumbnail__image-enter-active{transition-property:opacity;transition-duration:.1s}.cdx-thumbnail__image-enter-from{opacity:0}.cdx-thumbnail__placeholder{background-color:#f8f9fa;display:inline-flex;align-items:center;justify-content:center}.cdx-thumbnail__placeholder__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>')}.cdx-thumbnail__placeholder__icon--vue{color:#72777d}.cdx-card{background-color:#fff;display:flex;align-items:flex-start;position:relative;border:1px solid #a2a9b1;border-radius:2px;padding:12px}.cdx-card--is-link{transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-card--is-link,.cdx-card--is-link:hover,.cdx-card--is-link:focus{text-decoration:none}.cdx-card--is-link:hover{border-color:#72777d}.cdx-card--is-link:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff;outline:1px solid transparent}.cdx-card--title-only{align-items:center}.cdx-card__text{display:flex;flex-direction:column;line-height:1.5714285;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-card__text__title{color:#202122;font-weight:700;line-height:1.4285714}.cdx-card__text__description,.cdx-card__text__supporting-text,.cdx-card__text__description .cdx-icon,.cdx-card__text__supporting-text .cdx-icon{color:#54595d}.cdx-card__text__description{margin-top:4px}.cdx-card__text__supporting-text{margin-top:8px;font-size:.875em}.cdx-card__thumbnail{margin-left:12px}.cdx-card__thumbnail .cdx-thumbnail__placeholder,.cdx-card__thumbnail .cdx-thumbnail__image{width:3em;height:3em}.cdx-card__icon{color:inherit;margin-left:12px}.cdx-checkbox{position:relative}.cdx-checkbox:not(.cdx-checkbox--inline){display:flex;margin-bottom:12px}.cdx-checkbox:not(.cdx-checkbox--inline):last-child{margin-bottom:0}.cdx-checkbox--inline{display:inline-flex;margin-left:16px;white-space:nowrap}.cdx-checkbox--inline:last-child{margin-left:0}.cdx-checkbox__label{display:inline-block;position:relative;z-index:0;padding-right:calc(1.42857143em + 8px);line-height:1.4285714}.cdx-checkbox--inline .cdx-checkbox__label{display:inline}.cdx-checkbox__icon{background-color:#fff;position:absolute;right:0;box-sizing:border-box;width:1.42857143em;height:1.42857143em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-checkbox__input{opacity:0;position:absolute;right:0;z-index:1;width:1.42857143em;height:1.42857143em;margin:0;font-size:inherit;cursor:inherit}.cdx-checkbox:hover>.cdx-checkbox__input:enabled,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~*{cursor:pointer}.cdx-checkbox__icon{background-size:0 0;border-radius:2px}.cdx-checkbox__input:indeterminate+.cdx-checkbox__icon:before{content:" ";background-color:#fff;position:absolute;top:calc(50% - .5px);left:.21428571em;right:.21428571em;height:2px}.cdx-checkbox__input:checked:not(:indeterminate)+.cdx-checkbox__icon:before{content:" ";background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="%23fff" d="M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z"/></svg>');background-position:center;background-repeat:no-repeat;background-size:1em 1em;position:absolute;width:100%;height:100%}.cdx-checkbox__input:enabled+.cdx-checkbox__icon{border-color:#72777d}.cdx-checkbox__input:enabled:hover+.cdx-checkbox__icon{border-color:#447ff5}.cdx-checkbox__input:enabled:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:focus:not(:active)+.cdx-checkbox__icon{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:hover+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:hover+.cdx-checkbox__icon{background-color:#447ff5;border-color:#447ff5}.cdx-checkbox__input:enabled:checked:active+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:checked:focus:not(:active):not(:hover)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover)+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:focus:not(:active)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active)+.cdx-checkbox__icon{box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-checkbox__input:disabled+.cdx-checkbox__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-checkbox__input:disabled~.cdx-checkbox__label{color:#72777d}.cdx-info-chip{background-color:rgba(255,255,255,0);display:inline-flex;align-items:center;justify-content:center;gap:4px;max-width:32em;border:1px solid #54595d;border-radius:9999px;padding:0 8px;line-height:1.5714285}.cdx-info-chip--text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#54595d;font-size:.875em}.cdx-info-chip__icon--notice{color:#202122}.cdx-info-chip__icon--error{color:#d33}.cdx-info-chip__icon--warning{color:#edab00}.cdx-info-chip__icon--success{color:#14866d}.cdx-info-chip .cdx-icon{min-width:16px;min-height:16px;width:1em;height:1em}.cdx-search-result-title{display:inline-block;font-weight:700}.cdx-search-result-title__match{font-weight:400}.cdx-menu-item{list-style:none;position:relative;padding:8px 12px;line-height:1.6;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-menu-item__content{display:flex;align-items:center;line-height:1.4285714;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-menu-item__content,.cdx-menu-item__content:hover{text-decoration:none}.cdx-menu-item--has-description .cdx-menu-item__content{align-items:flex-start}.cdx-menu-item__text__description{display:block}.cdx-menu-item__thumbnail{margin-left:8px}.cdx-menu-item__icon{color:inherit;margin-left:8px}.cdx-menu-item--bold-label .cdx-menu-item__text__label{font-weight:700}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text{overflow:hidden}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-menu-item--enabled,.cdx-menu-item--enabled .cdx-menu-item__content{color:#202122}.cdx-menu-item--enabled .cdx-menu-item__text__supporting-text,.cdx-menu-item--enabled .cdx-menu-item__text__description{color:#54595d}.cdx-menu-item--enabled.cdx-menu-item--highlighted{background-color:#eaecf0;cursor:pointer}.cdx-menu-item--enabled.cdx-menu-item--active{background-color:#eaf3ff;color:#36c}.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--enabled.cdx-menu-item--selected{background-color:#eaf3ff}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--disabled{color:#72777d;cursor:default}.cdx-menu-item--disabled .cdx-menu-item__text__description{color:#72777d}.cdx-progress-bar{box-sizing:border-box;overflow-x:hidden}.cdx-progress-bar__bar{width:33.33%;height:100%}.cdx-progress-bar:not(.cdx-progress-bar--inline){position:relative;z-index:1;height:1em;max-width:none;border:1px solid #a2a9b1;border-radius:9999px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-progress-bar--inline{width:100%;height:.25em}.cdx-progress-bar:not(.cdx-progress-bar--disabled) .cdx-progress-bar__bar{background-color:#36c;animation-name:cdx-animation-progress-bar__bar;animation-duration:1.6s;animation-timing-function:linear;animation-iteration-count:infinite}.cdx-progress-bar:not(.cdx-progress-bar--disabled).cdx-progress-bar--block{background-color:#fff}.cdx-progress-bar--disabled .cdx-progress-bar__bar{background-color:#c8ccd1}.cdx-progress-bar--disabled.cdx-progress-bar--block{background-color:#eaecf0}@keyframes cdx-animation-progress-bar__bar{0%{transform:translate(100%)}to{transform:translate(-300%)}}.cdx-menu{background-color:#fff;position:absolute;right:0;z-index:50;box-sizing:border-box;width:100%;border:1px solid #a2a9b1;border-radius:0 0 2px 2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-menu__progress-bar{position:absolute;top:0}.cdx-menu__listbox{margin:0;padding:0}.cdx-menu--has-sticky-footer .cdx-menu-item:last-of-type{position:absolute;bottom:0;width:100%}.cdx-menu--has-footer .cdx-menu-item:last-of-type:not(:first-of-type){border-top:1px solid #c8ccd1}.cdx-text-input{position:relative;box-sizing:border-box}.cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:9px}.cdx-text-input__icon.cdx-text-input__end-icon{min-width:16px;min-height:16px;width:1em;height:1em;background-position:center;background-repeat:no-repeat;background-size:max(1em,16px)}.cdx-text-input__clear-icon,.cdx-text-input__end-icon{position:absolute;top:50%;min-width:16px;min-height:16px;width:1em;height:1em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:9px}.cdx-text-input__clear-icon:hover{cursor:pointer}.cdx-text-input__end-icon+.cdx-text-input__clear-icon{left:calc(17px + 1em)}.cdx-text-input__input{display:block;box-sizing:border-box;min-width:256px;min-height:32px;width:100%;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;font-family:inherit;font-size:inherit;line-height:1.4285714}.cdx-text-input__input:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-input__input:enabled~.cdx-text-input__icon-vue{color:#72777d}.cdx-text-input__input:enabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input:enabled:hover{border-color:#72777d}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon-vue,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon-vue{color:#202122}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon{opacity:1}.cdx-text-input__input:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-input__input:disabled{background-color:#eaecf0;color:#72777d;-webkit-text-fill-color:#72777d;border-color:#c8ccd1}.cdx-text-input__input:disabled~.cdx-text-input__icon-vue{color:#72777d;pointer-events:none}.cdx-text-input__input:disabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input::-webkit-input-placeholder{color:#72777d;opacity:1}.cdx-text-input__input::placeholder{color:#72777d;opacity:1}.cdx-text-input__input::-ms-clear{display:none}.cdx-text-input__input[type=search]{-webkit-appearance:none;-moz-appearance:textfield}.cdx-text-input__input[type=search]::-webkit-search-decoration,.cdx-text-input__input[type=search]::-webkit-search-cancel-button{display:none}.cdx-text-input--has-start-icon .cdx-text-input__input{padding-right:calc(16px + 1.25em)}.cdx-text-input--has-end-icon .cdx-text-input__input,.cdx-text-input--clearable .cdx-text-input__input{padding-left:calc(16px + 1em)}.cdx-text-input--has-end-icon.cdx-text-input--clearable .cdx-text-input__input{padding-left:calc(25px + 2em)}.cdx-text-input--status-error .cdx-text-input__input{border-color:#d33}.cdx-text-input--status-error .cdx-text-input__input:focus{border-color:#36c}.cdx-combobox{display:inline-block;position:relative}.cdx-combobox__input-wrapper{display:flex}.cdx-combobox__input{flex:1 1 auto}.cdx-combobox__input [aria-expanded=true],.cdx-combobox__input[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-combobox__input .cdx-text-input__input{border-left-width:0;border-top-left-radius:0;border-bottom-left-radius:0}.cdx-combobox__expand-button{position:relative;border-top-right-radius:0;border-bottom-right-radius:0}.cdx-combobox__expand-icon{position:absolute;top:50%;min-width:12px;min-height:12px;width:.75em;height:.75em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:50%;transform:translate(50%,-50%)}.cdx-combobox--expanded .cdx-combobox__expand-button{border-bottom-left-radius:0}.cdx-dialog .cdx-combobox{position:static}.cdx-dialog .cdx-combobox .cdx-menu{right:auto;width:var(--21ba103d)}.cdx-dialog-backdrop{background-color:rgba(255,255,255,.65);display:flex;align-items:center;justify-content:center;position:fixed;top:0;right:0;z-index:400;min-height:100%;width:100vw;height:100vh;height:-webkit-fill-available}.cdx-dialog{background-color:#fff;display:flex;flex-direction:column;box-sizing:border-box;width:calc(100% - 2em);max-width:32em;max-height:calc(100vh - 2.5em);border:1px solid #a2a9b1;border-radius:2px;box-shadow:0 2px 2px rgba(0,0,0,.2);gap:32px}.cdx-dialog__header--default{display:flex;align-items:baseline;justify-content:flex-end;box-sizing:border-box;width:100%;padding:16px 24px 0}.cdx-dialog__header__title-group{display:flex;flex-grow:1;flex-direction:column;gap:6px}.cdx-dialog__header .cdx-dialog__header__title{margin:0;border:0;padding:0;font-family:inherit;font-size:1.125em;font-weight:700;line-height:1.25}.cdx-dialog__header .cdx-dialog__header__subtitle{color:#54595d;margin:0;padding:0;font-size:1em;line-height:1.375}.cdx-dialog__header__close-button{margin-left:-8px}.cdx-dialog__body{flex-grow:1;padding:0 24px;overflow-y:auto}.cdx-dialog__body--no-header{padding-top:24px}.cdx-dialog__body--no-footer{padding-bottom:24px}.cdx-dialog__body>*:first-child{margin-top:0;padding-top:0}.cdx-dialog__body>*:last-child{margin-bottom:0;padding-bottom:0}.cdx-dialog__footer--default{display:flex;align-items:baseline;flex-wrap:wrap;justify-content:space-between;padding:0 24px 24px;gap:12px}.cdx-dialog__footer .cdx-dialog__footer__text{color:#54595d;flex:1 0 auto;width:100%;margin:0;font-size:.875em;line-height:1.5714285}.cdx-dialog__footer__actions{display:flex;flex-grow:1;gap:8px}.cdx-dialog--horizontal-actions .cdx-dialog__footer__actions{flex-direction:row-reverse}.cdx-dialog--vertical-actions .cdx-dialog__footer__actions{flex-direction:column;width:100%}.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__primary-action,.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__default-action{max-width:none}.cdx-dialog-focus-trap{position:absolute}.cdx-dialog-focus-trap:focus{outline:0}.cdx-dialog-fade-enter-active,.cdx-dialog-fade-leave-active{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-dialog-fade-enter-from,.cdx-dialog-fade-leave-to{opacity:0}body.cdx-dialog-open{overflow:hidden}.cdx-lookup{position:relative;box-sizing:border-box;vertical-align:middle}.cdx-lookup--pending .cdx-text-input__input{background-color:#eaecf0;background-image:linear-gradient(-135deg,#fff 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 50%,#fff 50%,#fff 75%,rgba(255,255,255,0) 75%,rgba(255,255,255,0));background-size:1.25em 1.25em;animation-name:cdx-animation-pending-stripes;animation-duration:.65s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes cdx-animation-pending-stripes{0%{background-position:calc(100% + 1.25em) 0}to{background-position:100% 0}}.cdx-lookup__input [aria-expanded=true],.cdx-lookup__input[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-dialog .cdx-lookup{position:static}.cdx-dialog .cdx-lookup .cdx-menu{right:auto;width:var(--51c485f8)}.cdx-message{color:#202122;display:flex;align-items:flex-start;position:relative}.cdx-message+.cdx-message{margin-top:8px}.cdx-message--inline{font-weight:700}.cdx-message--inline.cdx-message--error{color:#d33}.cdx-message--inline.cdx-message--success{color:#14866d}.cdx-message:not(.cdx-message--inline){border-width:1px;border-style:solid;padding:16px}@media screen and (min-width: 640px){.cdx-message:not(.cdx-message--inline){padding-left:24px;padding-right:24px}}.cdx-message:not(.cdx-message--inline).cdx-message--notice{background-color:#eaecf0;border-color:#54595d}.cdx-message:not(.cdx-message--inline).cdx-message--error{background-color:#fee7e6;border-color:#b32424}.cdx-message:not(.cdx-message--inline).cdx-message--warning{background-color:#fef6e7;border-color:#ac6600}.cdx-message:not(.cdx-message--inline).cdx-message--success{background-color:#d5fdf4;border-color:#096450}.cdx-message:not(.cdx-message--inline).cdx-message--user-dismissable{padding-left:48px}@media screen and (min-width: 640px){.cdx-message:not(.cdx-message--inline).cdx-message--user-dismissable{padding-left:56px}}.cdx-message--warning .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23edab00"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>')}.cdx-message--warning .cdx-message__icon--vue{color:#edab00}.cdx-message--error .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23d33"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>')}.cdx-message--error .cdx-message__icon--vue{color:#d33}.cdx-message--success .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%2314866d"><path d="M10 20a10 10 0 010-20 10 10 0 110 20Zm-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10l5 5Z"/></svg>')}.cdx-message--success .cdx-message__icon--vue{color:#14866d}.cdx-message:not(.cdx-message--warning):not(.cdx-message--error):not(.cdx-message--success) .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z"/></svg>')}.cdx-message:not(.cdx-message--warning):not(.cdx-message--error):not(.cdx-message--success) .cdx-message__icon:lang(ar){background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7z"/></svg>')}.cdx-message .cdx-message__icon,.cdx-message:not(.cdx-message--warning):not(.cdx-message--error):not(.cdx-message--success) .cdx-message__icon,.cdx-message__icon--vue{height:1.5em}.cdx-message__content{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;align-self:center;flex-grow:1;margin-right:8px}.cdx-message__content,.cdx-message__content>*{line-height:1.6}.cdx-message__dismiss-button{position:absolute;top:12px;left:16px;padding:5px;line-height:0}@media screen and (min-width: 640px){.cdx-message__dismiss-button{left:8px}}.cdx-message-enter-active,.cdx-message-leave-active-system{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-message-leave-active-user{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease-out}.cdx-message-enter-from,.cdx-message-leave-to{opacity:0}.cdx-radio{position:relative}.cdx-radio:not(.cdx-radio--inline){display:flex;margin-bottom:12px}.cdx-radio:not(.cdx-radio--inline):last-child{margin-bottom:0}.cdx-radio--inline{display:inline-flex;margin-left:16px;white-space:nowrap}.cdx-radio--inline:last-child{margin-left:0}.cdx-radio__label{display:inline-block;position:relative;z-index:0;padding-right:calc(1.42857143em + 8px);line-height:1.4285714}.cdx-radio--inline .cdx-radio__label{display:inline}.cdx-radio__icon{background-color:#fff;position:absolute;right:0;box-sizing:border-box;width:1.42857143em;height:1.42857143em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-radio__input{opacity:0;position:absolute;right:0;z-index:1;width:1.42857143em;height:1.42857143em;margin:0;font-size:inherit;cursor:inherit}.cdx-radio:hover>.cdx-radio__input:enabled,.cdx-radio:hover>.cdx-radio__input:enabled~*{cursor:pointer}.cdx-radio__icon{border-radius:50%}.cdx-radio__icon:before{content:" ";position:absolute;top:-.25em;left:-.25em;bottom:-.25em;right:-.25em;border:1px solid transparent;border-radius:50%}.cdx-radio__input:enabled+.cdx-checkbox__icon{border-color:#72777d}.cdx-radio__input:enabled:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:active+.cdx-radio__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-radio__input:enabled:checked+.cdx-radio__icon{border-width:.42857143em;border-color:#36c}.cdx-radio__input:enabled:checked:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:checked:focus+.cdx-radio__icon:before{border-color:#fff}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon{background-color:#fff;border-color:#2a4b8d}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon:before{border-color:#2a4b8d}.cdx-radio__input:disabled~.cdx-radio__label{color:#72777d}.cdx-radio__input:disabled+.cdx-radio__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-radio__input:disabled:checked+.cdx-radio__icon{border-width:.42857143em}.cdx-search-input--has-end-button{background-color:#fff;display:flex;border:1px solid #a2a9b1;border-radius:2px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper{flex-grow:1;margin:-1px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper .cdx-text-input__input{border-top-left-radius:0;border-bottom-left-radius:0}.cdx-search-input__end-button{flex-shrink:0;margin:-1px 0 -1px -1px;border-top-right-radius:0;border-bottom-right-radius:0}.cdx-search-input__end-button:hover,.cdx-search-input__end-button:focus{z-index:1}.cdx-search-input__input-wrapper{position:relative}.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/></svg>')}.cdx-select{box-sizing:border-box;min-width:256px;min-height:2em;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.4285714;background-position:center left 12px;background-repeat:no-repeat;background-size:max(.75em,12px);-webkit-appearance:none;appearance:none}.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" 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>')}.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" 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-vue{display:inline-block;position:relative}.cdx-select-vue__handle{box-sizing:border-box;min-width:256px;min-height:2em;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.4285714;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{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:12px}.cdx-select-vue__indicator{color:#202122;position:absolute;top:50%;min-width:12px;min-height:12px;width:.75em;height:.75em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:12px}.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 [aria-expanded=true],.cdx-select-vue--enabled .cdx-select-vue__handle[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-select-vue--enabled .cdx-select-vue__handle:hover .cdx-select-vue__indicator{color:#404244}.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--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-dialog .cdx-select-vue{position:static}.cdx-dialog .cdx-select-vue .cdx-menu{right:auto;width:var(--46589886)}.cdx-tab:focus{outline:1px solid transparent}.cdx-tabs__header{display:flex;align-items:flex-end;position:relative}.cdx-tabs__header:focus{outline:1px solid transparent}.cdx-tabs__prev-scroller,.cdx-tabs__next-scroller{background-color:inherit;position:absolute;top:0;bottom:0}.cdx-tabs__prev-scroller{right:0}.cdx-tabs__next-scroller{left:0}.cdx-tabs__prev-scroller:after,.cdx-tabs__next-scroller:before{content:"";position:absolute;top:0;z-index:1;width:1.5em;height:100%;pointer-events:none}.cdx-tabs__prev-scroller:after{right:100%}.cdx-tabs__next-scroller:before{left:100%}.cdx-tabs__scroll-button{height:100%}.cdx-tabs>.cdx-tabs__header:focus .cdx-tabs__list__item--enabled.cdx-tabs__list__item--selected [role=tab]{box-shadow:inset 0 0 0 2px #36c;overflow:hidden}.cdx-tabs__list{display:flex;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cdx-tabs__list::-webkit-scrollbar{-webkit-appearance:none;display:none}.cdx-tabs__list__item{flex:0 0 auto}.cdx-tabs__list__item [role=tab]{display:block;max-width:16em;border-top-right-radius:2px;border-top-left-radius:2px;padding:4px 12px;font-weight:700;line-height:1.4285714;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-tabs__list__item [role=tab]:focus{border-top-right-radius:2px;border-top-left-radius:2px;outline:1px solid transparent}.cdx-tabs__list__item.cdx-tabs__list__item--selected [role=tab]{cursor:default}.cdx-tabs .cdx-tabs__list{list-style:none;margin:0;padding:0}.cdx-tabs .cdx-tabs__list__item{margin:0}.cdx-tabs>.cdx-tabs__header .cdx-tabs__list__item+.cdx-tabs__list__item{margin-right:0}.cdx-tabs--framed>.cdx-tabs__header{background-color:#eaecf0}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to left,#eaecf0 0,rgba(255,255,255,0) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to right,#eaecf0 0,rgba(255,255,255,0) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]{margin:8px 8px 0 4px}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:last-child [role=tab]{margin-left:8px}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item--enabled [role=tab]{overflow:hidden}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item--enabled [role=tab]:link,.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item--enabled [role=tab]:visited{color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item--enabled [role=tab]:hover{background-color:rgba(255,255,255,.3);color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item--enabled [role=tab]:active{background-color:rgba(255,255,255,.8);color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item--enabled.cdx-tabs__list__item--selected [role=tab],.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item--enabled.cdx-tabs__list__item--selected [role=tab]:hover{background-color:#fff}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item--disabled [role=tab]{background-color:#eaecf0;color:#72777d;cursor:default}.cdx-tabs--quiet>.cdx-tabs__header{background-color:#fff;margin:0 4px;border-bottom:1px solid #a2a9b1}.cdx-tabs--quiet>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to left,#fff 0,rgba(255,255,255,0) 100%)}.cdx-tabs--quiet>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%)}.cdx-tabs--quiet>.cdx-tabs__header .cdx-tabs__list__item [role=tab]{margin:0 4px}.cdx-tabs--quiet>.cdx-tabs__header .cdx-tabs__list__item:first-child [role=tab]{margin-right:0}.cdx-tabs--quiet>.cdx-tabs__header .cdx-tabs__list__item:last-child [role=tab]{margin-left:0}.cdx-tabs--quiet>.cdx-tabs__header .cdx-tabs__list__item--enabled [role=tab]{color:#202122}.cdx-tabs--quiet>.cdx-tabs__header .cdx-tabs__list__item--enabled [role=tab]:hover{color:#447ff5;box-shadow:inset 0 -2px #447ff5}.cdx-tabs--quiet>.cdx-tabs__header .cdx-tabs__list__item--enabled [role=tab]:active{color:#2a4b8d;box-shadow:inset 0 -2px #2a4b8d}.cdx-tabs--quiet>.cdx-tabs__header .cdx-tabs__list__item--enabled.cdx-tabs__list__item--selected [role=tab]{color:#36c;box-shadow:inset 0 -2px #36c}.cdx-tabs--quiet>.cdx-tabs__header .cdx-tabs__list__item--disabled [role=tab]{color:#72777d;cursor:default}.cdx-toggle-button{box-sizing:border-box;min-width:32px;min-height:32px;max-width:28em;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-left:12px;padding-right:12px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-toggle-button::-moz-focus-inner{border:0;padding:0}.cdx-toggle-button:enabled{color:#202122}.cdx-toggle-button:enabled:hover{cursor:pointer}.cdx-toggle-button:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-toggle-button:enabled:active,.cdx-toggle-button:enabled.cdx-toggle-button--is-active{color:#000;border-color:#72777d;box-shadow:none}.cdx-toggle-button .cdx-icon{color:inherit;vertical-align:middle}.cdx-toggle-button--framed:enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-toggle-button--framed:enabled:hover{background-color:#fff;color:#404244}.cdx-toggle-button--framed:enabled:active,.cdx-toggle-button--framed:enabled.cdx-toggle-button--is-active{background-color:#eaecf0}.cdx-toggle-button--framed:disabled{background-color:#c8ccd1;color:#fff;border-color:#c8ccd1}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:active,.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled.cdx-toggle-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d;box-shadow:none}.cdx-toggle-button--quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-toggle-button--quiet:enabled.cdx-toggle-button--toggled-on{background-color:#eaecf0}.cdx-toggle-button--quiet:enabled:hover{background-color:#f8f9fa}.cdx-toggle-button--quiet:enabled:focus{background-color:#f8f9fa}.cdx-toggle-button--quiet:enabled:active,.cdx-toggle-button--quiet:enabled.cdx-toggle-button--is-active{background-color:#eaecf0}.cdx-toggle-button--quiet:disabled{color:#72777d}.cdx-toggle-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2px;padding-top:1px;padding-right:1px;overflow:hidden}.cdx-toggle-button-group .cdx-toggle-button{position:relative;z-index:1;margin-top:-1px;margin-right:-1px;border-radius:0}.cdx-toggle-button-group .cdx-toggle-button:enabled:active,.cdx-toggle-button-group .cdx-toggle-button:enabled:focus{z-index:3}.cdx-toggle-button-group .cdx-toggle-button:disabled{z-index:0;box-shadow:0 -1px #fff,1px 0 #fff}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled{z-index:2;box-shadow:0 -1px #fff,1px 0 #fff}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled:focus{box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff,0 0 0 1px #fff}.cdx-toggle-switch{display:inline-flex;align-items:center;justify-content:space-between;position:relative;z-index:0}.cdx-toggle-switch__label:not(:empty){padding-left:6px}.cdx-toggle-switch__switch{order:2;transform:translateZ(0);background-color:#f8f9fa;display:inline-block;flex-shrink:0;position:relative;box-sizing:border-box;min-width:48px;min-height:32px;width:3em;height:2em;border-width:1px;border-style:solid;border-color:#72777d;border-radius:9999px;overflow:hidden;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch:before{content:"";display:block;position:absolute;top:1px;left:1px;bottom:1px;right:1px;z-index:1;border:1px solid transparent;border-radius:9999px;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch__grip{position:absolute;top:50%;box-sizing:border-box;min-width:20px;min-height:20px;width:1.25em;height:1.25em;border:1px solid #72777d;border-radius:50%;transform:translate(-.3125em) translateY(-50%);transition-property:background-color,border-color,transform;transition-duration:.1s}.cdx-toggle-switch__input{opacity:0;position:absolute;left:0;z-index:2;min-width:48px;min-height:32px;width:3em;height:2em;margin:0;font-size:inherit}.cdx-toggle-switch__input:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#fff;transform:translate(calc(-1*(100% + .0625em))) translateY(-50%)}.cdx-toggle-switch__input:enabled:hover,.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__label-content:hover{cursor:pointer}.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#f8f9fa}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch{background-color:#fff;border-color:#447ff5}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#447ff5}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch:before{border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#36c}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch{background-color:#36c;border-color:#36c}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:enabled:checked:hover~.cdx-toggle-switch__switch{background-color:#447ff5;border-color:#447ff5}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch{background-color:#2a4b8d;border-color:#2a4b8d;box-shadow:inset 0 0 0 1px #2a4b8d}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch:before{border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#fff}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch{border-color:#36c}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch:before,.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:disabled{cursor:default}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__label-content{color:#72777d}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff;box-shadow:inset 0 0 0 1px #fff}.cdx-toggle-switch__input:disabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff}.cdx-typeahead-search .cdx-menu-item{padding:0}.cdx-typeahead-search .cdx-menu-item__content{padding:8px 12px}.cdx-typeahead-search__menu-message,.cdx-typeahead-search__search-footer{color:#202122;display:flex;align-items:center;padding:8px 12px;text-decoration:none}.cdx-typeahead-search__search-footer{box-sizing:border-box;min-height:56px}.cdx-typeahead-search__search-footer:visited{color:#202122}.cdx-typeahead-search__search-footer:hover{text-decoration:none;cursor:pointer}.cdx-typeahead-search__search-footer__icon{color:#54595d;width:auto;margin-left:8px}.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__icon,.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__text{color:#36c}.cdx-typeahead-search__menu-message--has-thumbnail{padding-right:20px}.cdx-typeahead-search__input [aria-expanded=true],.cdx-typeahead-search__input[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input{padding-right:36px}.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded){margin-right:24px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded{margin-right:0}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input{padding-right:60px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:22px}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer{padding-left:12px;padding-right:12px}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.5em}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__text,.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__query{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-typeahead-search .cdx-menu-item:first-child .cdx-typeahead-search__search-footer{border-top:unset} +.cdx-icon{color:#202122;display:inline-flex;align-items:center;justify-content:center;vertical-align:text-bottom}.cdx-icon svg{fill:currentcolor;width:100%;height:100%}.cdx-icon--x-small{min-width:12px;min-height:12px;width:.75em;height:.75em}.cdx-icon--small{min-width:16px;min-height:16px;width:1em;height:1em}.cdx-icon--medium{min-width:20px;min-height:20px;width:1.25em;height:1.25em}.cdx-icon--flipped svg{transform:scaleX(-1)}.cdx-button{box-sizing:border-box;min-width:32px;min-height:32px;max-width:28em;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-left:11px;padding-right:11px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button:enabled{color:#202122}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled .cdx-button__icon{background-color:#202122}}.cdx-button:enabled:hover{cursor:pointer}.cdx-button:enabled:focus{outline:1px solid transparent}.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-button:disabled{border-color:transparent}.cdx-button .cdx-button__icon,.cdx-button .cdx-icon{vertical-align:middle}.cdx-button .cdx-icon{color:inherit}.cdx-button--icon-only{padding:0 5px}.cdx-button:not(.cdx-button--weight-quiet):enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-button:not(.cdx-button--weight-quiet):enabled:hover{background-color:#fff;color:#404244}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:hover .cdx-button__icon{background-color:#404244}}.cdx-button:not(.cdx-button--weight-quiet):enabled:active,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:not(.cdx-button--weight-quiet):disabled{background-color:#c8ccd1;color:#fff}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled{background-color:#36c;color:#fff;border-color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-button--weight-primary.cdx-button--action-destructive:enabled{background-color:#d33;color:#fff;border-color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover{background-color:#ff4242;color:#fff;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33,inset 0 0 0 2px #fff}.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-button--weight-quiet:enabled:hover{background-color:rgba(0,24,73,.027)}.cdx-button--weight-quiet:enabled:active,.cdx-button--weight-quiet:enabled.cdx-button--is-active{background-color:rgba(0,24,73,.082);color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:enabled:active .cdx-button__icon,.cdx-button--weight-quiet:enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled .cdx-button__icon{background-color:#36c}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover{background-color:#eaf3ff;color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled .cdx-button__icon{background-color:#d33}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover{background-color:#fee7e6;color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button--weight-quiet:disabled{color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:disabled .cdx-button__icon{background-color:#72777d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:hover{color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive.cdx-button--is-active{background-color:#eaf3ff;color:#2a4b8d;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#2a4b8d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive .cdx-button__icon{background-color:#d33}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:hover{color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive.cdx-button--is-active{background-color:#fee7e6;color:#b32424;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#b32424}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2px;padding-top:1px;padding-right:1px;overflow:hidden}.cdx-button-group .cdx-button{position:relative;z-index:1;margin-top:-1px;margin-right:-1px;border-radius:0}.cdx-button-group .cdx-button:enabled:active,.cdx-button-group .cdx-button:enabled:focus{z-index:3}.cdx-button-group .cdx-button:disabled{z-index:0;box-shadow:0 -1px #fff,1px 0 #fff}.cdx-thumbnail{display:inline-flex}.cdx-thumbnail__placeholder,.cdx-thumbnail__image{background-position:center;background-repeat:no-repeat;background-size:cover;flex-shrink:0;box-sizing:border-box;min-width:40px;min-height:40px;width:2.5em;height:2.5em;border:1px solid #c8ccd1;border-radius:2px}.cdx-thumbnail__image{display:inline-block}.cdx-thumbnail__image-enter-active{transition-property:opacity;transition-duration:.1s}.cdx-thumbnail__image-enter-from{opacity:0}.cdx-thumbnail__placeholder{background-color:#f8f9fa;display:inline-flex;align-items:center;justify-content:center}.cdx-thumbnail__placeholder__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>')}.cdx-thumbnail__placeholder__icon--vue{color:#72777d}.cdx-card{background-color:#fff;display:flex;align-items:flex-start;position:relative;border:1px solid #a2a9b1;border-radius:2px;padding:12px}.cdx-card--is-link{transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-card--is-link,.cdx-card--is-link:hover,.cdx-card--is-link:focus{text-decoration:none}.cdx-card--is-link:hover{border-color:#72777d}.cdx-card--is-link:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff;outline:1px solid transparent}.cdx-card--title-only{align-items:center}.cdx-card__text{display:flex;flex-direction:column;line-height:1.5714285;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-card__text__title{color:#202122;font-weight:700;line-height:1.4285714}.cdx-card__text__description,.cdx-card__text__supporting-text,.cdx-card__text__description .cdx-icon,.cdx-card__text__supporting-text .cdx-icon{color:#54595d}.cdx-card__text__description{margin-top:4px}.cdx-card__text__supporting-text{margin-top:8px;font-size:.875em}.cdx-card__thumbnail{margin-left:12px}.cdx-card__thumbnail .cdx-thumbnail__placeholder,.cdx-card__thumbnail .cdx-thumbnail__image{width:3em;height:3em}.cdx-card__icon{color:inherit;margin-left:12px}.cdx-checkbox{position:relative}.cdx-checkbox:not(.cdx-checkbox--inline){display:flex;margin-bottom:12px}.cdx-checkbox:not(.cdx-checkbox--inline):last-child{margin-bottom:0}.cdx-checkbox--inline{display:inline-flex;margin-left:16px;white-space:nowrap}.cdx-checkbox--inline:last-child{margin-left:0}.cdx-checkbox__label{display:inline-block;position:relative;z-index:0;padding-right:calc(1.42857143em + 8px);line-height:1.4285714}.cdx-checkbox--inline .cdx-checkbox__label{display:inline}.cdx-checkbox__icon{background-color:#fff;position:absolute;right:0;box-sizing:border-box;width:1.42857143em;height:1.42857143em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-checkbox__input{opacity:0;position:absolute;right:0;z-index:1;width:1.42857143em;height:1.42857143em;margin:0;font-size:inherit;cursor:inherit}.cdx-checkbox:hover>.cdx-checkbox__input:enabled,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~*{cursor:pointer}.cdx-checkbox__icon{background-size:0 0;border-radius:2px}.cdx-checkbox__input:indeterminate+.cdx-checkbox__icon:before{content:" ";background-color:#fff;position:absolute;top:calc(50% - .5px);left:.21428571em;right:.21428571em;height:2px}.cdx-checkbox__input:checked:not(:indeterminate)+.cdx-checkbox__icon:before{content:" ";background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="%23fff" d="M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z"/></svg>');background-position:center;background-repeat:no-repeat;background-size:1em 1em;position:absolute;width:100%;height:100%}.cdx-checkbox__input:enabled+.cdx-checkbox__icon{border-color:#72777d}.cdx-checkbox__input:enabled:hover+.cdx-checkbox__icon{border-color:#447ff5}.cdx-checkbox__input:enabled:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:focus:not(:active)+.cdx-checkbox__icon{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:hover+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:hover+.cdx-checkbox__icon{background-color:#447ff5;border-color:#447ff5}.cdx-checkbox__input:enabled:checked:active+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:checked:focus:not(:active):not(:hover)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover)+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:focus:not(:active)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active)+.cdx-checkbox__icon{box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-checkbox__input:disabled+.cdx-checkbox__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-checkbox__input:disabled~.cdx-checkbox__label{color:#72777d}.cdx-info-chip{background-color:rgba(255,255,255,0);display:inline-flex;align-items:center;justify-content:center;gap:4px;max-width:32em;border:1px solid #c8ccd1;border-radius:9999px;padding:0 8px;line-height:1.5714285}.cdx-info-chip--text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#54595d;font-size:.875em}.cdx-info-chip__icon--notice{color:#202122}.cdx-info-chip__icon--error{color:#d33}.cdx-info-chip__icon--warning{color:#edab00}.cdx-info-chip__icon--success{color:#14866d}.cdx-info-chip .cdx-icon{min-width:16px;min-height:16px;width:1em;height:1em}.cdx-search-result-title{display:inline-block;font-weight:700}.cdx-search-result-title__match{font-weight:400}.cdx-menu-item{list-style:none;position:relative;padding:8px 12px;line-height:1.6;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-menu-item__content{display:flex;align-items:center;line-height:1.4285714;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-menu-item__content,.cdx-menu-item__content:hover{text-decoration:none}.cdx-menu-item--has-description .cdx-menu-item__content{align-items:flex-start}.cdx-menu-item__text__description{display:block}.cdx-menu-item__thumbnail{margin-left:8px}.cdx-menu-item__icon{color:inherit;margin-left:8px}.cdx-menu-item--bold-label .cdx-menu-item__text__label{font-weight:700}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text{overflow:hidden}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-menu-item--enabled,.cdx-menu-item--enabled .cdx-menu-item__content{color:#202122}.cdx-menu-item--enabled .cdx-menu-item__text__supporting-text,.cdx-menu-item--enabled .cdx-menu-item__text__description{color:#54595d}.cdx-menu-item--enabled.cdx-menu-item--highlighted{background-color:#eaecf0;cursor:pointer}.cdx-menu-item--enabled.cdx-menu-item--active{background-color:#eaf3ff;color:#36c}.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--enabled.cdx-menu-item--selected{background-color:#eaf3ff}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--disabled{color:#72777d;cursor:default}.cdx-menu-item--disabled .cdx-menu-item__text__description{color:#72777d}.cdx-progress-bar{box-sizing:border-box;overflow-x:hidden}.cdx-progress-bar__bar{width:33.33%;height:100%}.cdx-progress-bar:not(.cdx-progress-bar--inline){position:relative;z-index:1;height:1em;max-width:none;border:1px solid #a2a9b1;border-radius:9999px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-progress-bar--inline{width:100%;height:.25em}.cdx-progress-bar:not(.cdx-progress-bar--disabled) .cdx-progress-bar__bar{background-color:#36c;animation-name:cdx-animation-progress-bar__bar;animation-duration:1.6s;animation-timing-function:linear;animation-iteration-count:infinite}.cdx-progress-bar:not(.cdx-progress-bar--disabled).cdx-progress-bar--block{background-color:#fff}.cdx-progress-bar--disabled .cdx-progress-bar__bar{background-color:#c8ccd1}.cdx-progress-bar--disabled.cdx-progress-bar--block{background-color:#eaecf0}@keyframes cdx-animation-progress-bar__bar{0%{transform:translate(100%)}to{transform:translate(-300%)}}.cdx-menu{background-color:#fff;position:absolute;right:0;z-index:50;box-sizing:border-box;width:100%;border:1px solid #a2a9b1;border-radius:0 0 2px 2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-menu__progress-bar{position:absolute;top:0}.cdx-menu__listbox{margin:0;padding:0}.cdx-menu--has-sticky-footer .cdx-menu-item:last-of-type{position:absolute;bottom:0;width:100%}.cdx-menu--has-footer .cdx-menu-item:last-of-type:not(:first-of-type){border-top:1px solid #c8ccd1}.cdx-text-input{position:relative;box-sizing:border-box}.cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:9px}.cdx-text-input__icon.cdx-text-input__end-icon{min-width:16px;min-height:16px;width:1em;height:1em;background-position:center;background-repeat:no-repeat;background-size:max(1em,16px)}.cdx-text-input__clear-icon,.cdx-text-input__end-icon{position:absolute;top:50%;min-width:16px;min-height:16px;width:1em;height:1em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:9px}.cdx-text-input__clear-icon:hover{cursor:pointer}.cdx-text-input__end-icon+.cdx-text-input__clear-icon{left:calc(17px + 1em)}.cdx-text-input__input{display:block;box-sizing:border-box;min-width:256px;min-height:32px;width:100%;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;font-family:inherit;font-size:inherit;line-height:1.4285714}.cdx-text-input__input:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-input__input:enabled~.cdx-text-input__icon-vue{color:#72777d}.cdx-text-input__input:enabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input:enabled:hover{border-color:#72777d}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon-vue,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon-vue{color:#202122}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon{opacity:1}.cdx-text-input__input:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-input__input:disabled{background-color:#eaecf0;color:#72777d;-webkit-text-fill-color:#72777d;border-color:#c8ccd1}.cdx-text-input__input:disabled~.cdx-text-input__icon-vue{color:#72777d;pointer-events:none}.cdx-text-input__input:disabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input::-webkit-input-placeholder{color:#72777d;opacity:1}.cdx-text-input__input::placeholder{color:#72777d;opacity:1}.cdx-text-input__input::-ms-clear{display:none}.cdx-text-input__input[type=search]{-webkit-appearance:none;-moz-appearance:textfield}.cdx-text-input__input[type=search]::-webkit-search-decoration,.cdx-text-input__input[type=search]::-webkit-search-cancel-button{display:none}.cdx-text-input--has-start-icon .cdx-text-input__input{padding-right:calc(16px + 1.25em)}.cdx-text-input--has-end-icon .cdx-text-input__input,.cdx-text-input--clearable .cdx-text-input__input{padding-left:calc(16px + 1em)}.cdx-text-input--has-end-icon.cdx-text-input--clearable .cdx-text-input__input{padding-left:calc(25px + 2em)}.cdx-text-input--status-error .cdx-text-input__input:enabled{border-color:#d33}.cdx-text-input--status-error .cdx-text-input__input:enabled:focus{border-color:#36c}.cdx-combobox{display:inline-block;position:relative}.cdx-combobox__input-wrapper{display:flex}.cdx-combobox__input{flex:1 1 auto}.cdx-combobox__input [aria-expanded=true],.cdx-combobox__input[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-combobox__input .cdx-text-input__input{border-left-width:0;border-top-left-radius:0;border-bottom-left-radius:0}.cdx-combobox__expand-button{position:relative;border-top-right-radius:0;border-bottom-right-radius:0}.cdx-combobox__expand-icon{position:absolute;top:50%;min-width:12px;min-height:12px;width:.75em;height:.75em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:50%;transform:translate(50%,-50%)}.cdx-combobox--expanded .cdx-combobox__expand-button{border-bottom-left-radius:0}.cdx-dialog .cdx-combobox{position:static}.cdx-dialog .cdx-combobox .cdx-menu{right:auto;width:var(--21ba103d)}.cdx-dialog-backdrop{background-color:rgba(255,255,255,.65);display:flex;align-items:center;justify-content:center;position:fixed;top:0;right:0;z-index:400;min-height:100%;width:100vw;height:100vh;height:-webkit-fill-available}.cdx-dialog{background-color:#fff;display:flex;flex-direction:column;box-sizing:border-box;width:calc(100% - 2em);max-width:32em;max-height:calc(100vh - 2.5em);border:1px solid #a2a9b1;border-radius:2px;box-shadow:0 2px 2px rgba(0,0,0,.2);gap:32px}.cdx-dialog__header--default{display:flex;align-items:baseline;justify-content:flex-end;box-sizing:border-box;width:100%;padding:16px 24px 0}.cdx-dialog__header__title-group{display:flex;flex-grow:1;flex-direction:column;gap:6px}.cdx-dialog__header .cdx-dialog__header__title{margin:0;border:0;padding:0;font-family:inherit;font-size:1.125em;font-weight:700;line-height:1.25}.cdx-dialog__header .cdx-dialog__header__subtitle{color:#54595d;margin:0;padding:0;font-size:1em;line-height:1.375}.cdx-dialog__header__close-button{margin-left:-8px}.cdx-dialog__body{flex-grow:1;padding:0 24px;overflow-y:auto}.cdx-dialog__body--no-header{padding-top:24px}.cdx-dialog__body--no-footer{padding-bottom:24px}.cdx-dialog__body>*:first-child{margin-top:0;padding-top:0}.cdx-dialog__body>*:last-child{margin-bottom:0;padding-bottom:0}.cdx-dialog__footer--default{display:flex;align-items:baseline;flex-wrap:wrap;justify-content:space-between;padding:0 24px 24px;gap:12px}.cdx-dialog__footer .cdx-dialog__footer__text{color:#54595d;flex:1 0 auto;width:100%;margin:0;font-size:.875em;line-height:1.5714285}.cdx-dialog__footer__actions{display:flex;flex-grow:1;gap:8px}.cdx-dialog--horizontal-actions .cdx-dialog__footer__actions{flex-direction:row-reverse}.cdx-dialog--vertical-actions .cdx-dialog__footer__actions{flex-direction:column;width:100%}.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__primary-action,.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__default-action{max-width:none}.cdx-dialog-focus-trap{position:absolute}.cdx-dialog-focus-trap:focus{outline:0}.cdx-dialog-fade-enter-active,.cdx-dialog-fade-leave-active{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-dialog-fade-enter-from,.cdx-dialog-fade-leave-to{opacity:0}body.cdx-dialog-open{overflow:hidden}.cdx-lookup{position:relative;box-sizing:border-box;vertical-align:middle}.cdx-lookup--pending .cdx-text-input__input{background-color:#eaecf0;background-image:linear-gradient(-135deg,#fff 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 50%,#fff 50%,#fff 75%,rgba(255,255,255,0) 75%,rgba(255,255,255,0));background-size:1.25em 1.25em;animation-name:cdx-animation-pending-stripes;animation-duration:.65s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes cdx-animation-pending-stripes{0%{background-position:calc(100% + 1.25em) 0}to{background-position:100% 0}}.cdx-lookup__input [aria-expanded=true],.cdx-lookup__input[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-dialog .cdx-lookup{position:static}.cdx-dialog .cdx-lookup .cdx-menu{right:auto;width:var(--51c485f8)}.cdx-message{color:#202122;display:flex;align-items:flex-start;position:relative}.cdx-message+.cdx-message{margin-top:8px}.cdx-message--inline{font-weight:700}.cdx-message--inline.cdx-message--error{color:#d33}.cdx-message--inline.cdx-message--success{color:#14866d}.cdx-message:not(.cdx-message--inline){border-width:1px;border-style:solid;padding:16px}@media screen and (min-width: 640px){.cdx-message:not(.cdx-message--inline){padding-left:24px;padding-right:24px}}.cdx-message:not(.cdx-message--inline).cdx-message--notice{background-color:#eaecf0;border-color:#54595d}.cdx-message:not(.cdx-message--inline).cdx-message--error{background-color:#fee7e6;border-color:#b32424}.cdx-message:not(.cdx-message--inline).cdx-message--warning{background-color:#fef6e7;border-color:#ac6600}.cdx-message:not(.cdx-message--inline).cdx-message--success{background-color:#d5fdf4;border-color:#096450}.cdx-message:not(.cdx-message--inline).cdx-message--user-dismissable{padding-left:48px}@media screen and (min-width: 640px){.cdx-message:not(.cdx-message--inline).cdx-message--user-dismissable{padding-left:56px}}.cdx-message--warning .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23edab00"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>')}.cdx-message--warning .cdx-message__icon--vue{color:#edab00}.cdx-message--error .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23d33"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>')}.cdx-message--error .cdx-message__icon--vue{color:#d33}.cdx-message--success .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%2314866d"><path d="M10 20a10 10 0 010-20 10 10 0 110 20Zm-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10l5 5Z"/></svg>')}.cdx-message--success .cdx-message__icon--vue{color:#14866d}.cdx-message:not(.cdx-message--warning):not(.cdx-message--error):not(.cdx-message--success) .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z"/></svg>')}.cdx-message:not(.cdx-message--warning):not(.cdx-message--error):not(.cdx-message--success) .cdx-message__icon:lang(ar){background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7z"/></svg>')}.cdx-message .cdx-message__icon,.cdx-message:not(.cdx-message--warning):not(.cdx-message--error):not(.cdx-message--success) .cdx-message__icon,.cdx-message__icon--vue{height:1.5em}.cdx-message__content{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;align-self:center;flex-grow:1;margin-right:8px}.cdx-message__content,.cdx-message__content>*{line-height:1.6}.cdx-message__dismiss-button{position:absolute;top:12px;left:16px;padding:5px;line-height:0}@media screen and (min-width: 640px){.cdx-message__dismiss-button{left:8px}}.cdx-message-enter-active,.cdx-message-leave-active-system{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-message-leave-active-user{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease-out}.cdx-message-enter-from,.cdx-message-leave-to{opacity:0}.cdx-radio{position:relative}.cdx-radio:not(.cdx-radio--inline){display:flex;margin-bottom:12px}.cdx-radio:not(.cdx-radio--inline):last-child{margin-bottom:0}.cdx-radio--inline{display:inline-flex;margin-left:16px;white-space:nowrap}.cdx-radio--inline:last-child{margin-left:0}.cdx-radio__label{display:inline-block;position:relative;z-index:0;padding-right:calc(1.42857143em + 8px);line-height:1.4285714}.cdx-radio--inline .cdx-radio__label{display:inline}.cdx-radio__icon{background-color:#fff;position:absolute;right:0;box-sizing:border-box;width:1.42857143em;height:1.42857143em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-radio__input{opacity:0;position:absolute;right:0;z-index:1;width:1.42857143em;height:1.42857143em;margin:0;font-size:inherit;cursor:inherit}.cdx-radio:hover>.cdx-radio__input:enabled,.cdx-radio:hover>.cdx-radio__input:enabled~*{cursor:pointer}.cdx-radio__icon{border-radius:50%}.cdx-radio__icon:before{content:" ";position:absolute;top:-.25em;left:-.25em;bottom:-.25em;right:-.25em;border:1px solid transparent;border-radius:50%}.cdx-radio__input:enabled+.cdx-checkbox__icon{border-color:#72777d}.cdx-radio__input:enabled:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:active+.cdx-radio__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-radio__input:enabled:checked+.cdx-radio__icon{border-width:.42857143em;border-color:#36c}.cdx-radio__input:enabled:checked:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:checked:focus+.cdx-radio__icon:before{border-color:#fff}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon{background-color:#fff;border-color:#2a4b8d}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon:before{border-color:#2a4b8d}.cdx-radio__input:disabled~.cdx-radio__label{color:#72777d}.cdx-radio__input:disabled+.cdx-radio__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-radio__input:disabled:checked+.cdx-radio__icon{border-width:.42857143em}.cdx-search-input--has-end-button{background-color:#fff;display:flex;border:1px solid #a2a9b1;border-radius:2px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper{flex-grow:1;margin:-1px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper .cdx-text-input__input{border-top-left-radius:0;border-bottom-left-radius:0}.cdx-search-input__end-button{flex-shrink:0;margin:-1px 0 -1px -1px;border-top-right-radius:0;border-bottom-right-radius:0}.cdx-search-input__end-button:hover,.cdx-search-input__end-button:focus{z-index:1}.cdx-search-input__input-wrapper{position:relative}.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/></svg>')}.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.4285714;background-position:center left 12px;background-repeat:no-repeat;background-size:max(.75em,12px);-webkit-appearance:none;appearance:none}.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" 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>')}.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" 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-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.4285714;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{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:12px}.cdx-select-vue__indicator{color:#202122;position:absolute;top:50%;min-width:12px;min-height:12px;width:.75em;height:.75em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:12px}.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 [aria-expanded=true],.cdx-select-vue--enabled .cdx-select-vue__handle[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-select-vue--enabled .cdx-select-vue__handle:hover .cdx-select-vue__indicator{color:#404244}.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--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-dialog .cdx-select-vue{position:static}.cdx-dialog .cdx-select-vue .cdx-menu{right:auto;width:var(--79331f78)}.cdx-tab[aria-hidden=true]{display:none}.cdx-tab:focus{outline:1px solid transparent}.cdx-tabs__header{display:flex;align-items:flex-end;position:relative}.cdx-tabs__header:focus{outline:1px solid transparent}.cdx-tabs__prev-scroller,.cdx-tabs__next-scroller{background-color:inherit;position:absolute;top:0;bottom:0}.cdx-tabs__prev-scroller{right:0}.cdx-tabs__next-scroller{left:0}.cdx-tabs__prev-scroller:after,.cdx-tabs__next-scroller:before{content:"";position:absolute;top:0;z-index:1;width:1.5em;height:100%;pointer-events:none}.cdx-tabs__prev-scroller:after{right:100%}.cdx-tabs__next-scroller:before{left:100%}.cdx-tabs__scroll-button{height:100%}.cdx-tabs__list{display:flex;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cdx-tabs__list::-webkit-scrollbar{-webkit-appearance:none;display:none}.cdx-tabs__list__item{flex:0 0 auto}.cdx-tabs__list__item [role=tab]{display:block;max-width:16em;border-top-right-radius:2px;border-top-left-radius:2px;padding:4px 12px;font-weight:700;line-height:1.4285714;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-tabs__list__item [role=tab]:hover{cursor:pointer}.cdx-tabs__list__item [role=tab]:focus{border-top-right-radius:2px;border-top-left-radius:2px;outline:1px solid transparent}.cdx-tabs__list__item [aria-selected=true][role=tab]{cursor:default}.cdx-tabs .cdx-tabs__list{list-style:none;margin:0;padding:0}.cdx-tabs .cdx-tabs__list__item{margin:0}.cdx-tabs>.cdx-tabs__header .cdx-tabs__list__item+.cdx-tabs__list__item{margin-right:0}.cdx-tabs--framed>.cdx-tabs__header{background-color:#eaecf0}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to left,#eaecf0 0,rgba(255,255,255,0) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to right,#eaecf0 0,rgba(255,255,255,0) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]{margin:8px 8px 0 4px}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:last-child [role=tab]{margin-left:8px}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]){overflow:hidden}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):link,.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):visited{color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):hover{background-color:rgba(255,255,255,.3);color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):active{background-color:rgba(255,255,255,.65);color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [aria-selected=true][role=tab],.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [aria-selected=true][role=tab]:hover{background-color:#fff}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [aria-disabled=true][role=tab]{background-color:#eaecf0;color:#72777d;cursor:default}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header{background-color:#fff;margin:0 4px;border-bottom:1px solid #a2a9b1}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to left,#fff 0,rgba(255,255,255,0) 100%)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab]{margin:0 4px}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:first-child [role=tab]{margin-right:0}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:last-child [role=tab]{margin-left:0}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]){color:#202122}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):hover{color:#447ff5;box-shadow:inset 0 -2px #447ff5}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):active{color:#2a4b8d;box-shadow:inset 0 -2px #2a4b8d}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [aria-selected=true][role=tab]{color:#36c;box-shadow:inset 0 -2px #36c}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [aria-selected=true][role=tab]:hover{color:#36c}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab][aria-disabled=true]{color:#72777d;cursor:default}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item .cdx-tabs__submit:focus~[role=tab],.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item .cdx-tabs__submit:focus~[role=tab],.cdx-tabs--framed>.cdx-tabs__header:focus [aria-selected=true][role=tab]:not([aria-disabled="true"]),.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header:focus [aria-selected=true][role=tab]:not([aria-disabled="true"]){box-shadow:inset 0 0 0 2px #36c;overflow:hidden}.cdx-tabs__submit{display:block;clip:rect(1px,1px,1px,1px);position:absolute!important;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden}.cdx-toggle-button{box-sizing:border-box;min-width:32px;min-height:32px;max-width:28em;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-left:11px;padding-right:11px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-toggle-button::-moz-focus-inner{border:0;padding:0}.cdx-toggle-button:enabled{color:#202122}.cdx-toggle-button:enabled:hover{cursor:pointer}.cdx-toggle-button:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-toggle-button:enabled:active,.cdx-toggle-button:enabled.cdx-toggle-button--is-active{color:#000;border-color:#72777d;box-shadow:none}.cdx-toggle-button .cdx-icon{color:inherit;vertical-align:middle}.cdx-toggle-button--framed:enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-toggle-button--framed:enabled:hover{background-color:#fff;color:#404244}.cdx-toggle-button--framed:enabled:active,.cdx-toggle-button--framed:enabled.cdx-toggle-button--is-active{background-color:#eaecf0}.cdx-toggle-button--framed:disabled{background-color:#c8ccd1;color:#fff;border-color:#c8ccd1}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:active,.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled.cdx-toggle-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d;box-shadow:none}.cdx-toggle-button--quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-toggle-button--quiet:enabled.cdx-toggle-button--toggled-on{background-color:#eaecf0}.cdx-toggle-button--quiet:enabled:hover{background-color:#f8f9fa}.cdx-toggle-button--quiet:enabled:focus{background-color:#f8f9fa}.cdx-toggle-button--quiet:enabled:active,.cdx-toggle-button--quiet:enabled.cdx-toggle-button--is-active{background-color:#eaecf0}.cdx-toggle-button--quiet:disabled{color:#72777d}.cdx-toggle-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2px;padding-top:1px;padding-right:1px;overflow:hidden}.cdx-toggle-button-group .cdx-toggle-button{position:relative;z-index:1;margin-top:-1px;margin-right:-1px;border-radius:0}.cdx-toggle-button-group .cdx-toggle-button:enabled:active,.cdx-toggle-button-group .cdx-toggle-button:enabled:focus{z-index:3}.cdx-toggle-button-group .cdx-toggle-button:disabled{z-index:0;box-shadow:0 -1px #fff,1px 0 #fff}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled{z-index:2;box-shadow:0 -1px #fff,1px 0 #fff}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled:focus{box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff,0 0 0 1px #fff}.cdx-toggle-switch{display:inline-flex;align-items:center;justify-content:space-between;position:relative;z-index:0}.cdx-toggle-switch__label:not(:empty){padding-left:6px}.cdx-toggle-switch__switch{order:2;transform:translateZ(0);background-color:#f8f9fa;display:inline-block;flex-shrink:0;position:relative;box-sizing:border-box;min-width:48px;min-height:32px;width:3em;height:2em;border-width:1px;border-style:solid;border-color:#72777d;border-radius:9999px;overflow:hidden;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch:before{content:"";display:block;position:absolute;top:1px;left:1px;bottom:1px;right:1px;z-index:1;border:1px solid transparent;border-radius:9999px;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch__grip{position:absolute;top:50%;box-sizing:border-box;min-width:20px;min-height:20px;width:1.25em;height:1.25em;border:1px solid #72777d;border-radius:50%;transform:translate(-.3125em) translateY(-50%);transition-property:background-color,border-color,transform;transition-duration:.25s,.1s,.1s}.cdx-toggle-switch__input{opacity:0;position:absolute;left:0;z-index:2;min-width:48px;min-height:32px;width:3em;height:2em;margin:0;font-size:inherit}.cdx-toggle-switch__input:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#fff;transform:translate(calc(-1*(100% + .0625em))) translateY(-50%)}.cdx-toggle-switch__input:enabled:hover,.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__label-content:hover{cursor:pointer}.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#f8f9fa}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch{background-color:#fff;border-color:#447ff5}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#447ff5}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch:before{border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#36c}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch{background-color:#36c;border-color:#36c}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:enabled:checked:hover~.cdx-toggle-switch__switch{background-color:#447ff5;border-color:#447ff5}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch{background-color:#2a4b8d;border-color:#2a4b8d;box-shadow:inset 0 0 0 1px #2a4b8d}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch:before{border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#fff}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch{border-color:#36c}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch:before,.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:disabled{cursor:default}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__label-content{color:#72777d}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff;box-shadow:inset 0 0 0 1px #fff}.cdx-toggle-switch__input:disabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff}.cdx-typeahead-search .cdx-menu-item{padding:0}.cdx-typeahead-search .cdx-menu-item__content{padding:8px 12px}.cdx-typeahead-search__menu-message,.cdx-typeahead-search__search-footer{color:#202122;display:flex;align-items:center;padding:8px 12px;text-decoration:none}.cdx-typeahead-search__search-footer{box-sizing:border-box;min-height:56px}.cdx-typeahead-search__search-footer:visited{color:#202122}.cdx-typeahead-search__search-footer:hover{text-decoration:none;cursor:pointer}.cdx-typeahead-search__search-footer__icon{color:#54595d;width:auto;margin-left:8px}.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__icon,.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__text{color:#36c}.cdx-typeahead-search__menu-message--has-thumbnail{padding-right:20px}.cdx-typeahead-search__input [aria-expanded=true],.cdx-typeahead-search__input[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input{padding-right:36px}.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded){margin-right:24px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded{margin-right:0}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input{padding-right:60px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:22px}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer{padding-left:12px;padding-right:12px}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.5em}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__text,.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__query{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-typeahead-search .cdx-menu-item:first-child .cdx-typeahead-search__search-footer{border-top:unset} diff --git a/resources/lib/codex/codex.style.css b/resources/lib/codex/codex.style.css index 2eeaf1c8f61b..163e9569b525 100644 --- a/resources/lib/codex/codex.style.css +++ b/resources/lib/codex/codex.style.css @@ -1 +1 @@ -.cdx-icon{color:#202122;display:inline-flex;align-items:center;justify-content:center;vertical-align:text-bottom}.cdx-icon svg{fill:currentcolor;width:100%;height:100%}.cdx-icon--x-small{min-width:12px;min-height:12px;width:.75em;height:.75em}.cdx-icon--small{min-width:16px;min-height:16px;width:1em;height:1em}.cdx-icon--medium{min-width:20px;min-height:20px;width:1.25em;height:1.25em}.cdx-icon--flipped svg{transform:scaleX(-1)}.cdx-button{box-sizing:border-box;min-width:32px;min-height:32px;max-width:28em;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-right:12px;padding-left:12px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button:enabled{color:#202122}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled .cdx-button__icon{background-color:#202122}}.cdx-button:enabled:hover{cursor:pointer}.cdx-button:enabled:focus{outline:1px solid transparent}.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-button:disabled{border-color:transparent}.cdx-button .cdx-button__icon,.cdx-button .cdx-icon{vertical-align:middle}.cdx-button .cdx-icon{color:inherit}.cdx-button--icon-only{padding:0 4px}.cdx-button:not(.cdx-button--weight-quiet):enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-button:not(.cdx-button--weight-quiet):enabled:hover{background-color:#fff;color:#404244}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:hover .cdx-button__icon{background-color:#404244}}.cdx-button:not(.cdx-button--weight-quiet):enabled:active,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:not(.cdx-button--weight-quiet):disabled{background-color:#c8ccd1;color:#fff}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled{background-color:#36c;color:#fff;border-color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-button--weight-primary.cdx-button--action-destructive:enabled{background-color:#d33;color:#fff;border-color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover{background-color:#ff4242;color:#fff;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33,inset 0 0 0 2px #fff}.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-button--weight-quiet:enabled:hover{background-color:rgba(0,24,73,.027)}.cdx-button--weight-quiet:enabled:active,.cdx-button--weight-quiet:enabled.cdx-button--is-active{background-color:rgba(0,24,73,.082);color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:enabled:active .cdx-button__icon,.cdx-button--weight-quiet:enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled .cdx-button__icon{background-color:#36c}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover{background-color:#eaf3ff;color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled .cdx-button__icon{background-color:#d33}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover{background-color:#fee7e6;color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button--weight-quiet:disabled{color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:disabled .cdx-button__icon{background-color:#72777d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:hover{color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive.cdx-button--is-active{background-color:#eaf3ff;color:#2a4b8d;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#2a4b8d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive .cdx-button__icon{background-color:#d33}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:hover{color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive.cdx-button--is-active{background-color:#fee7e6;color:#b32424;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#b32424}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2px;padding-top:1px;padding-left:1px;overflow:hidden}.cdx-button-group .cdx-button{position:relative;z-index:1;margin-top:-1px;margin-left:-1px;border-radius:0}.cdx-button-group .cdx-button:enabled:active,.cdx-button-group .cdx-button:enabled:focus{z-index:3}.cdx-button-group .cdx-button:disabled{z-index:0;box-shadow:0 -1px #fff,-1px 0 #fff}.cdx-thumbnail{display:inline-flex}.cdx-thumbnail__placeholder,.cdx-thumbnail__image{background-position:center;background-repeat:no-repeat;background-size:cover;flex-shrink:0;box-sizing:border-box;min-width:40px;min-height:40px;width:2.5em;height:2.5em;border:1px solid #c8ccd1;border-radius:2px}.cdx-thumbnail__image{display:inline-block}.cdx-thumbnail__image-enter-active{transition-property:opacity;transition-duration:.1s}.cdx-thumbnail__image-enter-from{opacity:0}.cdx-thumbnail__placeholder{background-color:#f8f9fa;display:inline-flex;align-items:center;justify-content:center}.cdx-thumbnail__placeholder__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>')}.cdx-thumbnail__placeholder__icon--vue{color:#72777d}.cdx-card{background-color:#fff;display:flex;align-items:flex-start;position:relative;border:1px solid #a2a9b1;border-radius:2px;padding:12px}.cdx-card--is-link{transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-card--is-link,.cdx-card--is-link:hover,.cdx-card--is-link:focus{text-decoration:none}.cdx-card--is-link:hover{border-color:#72777d}.cdx-card--is-link:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff;outline:1px solid transparent}.cdx-card--title-only{align-items:center}.cdx-card__text{display:flex;flex-direction:column;line-height:1.5714285;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-card__text__title{color:#202122;font-weight:700;line-height:1.4285714}.cdx-card__text__description,.cdx-card__text__supporting-text,.cdx-card__text__description .cdx-icon,.cdx-card__text__supporting-text .cdx-icon{color:#54595d}.cdx-card__text__description{margin-top:4px}.cdx-card__text__supporting-text{margin-top:8px;font-size:.875em}.cdx-card__thumbnail{margin-right:12px}.cdx-card__thumbnail .cdx-thumbnail__placeholder,.cdx-card__thumbnail .cdx-thumbnail__image{width:3em;height:3em}.cdx-card__icon{color:inherit;margin-right:12px}.cdx-checkbox{position:relative}.cdx-checkbox:not(.cdx-checkbox--inline){display:flex;margin-bottom:12px}.cdx-checkbox:not(.cdx-checkbox--inline):last-child{margin-bottom:0}.cdx-checkbox--inline{display:inline-flex;margin-right:16px;white-space:nowrap}.cdx-checkbox--inline:last-child{margin-right:0}.cdx-checkbox__label{display:inline-block;position:relative;z-index:0;padding-left:calc(1.42857143em + 8px);line-height:1.4285714}.cdx-checkbox--inline .cdx-checkbox__label{display:inline}.cdx-checkbox__icon{background-color:#fff;position:absolute;left:0;box-sizing:border-box;width:1.42857143em;height:1.42857143em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-checkbox__input{opacity:0;position:absolute;left:0;z-index:1;width:1.42857143em;height:1.42857143em;margin:0;font-size:inherit;cursor:inherit}.cdx-checkbox:hover>.cdx-checkbox__input:enabled,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~*{cursor:pointer}.cdx-checkbox__icon{background-size:0 0;border-radius:2px}.cdx-checkbox__input:indeterminate+.cdx-checkbox__icon:before{content:" ";background-color:#fff;position:absolute;top:calc(50% - .5px);right:.21428571em;left:.21428571em;height:2px}.cdx-checkbox__input:checked:not(:indeterminate)+.cdx-checkbox__icon:before{content:" ";background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="%23fff" d="M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z"/></svg>');background-position:center;background-repeat:no-repeat;background-size:1em 1em;position:absolute;width:100%;height:100%}.cdx-checkbox__input:enabled+.cdx-checkbox__icon{border-color:#72777d}.cdx-checkbox__input:enabled:hover+.cdx-checkbox__icon{border-color:#447ff5}.cdx-checkbox__input:enabled:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:focus:not(:active)+.cdx-checkbox__icon{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:hover+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:hover+.cdx-checkbox__icon{background-color:#447ff5;border-color:#447ff5}.cdx-checkbox__input:enabled:checked:active+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:checked:focus:not(:active):not(:hover)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover)+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:focus:not(:active)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active)+.cdx-checkbox__icon{box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-checkbox__input:disabled+.cdx-checkbox__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-checkbox__input:disabled~.cdx-checkbox__label{color:#72777d}.cdx-info-chip{background-color:rgba(255,255,255,0);display:inline-flex;align-items:center;justify-content:center;gap:4px;max-width:32em;border:1px solid #54595d;border-radius:9999px;padding:0 8px;line-height:1.5714285}.cdx-info-chip--text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#54595d;font-size:.875em}.cdx-info-chip__icon--notice{color:#202122}.cdx-info-chip__icon--error{color:#d33}.cdx-info-chip__icon--warning{color:#edab00}.cdx-info-chip__icon--success{color:#14866d}.cdx-info-chip .cdx-icon{min-width:16px;min-height:16px;width:1em;height:1em}.cdx-search-result-title{display:inline-block;font-weight:700}.cdx-search-result-title__match{font-weight:400}.cdx-menu-item{list-style:none;position:relative;padding:8px 12px;line-height:1.6;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-menu-item__content{display:flex;align-items:center;line-height:1.4285714;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-menu-item__content,.cdx-menu-item__content:hover{text-decoration:none}.cdx-menu-item--has-description .cdx-menu-item__content{align-items:flex-start}.cdx-menu-item__text__description{display:block}.cdx-menu-item__thumbnail{margin-right:8px}.cdx-menu-item__icon{color:inherit;margin-right:8px}.cdx-menu-item--bold-label .cdx-menu-item__text__label{font-weight:700}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text{overflow:hidden}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-menu-item--enabled,.cdx-menu-item--enabled .cdx-menu-item__content{color:#202122}.cdx-menu-item--enabled .cdx-menu-item__text__supporting-text,.cdx-menu-item--enabled .cdx-menu-item__text__description{color:#54595d}.cdx-menu-item--enabled.cdx-menu-item--highlighted{background-color:#eaecf0;cursor:pointer}.cdx-menu-item--enabled.cdx-menu-item--active{background-color:#eaf3ff;color:#36c}.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--enabled.cdx-menu-item--selected{background-color:#eaf3ff}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--disabled{color:#72777d;cursor:default}.cdx-menu-item--disabled .cdx-menu-item__text__description{color:#72777d}.cdx-progress-bar{box-sizing:border-box;overflow-x:hidden}.cdx-progress-bar__bar{width:33.33%;height:100%}.cdx-progress-bar:not(.cdx-progress-bar--inline){position:relative;z-index:1;height:1em;max-width:none;border:1px solid #a2a9b1;border-radius:9999px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-progress-bar--inline{width:100%;height:.25em}.cdx-progress-bar:not(.cdx-progress-bar--disabled) .cdx-progress-bar__bar{background-color:#36c;animation-name:cdx-animation-progress-bar__bar;animation-duration:1.6s;animation-timing-function:linear;animation-iteration-count:infinite}.cdx-progress-bar:not(.cdx-progress-bar--disabled).cdx-progress-bar--block{background-color:#fff}.cdx-progress-bar--disabled .cdx-progress-bar__bar{background-color:#c8ccd1}.cdx-progress-bar--disabled.cdx-progress-bar--block{background-color:#eaecf0}@keyframes cdx-animation-progress-bar__bar{0%{transform:translate(-100%)}to{transform:translate(300%)}}.cdx-menu{background-color:#fff;position:absolute;left:0;z-index:50;box-sizing:border-box;width:100%;border:1px solid #a2a9b1;border-radius:0 0 2px 2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-menu__progress-bar{position:absolute;top:0}.cdx-menu__listbox{margin:0;padding:0}.cdx-menu--has-sticky-footer .cdx-menu-item:last-of-type{position:absolute;bottom:0;width:100%}.cdx-menu--has-footer .cdx-menu-item:last-of-type:not(:first-of-type){border-top:1px solid #c8ccd1}.cdx-text-input{position:relative;box-sizing:border-box}.cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:9px}.cdx-text-input__icon.cdx-text-input__end-icon{min-width:16px;min-height:16px;width:1em;height:1em;background-position:center;background-repeat:no-repeat;background-size:max(1em,16px)}.cdx-text-input__clear-icon,.cdx-text-input__end-icon{position:absolute;top:50%;min-width:16px;min-height:16px;width:1em;height:1em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:9px}.cdx-text-input__clear-icon:hover{cursor:pointer}.cdx-text-input__end-icon+.cdx-text-input__clear-icon{right:calc(17px + 1em)}.cdx-text-input__input{display:block;box-sizing:border-box;min-width:256px;min-height:32px;width:100%;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;font-family:inherit;font-size:inherit;line-height:1.4285714}.cdx-text-input__input:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-input__input:enabled~.cdx-text-input__icon-vue{color:#72777d}.cdx-text-input__input:enabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input:enabled:hover{border-color:#72777d}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon-vue,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon-vue{color:#202122}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon{opacity:1}.cdx-text-input__input:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-input__input:disabled{background-color:#eaecf0;color:#72777d;-webkit-text-fill-color:#72777d;border-color:#c8ccd1}.cdx-text-input__input:disabled~.cdx-text-input__icon-vue{color:#72777d;pointer-events:none}.cdx-text-input__input:disabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input::-webkit-input-placeholder{color:#72777d;opacity:1}.cdx-text-input__input::placeholder{color:#72777d;opacity:1}.cdx-text-input__input::-ms-clear{display:none}.cdx-text-input__input[type=search]{-webkit-appearance:none;-moz-appearance:textfield}.cdx-text-input__input[type=search]::-webkit-search-decoration,.cdx-text-input__input[type=search]::-webkit-search-cancel-button{display:none}.cdx-text-input--has-start-icon .cdx-text-input__input{padding-left:calc(16px + 1.25em)}.cdx-text-input--has-end-icon .cdx-text-input__input,.cdx-text-input--clearable .cdx-text-input__input{padding-right:calc(16px + 1em)}.cdx-text-input--has-end-icon.cdx-text-input--clearable .cdx-text-input__input{padding-right:calc(25px + 2em)}.cdx-text-input--status-error .cdx-text-input__input{border-color:#d33}.cdx-text-input--status-error .cdx-text-input__input:focus{border-color:#36c}.cdx-combobox{display:inline-block;position:relative}.cdx-combobox__input-wrapper{display:flex}.cdx-combobox__input{flex:1 1 auto}.cdx-combobox__input [aria-expanded=true],.cdx-combobox__input[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-combobox__input .cdx-text-input__input{border-right-width:0;border-top-right-radius:0;border-bottom-right-radius:0}.cdx-combobox__expand-button{position:relative;border-top-left-radius:0;border-bottom-left-radius:0}.cdx-combobox__expand-icon{position:absolute;top:50%;min-width:12px;min-height:12px;width:.75em;height:.75em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:50%;transform:translate(-50%,-50%)}.cdx-combobox--expanded .cdx-combobox__expand-button{border-bottom-right-radius:0}.cdx-dialog .cdx-combobox{position:static}.cdx-dialog .cdx-combobox .cdx-menu{left:auto;width:var(--21ba103d)}.cdx-dialog-backdrop{background-color:rgba(255,255,255,.65);display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;z-index:400;min-height:100%;width:100vw;height:100vh;height:-webkit-fill-available}.cdx-dialog{background-color:#fff;display:flex;flex-direction:column;box-sizing:border-box;width:calc(100% - 2em);max-width:32em;max-height:calc(100vh - 2.5em);border:1px solid #a2a9b1;border-radius:2px;box-shadow:0 2px 2px rgba(0,0,0,.2);gap:32px}.cdx-dialog__header--default{display:flex;align-items:baseline;justify-content:flex-end;box-sizing:border-box;width:100%;padding:16px 24px 0}.cdx-dialog__header__title-group{display:flex;flex-grow:1;flex-direction:column;gap:6px}.cdx-dialog__header .cdx-dialog__header__title{margin:0;border:0;padding:0;font-family:inherit;font-size:1.125em;font-weight:700;line-height:1.25}.cdx-dialog__header .cdx-dialog__header__subtitle{color:#54595d;margin:0;padding:0;font-size:1em;line-height:1.375}.cdx-dialog__header__close-button{margin-right:-8px}.cdx-dialog__body{flex-grow:1;padding:0 24px;overflow-y:auto}.cdx-dialog__body--no-header{padding-top:24px}.cdx-dialog__body--no-footer{padding-bottom:24px}.cdx-dialog__body>*:first-child{margin-top:0;padding-top:0}.cdx-dialog__body>*:last-child{margin-bottom:0;padding-bottom:0}.cdx-dialog__footer--default{display:flex;align-items:baseline;flex-wrap:wrap;justify-content:space-between;padding:0 24px 24px;gap:12px}.cdx-dialog__footer .cdx-dialog__footer__text{color:#54595d;flex:1 0 auto;width:100%;margin:0;font-size:.875em;line-height:1.5714285}.cdx-dialog__footer__actions{display:flex;flex-grow:1;gap:8px}.cdx-dialog--horizontal-actions .cdx-dialog__footer__actions{flex-direction:row-reverse}.cdx-dialog--vertical-actions .cdx-dialog__footer__actions{flex-direction:column;width:100%}.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__primary-action,.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__default-action{max-width:none}.cdx-dialog-focus-trap{position:absolute}.cdx-dialog-focus-trap:focus{outline:0}.cdx-dialog-fade-enter-active,.cdx-dialog-fade-leave-active{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-dialog-fade-enter-from,.cdx-dialog-fade-leave-to{opacity:0}body.cdx-dialog-open{overflow:hidden}.cdx-lookup{position:relative;box-sizing:border-box;vertical-align:middle}.cdx-lookup--pending .cdx-text-input__input{background-color:#eaecf0;background-image:linear-gradient(135deg,#fff 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 50%,#fff 50%,#fff 75%,rgba(255,255,255,0) 75%,rgba(255,255,255,0));background-size:1.25em 1.25em;animation-name:cdx-animation-pending-stripes;animation-duration:.65s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes cdx-animation-pending-stripes{0%{background-position:-1.25em 0}to{background-position:0 0}}.cdx-lookup__input [aria-expanded=true],.cdx-lookup__input[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-dialog .cdx-lookup{position:static}.cdx-dialog .cdx-lookup .cdx-menu{left:auto;width:var(--51c485f8)}.cdx-message{color:#202122;display:flex;align-items:flex-start;position:relative}.cdx-message+.cdx-message{margin-top:8px}.cdx-message--inline{font-weight:700}.cdx-message--inline.cdx-message--error{color:#d33}.cdx-message--inline.cdx-message--success{color:#14866d}.cdx-message:not(.cdx-message--inline){border-width:1px;border-style:solid;padding:16px}@media screen and (min-width: 640px){.cdx-message:not(.cdx-message--inline){padding-right:24px;padding-left:24px}}.cdx-message:not(.cdx-message--inline).cdx-message--notice{background-color:#eaecf0;border-color:#54595d}.cdx-message:not(.cdx-message--inline).cdx-message--error{background-color:#fee7e6;border-color:#b32424}.cdx-message:not(.cdx-message--inline).cdx-message--warning{background-color:#fef6e7;border-color:#ac6600}.cdx-message:not(.cdx-message--inline).cdx-message--success{background-color:#d5fdf4;border-color:#096450}.cdx-message:not(.cdx-message--inline).cdx-message--user-dismissable{padding-right:48px}@media screen and (min-width: 640px){.cdx-message:not(.cdx-message--inline).cdx-message--user-dismissable{padding-right:56px}}.cdx-message--warning .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23edab00"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>')}.cdx-message--warning .cdx-message__icon--vue{color:#edab00}.cdx-message--error .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23d33"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>')}.cdx-message--error .cdx-message__icon--vue{color:#d33}.cdx-message--success .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%2314866d"><path d="M10 20a10 10 0 010-20 10 10 0 110 20Zm-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10l5 5Z"/></svg>')}.cdx-message--success .cdx-message__icon--vue{color:#14866d}.cdx-message:not(.cdx-message--warning):not(.cdx-message--error):not(.cdx-message--success) .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z"/></svg>')}.cdx-message:not(.cdx-message--warning):not(.cdx-message--error):not(.cdx-message--success) .cdx-message__icon:lang(ar){background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7z"/></svg>')}.cdx-message .cdx-message__icon,.cdx-message:not(.cdx-message--warning):not(.cdx-message--error):not(.cdx-message--success) .cdx-message__icon,.cdx-message__icon--vue{height:1.5em}.cdx-message__content{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;align-self:center;flex-grow:1;margin-left:8px}.cdx-message__content,.cdx-message__content>*{line-height:1.6}.cdx-message__dismiss-button{position:absolute;top:12px;right:16px;padding:5px;line-height:0}@media screen and (min-width: 640px){.cdx-message__dismiss-button{right:8px}}.cdx-message-enter-active,.cdx-message-leave-active-system{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-message-leave-active-user{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease-out}.cdx-message-enter-from,.cdx-message-leave-to{opacity:0}.cdx-radio{position:relative}.cdx-radio:not(.cdx-radio--inline){display:flex;margin-bottom:12px}.cdx-radio:not(.cdx-radio--inline):last-child{margin-bottom:0}.cdx-radio--inline{display:inline-flex;margin-right:16px;white-space:nowrap}.cdx-radio--inline:last-child{margin-right:0}.cdx-radio__label{display:inline-block;position:relative;z-index:0;padding-left:calc(1.42857143em + 8px);line-height:1.4285714}.cdx-radio--inline .cdx-radio__label{display:inline}.cdx-radio__icon{background-color:#fff;position:absolute;left:0;box-sizing:border-box;width:1.42857143em;height:1.42857143em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-radio__input{opacity:0;position:absolute;left:0;z-index:1;width:1.42857143em;height:1.42857143em;margin:0;font-size:inherit;cursor:inherit}.cdx-radio:hover>.cdx-radio__input:enabled,.cdx-radio:hover>.cdx-radio__input:enabled~*{cursor:pointer}.cdx-radio__icon{border-radius:50%}.cdx-radio__icon:before{content:" ";position:absolute;top:-.25em;right:-.25em;bottom:-.25em;left:-.25em;border:1px solid transparent;border-radius:50%}.cdx-radio__input:enabled+.cdx-checkbox__icon{border-color:#72777d}.cdx-radio__input:enabled:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:active+.cdx-radio__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-radio__input:enabled:checked+.cdx-radio__icon{border-width:.42857143em;border-color:#36c}.cdx-radio__input:enabled:checked:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:checked:focus+.cdx-radio__icon:before{border-color:#fff}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon{background-color:#fff;border-color:#2a4b8d}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon:before{border-color:#2a4b8d}.cdx-radio__input:disabled~.cdx-radio__label{color:#72777d}.cdx-radio__input:disabled+.cdx-radio__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-radio__input:disabled:checked+.cdx-radio__icon{border-width:.42857143em}.cdx-search-input--has-end-button{background-color:#fff;display:flex;border:1px solid #a2a9b1;border-radius:2px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper{flex-grow:1;margin:-1px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper .cdx-text-input__input{border-top-right-radius:0;border-bottom-right-radius:0}.cdx-search-input__end-button{flex-shrink:0;margin:-1px -1px -1px 0;border-top-left-radius:0;border-bottom-left-radius:0}.cdx-search-input__end-button:hover,.cdx-search-input__end-button:focus{z-index:1}.cdx-search-input__input-wrapper{position:relative}.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/></svg>')}.cdx-select{box-sizing:border-box;min-width:256px;min-height:2em;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.4285714;background-position:center right 12px;background-repeat:no-repeat;background-size:max(.75em,12px);-webkit-appearance:none;appearance:none}.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" 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>')}.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" 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-vue{display:inline-block;position:relative}.cdx-select-vue__handle{box-sizing:border-box;min-width:256px;min-height:2em;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.4285714;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{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:12px}.cdx-select-vue__indicator{color:#202122;position:absolute;top:50%;min-width:12px;min-height:12px;width:.75em;height:.75em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:12px}.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 [aria-expanded=true],.cdx-select-vue--enabled .cdx-select-vue__handle[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-select-vue--enabled .cdx-select-vue__handle:hover .cdx-select-vue__indicator{color:#404244}.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--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-dialog .cdx-select-vue{position:static}.cdx-dialog .cdx-select-vue .cdx-menu{left:auto;width:var(--46589886)}.cdx-tab:focus{outline:1px solid transparent}.cdx-tabs__header{display:flex;align-items:flex-end;position:relative}.cdx-tabs__header:focus{outline:1px solid transparent}.cdx-tabs__prev-scroller,.cdx-tabs__next-scroller{background-color:inherit;position:absolute;top:0;bottom:0}.cdx-tabs__prev-scroller{left:0}.cdx-tabs__next-scroller{right:0}.cdx-tabs__prev-scroller:after,.cdx-tabs__next-scroller:before{content:"";position:absolute;top:0;z-index:1;width:1.5em;height:100%;pointer-events:none}.cdx-tabs__prev-scroller:after{left:100%}.cdx-tabs__next-scroller:before{right:100%}.cdx-tabs__scroll-button{height:100%}.cdx-tabs>.cdx-tabs__header:focus .cdx-tabs__list__item--enabled.cdx-tabs__list__item--selected [role=tab]{box-shadow:inset 0 0 0 2px #36c;overflow:hidden}.cdx-tabs__list{display:flex;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cdx-tabs__list::-webkit-scrollbar{-webkit-appearance:none;display:none}.cdx-tabs__list__item{flex:0 0 auto}.cdx-tabs__list__item [role=tab]{display:block;max-width:16em;border-top-left-radius:2px;border-top-right-radius:2px;padding:4px 12px;font-weight:700;line-height:1.4285714;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-tabs__list__item [role=tab]:focus{border-top-left-radius:2px;border-top-right-radius:2px;outline:1px solid transparent}.cdx-tabs__list__item.cdx-tabs__list__item--selected [role=tab]{cursor:default}.cdx-tabs .cdx-tabs__list{list-style:none;margin:0;padding:0}.cdx-tabs .cdx-tabs__list__item{margin:0}.cdx-tabs>.cdx-tabs__header .cdx-tabs__list__item+.cdx-tabs__list__item{margin-left:0}.cdx-tabs--framed>.cdx-tabs__header{background-color:#eaecf0}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to right,#eaecf0 0,rgba(255,255,255,0) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to left,#eaecf0 0,rgba(255,255,255,0) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]{margin:8px 4px 0 8px}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:last-child [role=tab]{margin-right:8px}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item--enabled [role=tab]{overflow:hidden}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item--enabled [role=tab]:link,.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item--enabled [role=tab]:visited{color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item--enabled [role=tab]:hover{background-color:rgba(255,255,255,.3);color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item--enabled [role=tab]:active{background-color:rgba(255,255,255,.8);color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item--enabled.cdx-tabs__list__item--selected [role=tab],.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item--enabled.cdx-tabs__list__item--selected [role=tab]:hover{background-color:#fff}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item--disabled [role=tab]{background-color:#eaecf0;color:#72777d;cursor:default}.cdx-tabs--quiet>.cdx-tabs__header{background-color:#fff;margin:0 4px;border-bottom:1px solid #a2a9b1}.cdx-tabs--quiet>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%)}.cdx-tabs--quiet>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to left,#fff 0,rgba(255,255,255,0) 100%)}.cdx-tabs--quiet>.cdx-tabs__header .cdx-tabs__list__item [role=tab]{margin:0 4px}.cdx-tabs--quiet>.cdx-tabs__header .cdx-tabs__list__item:first-child [role=tab]{margin-left:0}.cdx-tabs--quiet>.cdx-tabs__header .cdx-tabs__list__item:last-child [role=tab]{margin-right:0}.cdx-tabs--quiet>.cdx-tabs__header .cdx-tabs__list__item--enabled [role=tab]{color:#202122}.cdx-tabs--quiet>.cdx-tabs__header .cdx-tabs__list__item--enabled [role=tab]:hover{color:#447ff5;box-shadow:inset 0 -2px #447ff5}.cdx-tabs--quiet>.cdx-tabs__header .cdx-tabs__list__item--enabled [role=tab]:active{color:#2a4b8d;box-shadow:inset 0 -2px #2a4b8d}.cdx-tabs--quiet>.cdx-tabs__header .cdx-tabs__list__item--enabled.cdx-tabs__list__item--selected [role=tab]{color:#36c;box-shadow:inset 0 -2px #36c}.cdx-tabs--quiet>.cdx-tabs__header .cdx-tabs__list__item--disabled [role=tab]{color:#72777d;cursor:default}.cdx-toggle-button{box-sizing:border-box;min-width:32px;min-height:32px;max-width:28em;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-right:12px;padding-left:12px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-toggle-button::-moz-focus-inner{border:0;padding:0}.cdx-toggle-button:enabled{color:#202122}.cdx-toggle-button:enabled:hover{cursor:pointer}.cdx-toggle-button:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-toggle-button:enabled:active,.cdx-toggle-button:enabled.cdx-toggle-button--is-active{color:#000;border-color:#72777d;box-shadow:none}.cdx-toggle-button .cdx-icon{color:inherit;vertical-align:middle}.cdx-toggle-button--framed:enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-toggle-button--framed:enabled:hover{background-color:#fff;color:#404244}.cdx-toggle-button--framed:enabled:active,.cdx-toggle-button--framed:enabled.cdx-toggle-button--is-active{background-color:#eaecf0}.cdx-toggle-button--framed:disabled{background-color:#c8ccd1;color:#fff;border-color:#c8ccd1}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:active,.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled.cdx-toggle-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d;box-shadow:none}.cdx-toggle-button--quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-toggle-button--quiet:enabled.cdx-toggle-button--toggled-on{background-color:#eaecf0}.cdx-toggle-button--quiet:enabled:hover{background-color:#f8f9fa}.cdx-toggle-button--quiet:enabled:focus{background-color:#f8f9fa}.cdx-toggle-button--quiet:enabled:active,.cdx-toggle-button--quiet:enabled.cdx-toggle-button--is-active{background-color:#eaecf0}.cdx-toggle-button--quiet:disabled{color:#72777d}.cdx-toggle-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2px;padding-top:1px;padding-left:1px;overflow:hidden}.cdx-toggle-button-group .cdx-toggle-button{position:relative;z-index:1;margin-top:-1px;margin-left:-1px;border-radius:0}.cdx-toggle-button-group .cdx-toggle-button:enabled:active,.cdx-toggle-button-group .cdx-toggle-button:enabled:focus{z-index:3}.cdx-toggle-button-group .cdx-toggle-button:disabled{z-index:0;box-shadow:0 -1px #fff,-1px 0 #fff}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled{z-index:2;box-shadow:0 -1px #fff,-1px 0 #fff}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled:focus{box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff,0 0 0 1px #fff}.cdx-toggle-switch{display:inline-flex;align-items:center;justify-content:space-between;position:relative;z-index:0}.cdx-toggle-switch__label:not(:empty){padding-right:6px}.cdx-toggle-switch__switch{order:2;transform:translateZ(0);background-color:#f8f9fa;display:inline-block;flex-shrink:0;position:relative;box-sizing:border-box;min-width:48px;min-height:32px;width:3em;height:2em;border-width:1px;border-style:solid;border-color:#72777d;border-radius:9999px;overflow:hidden;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch:before{content:"";display:block;position:absolute;top:1px;right:1px;bottom:1px;left:1px;z-index:1;border:1px solid transparent;border-radius:9999px;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch__grip{position:absolute;top:50%;box-sizing:border-box;min-width:20px;min-height:20px;width:1.25em;height:1.25em;border:1px solid #72777d;border-radius:50%;transform:translate(.3125em) translateY(-50%);transition-property:background-color,border-color,transform;transition-duration:.1s}.cdx-toggle-switch__input{opacity:0;position:absolute;right:0;z-index:2;min-width:48px;min-height:32px;width:3em;height:2em;margin:0;font-size:inherit}.cdx-toggle-switch__input:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#fff;transform:translate(calc(100% + .0625em)) translateY(-50%)}.cdx-toggle-switch__input:enabled:hover,.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__label-content:hover{cursor:pointer}.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#f8f9fa}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch{background-color:#fff;border-color:#447ff5}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#447ff5}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch:before{border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#36c}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch{background-color:#36c;border-color:#36c}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:enabled:checked:hover~.cdx-toggle-switch__switch{background-color:#447ff5;border-color:#447ff5}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch{background-color:#2a4b8d;border-color:#2a4b8d;box-shadow:inset 0 0 0 1px #2a4b8d}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch:before{border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#fff}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch{border-color:#36c}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch:before,.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:disabled{cursor:default}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__label-content{color:#72777d}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff;box-shadow:inset 0 0 0 1px #fff}.cdx-toggle-switch__input:disabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff}.cdx-typeahead-search .cdx-menu-item{padding:0}.cdx-typeahead-search .cdx-menu-item__content{padding:8px 12px}.cdx-typeahead-search__menu-message,.cdx-typeahead-search__search-footer{color:#202122;display:flex;align-items:center;padding:8px 12px;text-decoration:none}.cdx-typeahead-search__search-footer{box-sizing:border-box;min-height:56px}.cdx-typeahead-search__search-footer:visited{color:#202122}.cdx-typeahead-search__search-footer:hover{text-decoration:none;cursor:pointer}.cdx-typeahead-search__search-footer__icon{color:#54595d;width:auto;margin-right:8px}.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__icon,.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__text{color:#36c}.cdx-typeahead-search__menu-message--has-thumbnail{padding-left:20px}.cdx-typeahead-search__input [aria-expanded=true],.cdx-typeahead-search__input[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input{padding-left:36px}.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded){margin-left:24px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded{margin-left:0}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input{padding-left:60px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:22px}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer{padding-right:12px;padding-left:12px}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.5em}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__text,.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__query{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-typeahead-search .cdx-menu-item:first-child .cdx-typeahead-search__search-footer{border-top:unset} +.cdx-icon{color:#202122;display:inline-flex;align-items:center;justify-content:center;vertical-align:text-bottom}.cdx-icon svg{fill:currentcolor;width:100%;height:100%}.cdx-icon--x-small{min-width:12px;min-height:12px;width:.75em;height:.75em}.cdx-icon--small{min-width:16px;min-height:16px;width:1em;height:1em}.cdx-icon--medium{min-width:20px;min-height:20px;width:1.25em;height:1.25em}.cdx-icon--flipped svg{transform:scaleX(-1)}.cdx-button{box-sizing:border-box;min-width:32px;min-height:32px;max-width:28em;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-right:11px;padding-left:11px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button:enabled{color:#202122}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled .cdx-button__icon{background-color:#202122}}.cdx-button:enabled:hover{cursor:pointer}.cdx-button:enabled:focus{outline:1px solid transparent}.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-button:disabled{border-color:transparent}.cdx-button .cdx-button__icon,.cdx-button .cdx-icon{vertical-align:middle}.cdx-button .cdx-icon{color:inherit}.cdx-button--icon-only{padding:0 5px}.cdx-button:not(.cdx-button--weight-quiet):enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-button:not(.cdx-button--weight-quiet):enabled:hover{background-color:#fff;color:#404244}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:hover .cdx-button__icon{background-color:#404244}}.cdx-button:not(.cdx-button--weight-quiet):enabled:active,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):enabled:active .cdx-button__icon,.cdx-button:not(.cdx-button--weight-quiet):enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button:not(.cdx-button--weight-quiet):disabled{background-color:#c8ccd1;color:#fff}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled{background-color:#36c;color:#fff;border-color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-progressive:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-button--weight-primary.cdx-button--action-destructive:enabled{background-color:#d33;color:#fff;border-color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover{background-color:#ff4242;color:#fff;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:hover .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-primary.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-primary.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-primary.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33,inset 0 0 0 2px #fff}.cdx-button--weight-quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-button--weight-quiet:enabled:hover{background-color:rgba(0,24,73,.027)}.cdx-button--weight-quiet:enabled:active,.cdx-button--weight-quiet:enabled.cdx-button--is-active{background-color:rgba(0,24,73,.082);color:#000;border-color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:enabled:active .cdx-button__icon,.cdx-button--weight-quiet:enabled.cdx-button--is-active .cdx-button__icon{background-color:#000}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled .cdx-button__icon{background-color:#36c}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover{background-color:#eaf3ff;color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:hover .cdx-button__icon{background-color:#447ff5}}.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-progressive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-progressive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled .cdx-button__icon{background-color:#d33}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover{background-color:#fee7e6;color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:hover .cdx-button__icon{background-color:#ff4242}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active{background-color:#b32424;color:#fff;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:active .cdx-button__icon,.cdx-button--weight-quiet.cdx-button--action-destructive:enabled.cdx-button--is-active .cdx-button__icon{background-color:#fff}}.cdx-button--weight-quiet.cdx-button--action-destructive:enabled:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button--weight-quiet:disabled{color:#72777d}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button--weight-quiet:disabled .cdx-button__icon{background-color:#72777d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive{color:#36c}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive .cdx-button__icon{background-color:#36c}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:hover{color:#447ff5;border-color:#447ff5}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:hover .cdx-button__icon{background-color:#447ff5}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive.cdx-button--is-active{background-color:#eaf3ff;color:#2a4b8d;border-color:#2a4b8d}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:#2a4b8d}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive{color:#d33}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive .cdx-button__icon{background-color:#d33}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:hover{color:#ff4242;border-color:#ff4242}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:hover .cdx-button__icon{background-color:#ff4242}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:active,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive.cdx-button--is-active{background-color:#fee7e6;color:#b32424;border-color:#b32424}@supports ((-webkit-mask-image: none) or (mask-image: none)){:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:active .cdx-button__icon,:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:#b32424}}:not(.cdx-button--weight-primary):not(.cdx-button--weight-quiet):enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2px;padding-top:1px;padding-left:1px;overflow:hidden}.cdx-button-group .cdx-button{position:relative;z-index:1;margin-top:-1px;margin-left:-1px;border-radius:0}.cdx-button-group .cdx-button:enabled:active,.cdx-button-group .cdx-button:enabled:focus{z-index:3}.cdx-button-group .cdx-button:disabled{z-index:0;box-shadow:0 -1px #fff,-1px 0 #fff}.cdx-thumbnail{display:inline-flex}.cdx-thumbnail__placeholder,.cdx-thumbnail__image{background-position:center;background-repeat:no-repeat;background-size:cover;flex-shrink:0;box-sizing:border-box;min-width:40px;min-height:40px;width:2.5em;height:2.5em;border:1px solid #c8ccd1;border-radius:2px}.cdx-thumbnail__image{display:inline-block}.cdx-thumbnail__image-enter-active{transition-property:opacity;transition-duration:.1s}.cdx-thumbnail__image-enter-from{opacity:0}.cdx-thumbnail__placeholder{background-color:#f8f9fa;display:inline-flex;align-items:center;justify-content:center}.cdx-thumbnail__placeholder__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>')}.cdx-thumbnail__placeholder__icon--vue{color:#72777d}.cdx-card{background-color:#fff;display:flex;align-items:flex-start;position:relative;border:1px solid #a2a9b1;border-radius:2px;padding:12px}.cdx-card--is-link{transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-card--is-link,.cdx-card--is-link:hover,.cdx-card--is-link:focus{text-decoration:none}.cdx-card--is-link:hover{border-color:#72777d}.cdx-card--is-link:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff;outline:1px solid transparent}.cdx-card--title-only{align-items:center}.cdx-card__text{display:flex;flex-direction:column;line-height:1.5714285;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-card__text__title{color:#202122;font-weight:700;line-height:1.4285714}.cdx-card__text__description,.cdx-card__text__supporting-text,.cdx-card__text__description .cdx-icon,.cdx-card__text__supporting-text .cdx-icon{color:#54595d}.cdx-card__text__description{margin-top:4px}.cdx-card__text__supporting-text{margin-top:8px;font-size:.875em}.cdx-card__thumbnail{margin-right:12px}.cdx-card__thumbnail .cdx-thumbnail__placeholder,.cdx-card__thumbnail .cdx-thumbnail__image{width:3em;height:3em}.cdx-card__icon{color:inherit;margin-right:12px}.cdx-checkbox{position:relative}.cdx-checkbox:not(.cdx-checkbox--inline){display:flex;margin-bottom:12px}.cdx-checkbox:not(.cdx-checkbox--inline):last-child{margin-bottom:0}.cdx-checkbox--inline{display:inline-flex;margin-right:16px;white-space:nowrap}.cdx-checkbox--inline:last-child{margin-right:0}.cdx-checkbox__label{display:inline-block;position:relative;z-index:0;padding-left:calc(1.42857143em + 8px);line-height:1.4285714}.cdx-checkbox--inline .cdx-checkbox__label{display:inline}.cdx-checkbox__icon{background-color:#fff;position:absolute;left:0;box-sizing:border-box;width:1.42857143em;height:1.42857143em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-checkbox__input{opacity:0;position:absolute;left:0;z-index:1;width:1.42857143em;height:1.42857143em;margin:0;font-size:inherit;cursor:inherit}.cdx-checkbox:hover>.cdx-checkbox__input:enabled,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~*{cursor:pointer}.cdx-checkbox__icon{background-size:0 0;border-radius:2px}.cdx-checkbox__input:indeterminate+.cdx-checkbox__icon:before{content:" ";background-color:#fff;position:absolute;top:calc(50% - .5px);right:.21428571em;left:.21428571em;height:2px}.cdx-checkbox__input:checked:not(:indeterminate)+.cdx-checkbox__icon:before{content:" ";background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="%23fff" d="M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z"/></svg>');background-position:center;background-repeat:no-repeat;background-size:1em 1em;position:absolute;width:100%;height:100%}.cdx-checkbox__input:enabled+.cdx-checkbox__icon{border-color:#72777d}.cdx-checkbox__input:enabled:hover+.cdx-checkbox__icon{border-color:#447ff5}.cdx-checkbox__input:enabled:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:focus:not(:active)+.cdx-checkbox__icon{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:hover+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:hover+.cdx-checkbox__icon{background-color:#447ff5;border-color:#447ff5}.cdx-checkbox__input:enabled:checked:active+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:checked:focus:not(:active):not(:hover)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover)+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:focus:not(:active)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active)+.cdx-checkbox__icon{box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-checkbox__input:disabled+.cdx-checkbox__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-checkbox__input:disabled~.cdx-checkbox__label{color:#72777d}.cdx-info-chip{background-color:rgba(255,255,255,0);display:inline-flex;align-items:center;justify-content:center;gap:4px;max-width:32em;border:1px solid #c8ccd1;border-radius:9999px;padding:0 8px;line-height:1.5714285}.cdx-info-chip--text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#54595d;font-size:.875em}.cdx-info-chip__icon--notice{color:#202122}.cdx-info-chip__icon--error{color:#d33}.cdx-info-chip__icon--warning{color:#edab00}.cdx-info-chip__icon--success{color:#14866d}.cdx-info-chip .cdx-icon{min-width:16px;min-height:16px;width:1em;height:1em}.cdx-search-result-title{display:inline-block;font-weight:700}.cdx-search-result-title__match{font-weight:400}.cdx-menu-item{list-style:none;position:relative;padding:8px 12px;line-height:1.6;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-menu-item__content{display:flex;align-items:center;line-height:1.4285714;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-menu-item__content,.cdx-menu-item__content:hover{text-decoration:none}.cdx-menu-item--has-description .cdx-menu-item__content{align-items:flex-start}.cdx-menu-item__text__description{display:block}.cdx-menu-item__thumbnail{margin-right:8px}.cdx-menu-item__icon{color:inherit;margin-right:8px}.cdx-menu-item--bold-label .cdx-menu-item__text__label{font-weight:700}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text{overflow:hidden}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-menu-item--enabled,.cdx-menu-item--enabled .cdx-menu-item__content{color:#202122}.cdx-menu-item--enabled .cdx-menu-item__text__supporting-text,.cdx-menu-item--enabled .cdx-menu-item__text__description{color:#54595d}.cdx-menu-item--enabled.cdx-menu-item--highlighted{background-color:#eaecf0;cursor:pointer}.cdx-menu-item--enabled.cdx-menu-item--active{background-color:#eaf3ff;color:#36c}.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--enabled.cdx-menu-item--selected{background-color:#eaf3ff}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--disabled{color:#72777d;cursor:default}.cdx-menu-item--disabled .cdx-menu-item__text__description{color:#72777d}.cdx-progress-bar{box-sizing:border-box;overflow-x:hidden}.cdx-progress-bar__bar{width:33.33%;height:100%}.cdx-progress-bar:not(.cdx-progress-bar--inline){position:relative;z-index:1;height:1em;max-width:none;border:1px solid #a2a9b1;border-radius:9999px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-progress-bar--inline{width:100%;height:.25em}.cdx-progress-bar:not(.cdx-progress-bar--disabled) .cdx-progress-bar__bar{background-color:#36c;animation-name:cdx-animation-progress-bar__bar;animation-duration:1.6s;animation-timing-function:linear;animation-iteration-count:infinite}.cdx-progress-bar:not(.cdx-progress-bar--disabled).cdx-progress-bar--block{background-color:#fff}.cdx-progress-bar--disabled .cdx-progress-bar__bar{background-color:#c8ccd1}.cdx-progress-bar--disabled.cdx-progress-bar--block{background-color:#eaecf0}@keyframes cdx-animation-progress-bar__bar{0%{transform:translate(-100%)}to{transform:translate(300%)}}.cdx-menu{background-color:#fff;position:absolute;left:0;z-index:50;box-sizing:border-box;width:100%;border:1px solid #a2a9b1;border-radius:0 0 2px 2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-menu__progress-bar{position:absolute;top:0}.cdx-menu__listbox{margin:0;padding:0}.cdx-menu--has-sticky-footer .cdx-menu-item:last-of-type{position:absolute;bottom:0;width:100%}.cdx-menu--has-footer .cdx-menu-item:last-of-type:not(:first-of-type){border-top:1px solid #c8ccd1}.cdx-text-input{position:relative;box-sizing:border-box}.cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:9px}.cdx-text-input__icon.cdx-text-input__end-icon{min-width:16px;min-height:16px;width:1em;height:1em;background-position:center;background-repeat:no-repeat;background-size:max(1em,16px)}.cdx-text-input__clear-icon,.cdx-text-input__end-icon{position:absolute;top:50%;min-width:16px;min-height:16px;width:1em;height:1em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:9px}.cdx-text-input__clear-icon:hover{cursor:pointer}.cdx-text-input__end-icon+.cdx-text-input__clear-icon{right:calc(17px + 1em)}.cdx-text-input__input{display:block;box-sizing:border-box;min-width:256px;min-height:32px;width:100%;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;font-family:inherit;font-size:inherit;line-height:1.4285714}.cdx-text-input__input:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-input__input:enabled~.cdx-text-input__icon-vue{color:#72777d}.cdx-text-input__input:enabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input:enabled:hover{border-color:#72777d}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon-vue,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon-vue{color:#202122}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon{opacity:1}.cdx-text-input__input:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-input__input:disabled{background-color:#eaecf0;color:#72777d;-webkit-text-fill-color:#72777d;border-color:#c8ccd1}.cdx-text-input__input:disabled~.cdx-text-input__icon-vue{color:#72777d;pointer-events:none}.cdx-text-input__input:disabled~.cdx-text-input__icon{opacity:.51}.cdx-text-input__input::-webkit-input-placeholder{color:#72777d;opacity:1}.cdx-text-input__input::placeholder{color:#72777d;opacity:1}.cdx-text-input__input::-ms-clear{display:none}.cdx-text-input__input[type=search]{-webkit-appearance:none;-moz-appearance:textfield}.cdx-text-input__input[type=search]::-webkit-search-decoration,.cdx-text-input__input[type=search]::-webkit-search-cancel-button{display:none}.cdx-text-input--has-start-icon .cdx-text-input__input{padding-left:calc(16px + 1.25em)}.cdx-text-input--has-end-icon .cdx-text-input__input,.cdx-text-input--clearable .cdx-text-input__input{padding-right:calc(16px + 1em)}.cdx-text-input--has-end-icon.cdx-text-input--clearable .cdx-text-input__input{padding-right:calc(25px + 2em)}.cdx-text-input--status-error .cdx-text-input__input:enabled{border-color:#d33}.cdx-text-input--status-error .cdx-text-input__input:enabled:focus{border-color:#36c}.cdx-combobox{display:inline-block;position:relative}.cdx-combobox__input-wrapper{display:flex}.cdx-combobox__input{flex:1 1 auto}.cdx-combobox__input [aria-expanded=true],.cdx-combobox__input[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-combobox__input .cdx-text-input__input{border-right-width:0;border-top-right-radius:0;border-bottom-right-radius:0}.cdx-combobox__expand-button{position:relative;border-top-left-radius:0;border-bottom-left-radius:0}.cdx-combobox__expand-icon{position:absolute;top:50%;min-width:12px;min-height:12px;width:.75em;height:.75em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:50%;transform:translate(-50%,-50%)}.cdx-combobox--expanded .cdx-combobox__expand-button{border-bottom-right-radius:0}.cdx-dialog .cdx-combobox{position:static}.cdx-dialog .cdx-combobox .cdx-menu{left:auto;width:var(--21ba103d)}.cdx-dialog-backdrop{background-color:rgba(255,255,255,.65);display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;z-index:400;min-height:100%;width:100vw;height:100vh;height:-webkit-fill-available}.cdx-dialog{background-color:#fff;display:flex;flex-direction:column;box-sizing:border-box;width:calc(100% - 2em);max-width:32em;max-height:calc(100vh - 2.5em);border:1px solid #a2a9b1;border-radius:2px;box-shadow:0 2px 2px rgba(0,0,0,.2);gap:32px}.cdx-dialog__header--default{display:flex;align-items:baseline;justify-content:flex-end;box-sizing:border-box;width:100%;padding:16px 24px 0}.cdx-dialog__header__title-group{display:flex;flex-grow:1;flex-direction:column;gap:6px}.cdx-dialog__header .cdx-dialog__header__title{margin:0;border:0;padding:0;font-family:inherit;font-size:1.125em;font-weight:700;line-height:1.25}.cdx-dialog__header .cdx-dialog__header__subtitle{color:#54595d;margin:0;padding:0;font-size:1em;line-height:1.375}.cdx-dialog__header__close-button{margin-right:-8px}.cdx-dialog__body{flex-grow:1;padding:0 24px;overflow-y:auto}.cdx-dialog__body--no-header{padding-top:24px}.cdx-dialog__body--no-footer{padding-bottom:24px}.cdx-dialog__body>*:first-child{margin-top:0;padding-top:0}.cdx-dialog__body>*:last-child{margin-bottom:0;padding-bottom:0}.cdx-dialog__footer--default{display:flex;align-items:baseline;flex-wrap:wrap;justify-content:space-between;padding:0 24px 24px;gap:12px}.cdx-dialog__footer .cdx-dialog__footer__text{color:#54595d;flex:1 0 auto;width:100%;margin:0;font-size:.875em;line-height:1.5714285}.cdx-dialog__footer__actions{display:flex;flex-grow:1;gap:8px}.cdx-dialog--horizontal-actions .cdx-dialog__footer__actions{flex-direction:row-reverse}.cdx-dialog--vertical-actions .cdx-dialog__footer__actions{flex-direction:column;width:100%}.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__primary-action,.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__default-action{max-width:none}.cdx-dialog-focus-trap{position:absolute}.cdx-dialog-focus-trap:focus{outline:0}.cdx-dialog-fade-enter-active,.cdx-dialog-fade-leave-active{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-dialog-fade-enter-from,.cdx-dialog-fade-leave-to{opacity:0}body.cdx-dialog-open{overflow:hidden}.cdx-lookup{position:relative;box-sizing:border-box;vertical-align:middle}.cdx-lookup--pending .cdx-text-input__input{background-color:#eaecf0;background-image:linear-gradient(135deg,#fff 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 50%,#fff 50%,#fff 75%,rgba(255,255,255,0) 75%,rgba(255,255,255,0));background-size:1.25em 1.25em;animation-name:cdx-animation-pending-stripes;animation-duration:.65s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes cdx-animation-pending-stripes{0%{background-position:-1.25em 0}to{background-position:0 0}}.cdx-lookup__input [aria-expanded=true],.cdx-lookup__input[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-dialog .cdx-lookup{position:static}.cdx-dialog .cdx-lookup .cdx-menu{left:auto;width:var(--51c485f8)}.cdx-message{color:#202122;display:flex;align-items:flex-start;position:relative}.cdx-message+.cdx-message{margin-top:8px}.cdx-message--inline{font-weight:700}.cdx-message--inline.cdx-message--error{color:#d33}.cdx-message--inline.cdx-message--success{color:#14866d}.cdx-message:not(.cdx-message--inline){border-width:1px;border-style:solid;padding:16px}@media screen and (min-width: 640px){.cdx-message:not(.cdx-message--inline){padding-right:24px;padding-left:24px}}.cdx-message:not(.cdx-message--inline).cdx-message--notice{background-color:#eaecf0;border-color:#54595d}.cdx-message:not(.cdx-message--inline).cdx-message--error{background-color:#fee7e6;border-color:#b32424}.cdx-message:not(.cdx-message--inline).cdx-message--warning{background-color:#fef6e7;border-color:#ac6600}.cdx-message:not(.cdx-message--inline).cdx-message--success{background-color:#d5fdf4;border-color:#096450}.cdx-message:not(.cdx-message--inline).cdx-message--user-dismissable{padding-right:48px}@media screen and (min-width: 640px){.cdx-message:not(.cdx-message--inline).cdx-message--user-dismissable{padding-right:56px}}.cdx-message--warning .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23edab00"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>')}.cdx-message--warning .cdx-message__icon--vue{color:#edab00}.cdx-message--error .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23d33"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>')}.cdx-message--error .cdx-message__icon--vue{color:#d33}.cdx-message--success .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%2314866d"><path d="M10 20a10 10 0 010-20 10 10 0 110 20Zm-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10l5 5Z"/></svg>')}.cdx-message--success .cdx-message__icon--vue{color:#14866d}.cdx-message:not(.cdx-message--warning):not(.cdx-message--error):not(.cdx-message--success) .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z"/></svg>')}.cdx-message:not(.cdx-message--warning):not(.cdx-message--error):not(.cdx-message--success) .cdx-message__icon:lang(ar){background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7z"/></svg>')}.cdx-message .cdx-message__icon,.cdx-message:not(.cdx-message--warning):not(.cdx-message--error):not(.cdx-message--success) .cdx-message__icon,.cdx-message__icon--vue{height:1.5em}.cdx-message__content{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;align-self:center;flex-grow:1;margin-left:8px}.cdx-message__content,.cdx-message__content>*{line-height:1.6}.cdx-message__dismiss-button{position:absolute;top:12px;right:16px;padding:5px;line-height:0}@media screen and (min-width: 640px){.cdx-message__dismiss-button{right:8px}}.cdx-message-enter-active,.cdx-message-leave-active-system{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-message-leave-active-user{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease-out}.cdx-message-enter-from,.cdx-message-leave-to{opacity:0}.cdx-radio{position:relative}.cdx-radio:not(.cdx-radio--inline){display:flex;margin-bottom:12px}.cdx-radio:not(.cdx-radio--inline):last-child{margin-bottom:0}.cdx-radio--inline{display:inline-flex;margin-right:16px;white-space:nowrap}.cdx-radio--inline:last-child{margin-right:0}.cdx-radio__label{display:inline-block;position:relative;z-index:0;padding-left:calc(1.42857143em + 8px);line-height:1.4285714}.cdx-radio--inline .cdx-radio__label{display:inline}.cdx-radio__icon{background-color:#fff;position:absolute;left:0;box-sizing:border-box;width:1.42857143em;height:1.42857143em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-radio__input{opacity:0;position:absolute;left:0;z-index:1;width:1.42857143em;height:1.42857143em;margin:0;font-size:inherit;cursor:inherit}.cdx-radio:hover>.cdx-radio__input:enabled,.cdx-radio:hover>.cdx-radio__input:enabled~*{cursor:pointer}.cdx-radio__icon{border-radius:50%}.cdx-radio__icon:before{content:" ";position:absolute;top:-.25em;right:-.25em;bottom:-.25em;left:-.25em;border:1px solid transparent;border-radius:50%}.cdx-radio__input:enabled+.cdx-checkbox__icon{border-color:#72777d}.cdx-radio__input:enabled:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:active+.cdx-radio__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-radio__input:enabled:checked+.cdx-radio__icon{border-width:.42857143em;border-color:#36c}.cdx-radio__input:enabled:checked:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:checked:focus+.cdx-radio__icon:before{border-color:#fff}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon{background-color:#fff;border-color:#2a4b8d}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon:before{border-color:#2a4b8d}.cdx-radio__input:disabled~.cdx-radio__label{color:#72777d}.cdx-radio__input:disabled+.cdx-radio__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-radio__input:disabled:checked+.cdx-radio__icon{border-width:.42857143em}.cdx-search-input--has-end-button{background-color:#fff;display:flex;border:1px solid #a2a9b1;border-radius:2px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper{flex-grow:1;margin:-1px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper .cdx-text-input__input{border-top-right-radius:0;border-bottom-right-radius:0}.cdx-search-input__end-button{flex-shrink:0;margin:-1px -1px -1px 0;border-top-left-radius:0;border-bottom-left-radius:0}.cdx-search-input__end-button:hover,.cdx-search-input__end-button:focus{z-index:1}.cdx-search-input__input-wrapper{position:relative}.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px);min-width:20px;min-height:20px;width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/></svg>')}.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.4285714;background-position:center right 12px;background-repeat:no-repeat;background-size:max(.75em,12px);-webkit-appearance:none;appearance:none}.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" 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>')}.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" 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-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.4285714;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{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:12px}.cdx-select-vue__indicator{color:#202122;position:absolute;top:50%;min-width:12px;min-height:12px;width:.75em;height:.75em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:12px}.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 [aria-expanded=true],.cdx-select-vue--enabled .cdx-select-vue__handle[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-select-vue--enabled .cdx-select-vue__handle:hover .cdx-select-vue__indicator{color:#404244}.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--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-dialog .cdx-select-vue{position:static}.cdx-dialog .cdx-select-vue .cdx-menu{left:auto;width:var(--79331f78)}.cdx-tab[aria-hidden=true]{display:none}.cdx-tab:focus{outline:1px solid transparent}.cdx-tabs__header{display:flex;align-items:flex-end;position:relative}.cdx-tabs__header:focus{outline:1px solid transparent}.cdx-tabs__prev-scroller,.cdx-tabs__next-scroller{background-color:inherit;position:absolute;top:0;bottom:0}.cdx-tabs__prev-scroller{left:0}.cdx-tabs__next-scroller{right:0}.cdx-tabs__prev-scroller:after,.cdx-tabs__next-scroller:before{content:"";position:absolute;top:0;z-index:1;width:1.5em;height:100%;pointer-events:none}.cdx-tabs__prev-scroller:after{left:100%}.cdx-tabs__next-scroller:before{right:100%}.cdx-tabs__scroll-button{height:100%}.cdx-tabs__list{display:flex;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cdx-tabs__list::-webkit-scrollbar{-webkit-appearance:none;display:none}.cdx-tabs__list__item{flex:0 0 auto}.cdx-tabs__list__item [role=tab]{display:block;max-width:16em;border-top-left-radius:2px;border-top-right-radius:2px;padding:4px 12px;font-weight:700;line-height:1.4285714;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-tabs__list__item [role=tab]:hover{cursor:pointer}.cdx-tabs__list__item [role=tab]:focus{border-top-left-radius:2px;border-top-right-radius:2px;outline:1px solid transparent}.cdx-tabs__list__item [aria-selected=true][role=tab]{cursor:default}.cdx-tabs .cdx-tabs__list{list-style:none;margin:0;padding:0}.cdx-tabs .cdx-tabs__list__item{margin:0}.cdx-tabs>.cdx-tabs__header .cdx-tabs__list__item+.cdx-tabs__list__item{margin-left:0}.cdx-tabs--framed>.cdx-tabs__header{background-color:#eaecf0}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to right,#eaecf0 0,rgba(255,255,255,0) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to left,#eaecf0 0,rgba(255,255,255,0) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]{margin:8px 4px 0 8px}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:last-child [role=tab]{margin-right:8px}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]){overflow:hidden}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):link,.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):visited{color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):hover{background-color:rgba(255,255,255,.3);color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):active{background-color:rgba(255,255,255,.65);color:#202122}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [aria-selected=true][role=tab],.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [aria-selected=true][role=tab]:hover{background-color:#fff}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item [aria-disabled=true][role=tab]{background-color:#eaecf0;color:#72777d;cursor:default}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header{background-color:#fff;margin:0 4px;border-bottom:1px solid #a2a9b1}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to left,#fff 0,rgba(255,255,255,0) 100%)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab]{margin:0 4px}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:first-child [role=tab]{margin-left:0}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:last-child [role=tab]{margin-right:0}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]){color:#202122}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):hover{color:#447ff5;box-shadow:inset 0 -2px #447ff5}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab]:not([aria-disabled="true"]):active{color:#2a4b8d;box-shadow:inset 0 -2px #2a4b8d}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [aria-selected=true][role=tab]{color:#36c;box-shadow:inset 0 -2px #36c}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [aria-selected=true][role=tab]:hover{color:#36c}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item [role=tab][aria-disabled=true]{color:#72777d;cursor:default}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item .cdx-tabs__submit:focus~[role=tab],.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item .cdx-tabs__submit:focus~[role=tab],.cdx-tabs--framed>.cdx-tabs__header:focus [aria-selected=true][role=tab]:not([aria-disabled="true"]),.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header:focus [aria-selected=true][role=tab]:not([aria-disabled="true"]){box-shadow:inset 0 0 0 2px #36c;overflow:hidden}.cdx-tabs__submit{display:block;clip:rect(1px,1px,1px,1px);position:absolute!important;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden}.cdx-toggle-button{box-sizing:border-box;min-width:32px;min-height:32px;max-width:28em;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-right:11px;padding-left:11px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-toggle-button::-moz-focus-inner{border:0;padding:0}.cdx-toggle-button:enabled{color:#202122}.cdx-toggle-button:enabled:hover{cursor:pointer}.cdx-toggle-button:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-toggle-button:enabled:active,.cdx-toggle-button:enabled.cdx-toggle-button--is-active{color:#000;border-color:#72777d;box-shadow:none}.cdx-toggle-button .cdx-icon{color:inherit;vertical-align:middle}.cdx-toggle-button--framed:enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-toggle-button--framed:enabled:hover{background-color:#fff;color:#404244}.cdx-toggle-button--framed:enabled:active,.cdx-toggle-button--framed:enabled.cdx-toggle-button--is-active{background-color:#eaecf0}.cdx-toggle-button--framed:disabled{background-color:#c8ccd1;color:#fff;border-color:#c8ccd1}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:hover{background-color:#447ff5;color:#fff;border-color:#447ff5}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:active,.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled.cdx-toggle-button--is-active{background-color:#eaecf0;color:#000;border-color:#72777d;box-shadow:none}.cdx-toggle-button--quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-toggle-button--quiet:enabled.cdx-toggle-button--toggled-on{background-color:#eaecf0}.cdx-toggle-button--quiet:enabled:hover{background-color:#f8f9fa}.cdx-toggle-button--quiet:enabled:focus{background-color:#f8f9fa}.cdx-toggle-button--quiet:enabled:active,.cdx-toggle-button--quiet:enabled.cdx-toggle-button--is-active{background-color:#eaecf0}.cdx-toggle-button--quiet:disabled{color:#72777d}.cdx-toggle-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2px;padding-top:1px;padding-left:1px;overflow:hidden}.cdx-toggle-button-group .cdx-toggle-button{position:relative;z-index:1;margin-top:-1px;margin-left:-1px;border-radius:0}.cdx-toggle-button-group .cdx-toggle-button:enabled:active,.cdx-toggle-button-group .cdx-toggle-button:enabled:focus{z-index:3}.cdx-toggle-button-group .cdx-toggle-button:disabled{z-index:0;box-shadow:0 -1px #fff,-1px 0 #fff}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled{z-index:2;box-shadow:0 -1px #fff,-1px 0 #fff}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled:focus{box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff,0 0 0 1px #fff}.cdx-toggle-switch{display:inline-flex;align-items:center;justify-content:space-between;position:relative;z-index:0}.cdx-toggle-switch__label:not(:empty){padding-right:6px}.cdx-toggle-switch__switch{order:2;transform:translateZ(0);background-color:#f8f9fa;display:inline-block;flex-shrink:0;position:relative;box-sizing:border-box;min-width:48px;min-height:32px;width:3em;height:2em;border-width:1px;border-style:solid;border-color:#72777d;border-radius:9999px;overflow:hidden;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch:before{content:"";display:block;position:absolute;top:1px;right:1px;bottom:1px;left:1px;z-index:1;border:1px solid transparent;border-radius:9999px;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch__grip{position:absolute;top:50%;box-sizing:border-box;min-width:20px;min-height:20px;width:1.25em;height:1.25em;border:1px solid #72777d;border-radius:50%;transform:translate(.3125em) translateY(-50%);transition-property:background-color,border-color,transform;transition-duration:.25s,.1s,.1s}.cdx-toggle-switch__input{opacity:0;position:absolute;right:0;z-index:2;min-width:48px;min-height:32px;width:3em;height:2em;margin:0;font-size:inherit}.cdx-toggle-switch__input:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#fff;transform:translate(calc(100% + .0625em)) translateY(-50%)}.cdx-toggle-switch__input:enabled:hover,.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__label-content:hover{cursor:pointer}.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#f8f9fa}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch{background-color:#fff;border-color:#447ff5}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#447ff5}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch:before{border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#36c}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch{background-color:#36c;border-color:#36c}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:enabled:checked:hover~.cdx-toggle-switch__switch{background-color:#447ff5;border-color:#447ff5}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch{background-color:#2a4b8d;border-color:#2a4b8d;box-shadow:inset 0 0 0 1px #2a4b8d}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch:before{border-color:#2a4b8d}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff;border-color:#fff}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch{border-color:#36c}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch:before,.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff}.cdx-toggle-switch__input:disabled{cursor:default}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__label-content{color:#72777d}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:#fff;box-shadow:inset 0 0 0 1px #fff}.cdx-toggle-switch__input:disabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:#fff}.cdx-typeahead-search .cdx-menu-item{padding:0}.cdx-typeahead-search .cdx-menu-item__content{padding:8px 12px}.cdx-typeahead-search__menu-message,.cdx-typeahead-search__search-footer{color:#202122;display:flex;align-items:center;padding:8px 12px;text-decoration:none}.cdx-typeahead-search__search-footer{box-sizing:border-box;min-height:56px}.cdx-typeahead-search__search-footer:visited{color:#202122}.cdx-typeahead-search__search-footer:hover{text-decoration:none;cursor:pointer}.cdx-typeahead-search__search-footer__icon{color:#54595d;width:auto;margin-right:8px}.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__icon,.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__text{color:#36c}.cdx-typeahead-search__menu-message--has-thumbnail{padding-left:20px}.cdx-typeahead-search__input [aria-expanded=true],.cdx-typeahead-search__input[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input{padding-left:36px}.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded){margin-left:24px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded{margin-left:0}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input{padding-left:60px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:22px}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer{padding-right:12px;padding-left:12px}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.5em}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__text,.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__query{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-typeahead-search .cdx-menu-item:first-child .cdx-typeahead-search__search-footer{border-top:unset} diff --git a/resources/lib/codex/codex.umd.js b/resources/lib/codex/codex.umd.js index 86bd7dbdb2f8..0a6fa7c5ff95 100644 --- a/resources/lib/codex/codex.umd.js +++ b/resources/lib/codex/codex.umd.js @@ -1,5 +1,5 @@ -(function(p,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(p=typeof globalThis!="undefined"?globalThis:p||self,t(p.codex={},p.Vue))})(this,function(p,t){"use strict";var Yo=Object.defineProperty,el=Object.defineProperties;var tl=Object.getOwnPropertyDescriptors;var se=Object.getOwnPropertySymbols;var qe=Object.prototype.hasOwnProperty,Pe=Object.prototype.propertyIsEnumerable;var Fe=(p,t,B)=>t in p?Yo(p,t,{enumerable:!0,configurable:!0,writable:!0,value:B}):p[t]=B,He=(p,t)=>{for(var B in t||(t={}))qe.call(t,B)&&Fe(p,B,t[B]);if(se)for(var B of se(t))Pe.call(t,B)&&Fe(p,B,t[B]);return p},je=(p,t)=>el(p,tl(t));var ie=(p,t)=>{var B={};for(var K in p)qe.call(p,K)&&t.indexOf(K)<0&&(B[K]=p[K]);if(p!=null&&se)for(var K of se(p))t.indexOf(K)<0&&Pe.call(p,K)&&(B[K]=p[K]);return B};var ge=(p,t,B)=>new Promise((K,ee)=>{var re=q=>{try{te(B.next(q))}catch(J){ee(J)}},de=q=>{try{te(B.throw(q))}catch(J){ee(J)}},te=q=>q.done?K(q.value):Promise.resolve(q.value).then(re,de);te((B=B.apply(p,t)).next())});function B(e){return n=>typeof n=="string"&&e.indexOf(n)!==-1}const K="cdx",ee=["default","progressive","destructive"],re=["normal","primary","quiet"],de=["x-small","small","medium"],q=B(["notice","warning","error","success"]),J=["text","search","number","email","month","password","tel","url","week","date","datetime-local","time"],ne=["default","error"],Ue=120,We=500,G="cdx-menu-footer-item",ye=Symbol("CdxTabs"),Ce=Symbol("CdxActiveTab"),Qe='<path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/>',Ge='<path d="M12.43 14.34A5 5 0 0110 15a5 5 0 113.95-2L17 16.09V3a2 2 0 00-2-2H5a2 2 0 00-2 2v14a2 2 0 002 2h10a2 2 0 001.45-.63z"/><circle cx="10" cy="10" r="3"/>',Ze='<path d="M10 0a10 10 0 1010 10A10 10 0 0010 0zm5.66 14.24-1.41 1.41L10 11.41l-4.24 4.25-1.42-1.42L8.59 10 4.34 5.76l1.42-1.42L10 8.59l4.24-4.24 1.41 1.41L11.41 10z"/>',Je='<path d="m4.34 2.93 12.73 12.73-1.41 1.41L2.93 4.35z"/><path d="M17.07 4.34 4.34 17.07l-1.41-1.41L15.66 2.93z"/>',Xe='<path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/>',Ye='<path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/>',et='<path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/>',tt='<path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7z"/>',nt='<path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z"/>',ot='<path d="M7 1 5.6 2.5 13 10l-7.4 7.5L7 19l9-9z"/>',lt='<path d="m4 10 9 9 1.4-1.5L7 10l7.4-7.5L13 1z"/>',at='<path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/>',st='<path d="M10 20a10 10 0 010-20 10 10 0 110 20Zm-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10l5 5Z"/>',ke=Qe,it=Ge,rt=Ze,_e=Je,$e=Xe,Be=Ye,dt=et,ct={langCodeMap:{ar:tt},default:nt},ut={ltr:ot,shouldFlip:!0},pt={ltr:lt,shouldFlip:!0},mt=at,we=st;function ft(e,n,l){if(typeof e=="string"||"path"in e)return e;if("shouldFlip"in e)return e.ltr;if("rtl"in e)return l==="rtl"?e.rtl:e.ltr;const i=n in e.langCodeMap?e.langCodeMap[n]:e.default;return typeof i=="string"||"path"in i?i:i.ltr}function ht(e,n){if(typeof e=="string")return!1;if("langCodeMap"in e){const l=n in e.langCodeMap?e.langCodeMap[n]:e.default;if(typeof l=="string")return!1;e=l}if("shouldFlipExceptions"in e&&Array.isArray(e.shouldFlipExceptions)){const l=e.shouldFlipExceptions.indexOf(n);return l===void 0||l===-1}return"shouldFlip"in e?e.shouldFlip:!1}function ce(e){const n=t.ref(null);return t.onMounted(()=>{const l=window.getComputedStyle(e.value).direction;n.value=l==="ltr"||l==="rtl"?l:null}),n}function Se(e){const n=t.ref("");return t.onMounted(()=>{let l=e.value;for(;l&&l.lang==="";)l=l.parentElement;n.value=l?l.lang:null}),n}const bt=B(de),gt=t.defineComponent({name:"CdxIcon",props:{icon:{type:[String,Object],required:!0},iconLabel:{type:String,default:""},lang:{type:String,default:null},dir:{type:String,default:null},size:{type:String,default:"medium",validator:bt}},emits:["click"],setup(e,{emit:n}){const l=t.ref(),i=ce(l),s=Se(l),r=t.computed(()=>e.dir||i.value),a=t.computed(()=>e.lang||s.value),d=t.computed(()=>({"cdx-icon--flipped":r.value==="rtl"&&a.value!==null&&ht(e.icon,a.value),[`cdx-icon--${e.size}`]:!0})),o=t.computed(()=>ft(e.icon,a.value||"",r.value||"ltr")),u=t.computed(()=>typeof o.value=="string"?o.value:""),c=t.computed(()=>typeof o.value!="string"?o.value.path:"");return{rootElement:l,rootClasses:d,iconSvg:u,iconPath:c,onClick:b=>{n("click",b)}}}}),nl="",N=(e,n)=>{const l=e.__vccOpts||e;for(const[i,s]of n)l[i]=s;return l},yt=["aria-hidden"],Ct={key:0},kt=["innerHTML"],_t=["d"];function $t(e,n,l,i,s,r){return t.openBlock(),t.createElementBlock("span",{ref:"rootElement",class:t.normalizeClass(["cdx-icon",e.rootClasses]),onClick:n[0]||(n[0]=(...a)=>e.onClick&&e.onClick(...a))},[(t.openBlock(),t.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20","aria-hidden":e.iconLabel?void 0:!0},[e.iconLabel?(t.openBlock(),t.createElementBlock("title",Ct,t.toDisplayString(e.iconLabel),1)):t.createCommentVNode("",!0),e.iconSvg?(t.openBlock(),t.createElementBlock("g",{key:1,innerHTML:e.iconSvg},null,8,kt)):(t.openBlock(),t.createElementBlock("path",{key:2,d:e.iconPath},null,8,_t))],8,yt))],2)}const D=N(gt,[["render",$t]]),Bt=B(ee),wt=B(re),St=e=>{!e["aria-label"]&&!e["aria-hidden"]&&t.warn(`icon-only buttons require one of the following attribute: aria-label or aria-hidden. - See documentation on https://doc.wikimedia.org/codex/latest/components/button.html#default-icon-only`)};function ue(e){const n=[];for(const l of e)typeof l=="string"&&l.trim()!==""?n.push(l):Array.isArray(l)?n.push(...ue(l)):typeof l=="object"&&l&&(typeof l.type=="string"||typeof l.type=="object"?n.push(l):l.type!==t.Comment&&(typeof l.children=="string"&&l.children.trim()!==""?n.push(l.children):Array.isArray(l.children)&&n.push(...ue(l.children))));return n}const It=(e,n)=>{if(!e)return!1;const l=ue(e);if(l.length!==1)return!1;const i=l[0],s=typeof i=="object"&&typeof i.type=="object"&&"name"in i.type&&i.type.name===D.name,r=typeof i=="object"&&i.type==="svg";return s||r?(St(n),!0):!1},Vt=t.defineComponent({name:"CdxButton",props:{action:{type:String,default:"default",validator:Bt},weight:{type:String,default:"normal",validator:wt}},emits:["click"],setup(e,{emit:n,slots:l,attrs:i}){const s=t.ref(!1);return{rootClasses:t.computed(()=>{var o;return{[`cdx-button--action-${e.action}`]:!0,[`cdx-button--weight-${e.weight}`]:!0,"cdx-button--framed":e.weight!=="quiet","cdx-button--icon-only":It((o=l.default)==null?void 0:o.call(l),i),"cdx-button--is-active":s.value}}),onClick:o=>{n("click",o)},setActive:o=>{s.value=o}}}}),ol="";function xt(e,n,l,i,s,r){return t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(["cdx-button",e.rootClasses]),onClick:n[0]||(n[0]=(...a)=>e.onClick&&e.onClick(...a)),onKeydown:n[1]||(n[1]=t.withKeys(a=>e.setActive(!0),["space","enter"])),onKeyup:n[2]||(n[2]=t.withKeys(a=>e.setActive(!1),["space","enter"]))},[t.renderSlot(e.$slots,"default")],34)}const Q=N(Vt,[["render",xt]]);function Ie(e){return e.label===void 0?e.value:e.label===null?"":e.label}const Nt=t.defineComponent({name:"CdxButtonGroup",components:{CdxButton:Q,CdxIcon:D},props:{buttons:{type:Array,required:!0,validator:e=>Array.isArray(e)&&e.length>=1},disabled:{type:Boolean,default:!1}},emits:["click"],setup(){return{getButtonLabel:Ie}}}),ll="",Et={class:"cdx-button-group"};function Mt(e,n,l,i,s,r){const a=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("div",Et,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.buttons,o=>(t.openBlock(),t.createBlock(d,{key:o.value,disabled:o.disabled||e.disabled,"aria-label":o.ariaLabel,onClick:u=>e.$emit("click",o.value)},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default",{button:o},()=>[o.icon?(t.openBlock(),t.createBlock(a,{key:0,icon:o.icon},null,8,["icon"])):t.createCommentVNode("",!0),t.createTextVNode(" "+t.toDisplayString(e.getButtonLabel(o)),1)])]),_:2},1032,["disabled","aria-label","onClick"]))),128))])}const Tt=N(Nt,[["render",Mt]]),Lt=t.defineComponent({name:"CdxThumbnail",components:{CdxIcon:D},props:{thumbnail:{type:[Object,null],default:null},placeholderIcon:{type:[String,Object],default:dt}},setup:e=>{const n=t.ref(!1),l=t.ref({}),i=s=>{const r=s.replace(/([\\"\n])/g,"\\$1"),a=new Image;a.onload=()=>{l.value={backgroundImage:`url("${r}")`},n.value=!0},a.onerror=()=>{n.value=!1},a.src=r};return t.onMounted(()=>{var s;(s=e.thumbnail)!=null&&s.url&&i(e.thumbnail.url)}),{thumbnailStyle:l,thumbnailLoaded:n}}}),al="",At={class:"cdx-thumbnail"},Kt={key:0,class:"cdx-thumbnail__placeholder"};function Dt(e,n,l,i,s,r){const a=t.resolveComponent("cdx-icon");return t.openBlock(),t.createElementBlock("span",At,[e.thumbnailLoaded?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("span",Kt,[t.createVNode(a,{icon:e.placeholderIcon,class:"cdx-thumbnail__placeholder__icon--vue"},null,8,["icon"])])),t.createVNode(t.Transition,{name:"cdx-thumbnail__image"},{default:t.withCtx(()=>[e.thumbnailLoaded?(t.openBlock(),t.createElementBlock("span",{key:0,style:t.normalizeStyle(e.thumbnailStyle),class:"cdx-thumbnail__image"},null,4)):t.createCommentVNode("",!0)]),_:1})])}const pe=N(Lt,[["render",Dt]]),zt=t.defineComponent({name:"CdxCard",components:{CdxIcon:D,CdxThumbnail:pe},props:{url:{type:String,default:""},icon:{type:[String,Object],default:""},thumbnail:{type:[Object,null],default:null},forceThumbnail:{type:Boolean,default:!1},customPlaceholderIcon:{type:[String,Object],default:void 0}},setup(e){const n=t.computed(()=>!!e.url),l=t.computed(()=>n.value?"a":"span"),i=t.computed(()=>n.value?e.url:void 0);return{isLink:n,contentTag:l,cardLink:i}}}),sl="",Rt={class:"cdx-card__text"},vt={class:"cdx-card__text__title"},Ot={key:0,class:"cdx-card__text__description"},Ft={key:1,class:"cdx-card__text__supporting-text"};function qt(e,n,l,i,s,r){const a=t.resolveComponent("cdx-thumbnail"),d=t.resolveComponent("cdx-icon");return t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.contentTag),{href:e.cardLink,class:t.normalizeClass(["cdx-card",{"cdx-card--is-link":e.isLink,"cdx-card--title-only":!e.$slots.description&&!e.$slots["supporting-text"]}])},{default:t.withCtx(()=>[e.thumbnail||e.forceThumbnail?(t.openBlock(),t.createBlock(a,{key:0,thumbnail:e.thumbnail,"placeholder-icon":e.customPlaceholderIcon,class:"cdx-card__thumbnail"},null,8,["thumbnail","placeholder-icon"])):e.icon?(t.openBlock(),t.createBlock(d,{key:1,icon:e.icon,class:"cdx-card__icon"},null,8,["icon"])):t.createCommentVNode("",!0),t.createElementVNode("span",Rt,[t.createElementVNode("span",vt,[t.renderSlot(e.$slots,"title")]),e.$slots.description?(t.openBlock(),t.createElementBlock("span",Ot,[t.renderSlot(e.$slots,"description")])):t.createCommentVNode("",!0),e.$slots["supporting-text"]?(t.openBlock(),t.createElementBlock("span",Ft,[t.renderSlot(e.$slots,"supporting-text")])):t.createCommentVNode("",!0)])]),_:3},8,["href","class"])}const Pt=N(zt,[["render",qt]]);function P(e,n,l){return t.computed({get:()=>e.value,set:i=>n(l||"update:modelValue",i)})}let me=0;function v(e){const n=t.getCurrentInstance(),l=(n==null?void 0:n.props.id)||(n==null?void 0:n.attrs.id);return e?`${K}-${e}-${me++}`:l?`${K}-${l}-${me++}`:`${K}-${me++}`}const Ht=t.defineComponent({name:"CdxCheckbox",props:{modelValue:{type:[Boolean,Array],default:!1},inputValue:{type:[String,Number,Boolean],default:!1},disabled:{type:Boolean,default:!1},indeterminate:{type:Boolean,default:!1},inline:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:n}){const l=t.computed(()=>({"cdx-checkbox--inline":e.inline})),i=t.ref(),s=v("checkbox"),r=()=>{i.value.click()},a=P(t.toRef(e,"modelValue"),n);return{rootClasses:l,input:i,checkboxId:s,clickInput:r,wrappedModel:a}}}),il="",jt=["id","value","disabled",".indeterminate"],Ut=t.createElementVNode("span",{class:"cdx-checkbox__icon"},null,-1),Wt=["for"];function Qt(e,n,l,i,s,r){return t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(["cdx-checkbox",e.rootClasses])},[t.withDirectives(t.createElementVNode("input",{id:e.checkboxId,ref:"input","onUpdate:modelValue":n[0]||(n[0]=a=>e.wrappedModel=a),class:"cdx-checkbox__input",type:"checkbox",value:e.inputValue,disabled:e.disabled,".indeterminate":e.indeterminate,onKeydown:n[1]||(n[1]=t.withKeys(t.withModifiers((...a)=>e.clickInput&&e.clickInput(...a),["prevent"]),["enter"]))},null,40,jt),[[t.vModelCheckbox,e.wrappedModel]]),Ut,t.createElementVNode("label",{class:"cdx-checkbox__label",for:e.checkboxId},[t.renderSlot(e.$slots,"default")],8,Wt)],2)}const Gt=N(Ht,[["render",Qt]]),Zt={error:$e,warning:ke,success:we},Jt=t.defineComponent({name:"CdxInfoChip",components:{CdxIcon:D},props:{status:{type:String,default:"notice",validator:q},icon:{type:[String,Object],default:null}},setup(e){const n=t.computed(()=>({[`cdx-info-chip__icon--${e.status}`]:!0})),l=t.computed(()=>e.status==="notice"?e.icon:Zt[e.status]);return{iconClass:n,computedIcon:l}}}),rl="",Xt={class:"cdx-info-chip"},Yt={class:"cdx-info-chip--text"};function en(e,n,l,i,s,r){const a=t.resolveComponent("cdx-icon");return t.openBlock(),t.createElementBlock("div",Xt,[e.computedIcon?(t.openBlock(),t.createBlock(a,{key:0,class:t.normalizeClass(["cdx-info-chip__icon",e.iconClass]),icon:e.computedIcon},null,8,["class","icon"])):t.createCommentVNode("",!0),t.createElementVNode("span",Yt,[t.renderSlot(e.$slots,"default")])])}const tn=N(Jt,[["render",en]]);function Ve(e){return e.replace(/([\\{}()|.?*+\-^$[\]])/g,"\\$1")}const nn="[̀-ͯ҃-҉֑-ׇֽֿׁׂׅׄؐ-ًؚ-ٰٟۖ-ۜ۟-۪ۤۧۨ-ܑۭܰ-݊ަ-ް߫-߽߳ࠖ-࠙ࠛ-ࠣࠥ-ࠧࠩ-࡙࠭-࡛࣓-ࣣ࣡-ःऺ-़ा-ॏ॑-ॗॢॣঁ-ঃ়া-ৄেৈো-্ৗৢৣ৾ਁ-ਃ਼ਾ-ੂੇੈੋ-੍ੑੰੱੵઁ-ઃ઼ા-ૅે-ૉો-્ૢૣૺ-૿ଁ-ଃ଼ା-ୄେୈୋ-୍ୖୗୢୣஂா-ூெ-ைொ-்ௗఀ-ఄా-ౄె-ైొ-్ౕౖౢౣಁ-ಃ಼ಾ-ೄೆ-ೈೊ-್ೕೖೢೣഀ-ഃ഻഼ാ-ൄെ-ൈൊ-്ൗൢൣංඃ්ා-ුූෘ-ෟෲෳัิ-ฺ็-๎ັິ-ູົຼ່-ໍ༹༘༙༵༷༾༿ཱ-྄྆྇ྍ-ྗྙ-ྼ࿆ါ-ှၖ-ၙၞ-ၠၢ-ၤၧ-ၭၱ-ၴႂ-ႍႏႚ-ႝ፝-፟ᜒ-᜔ᜲ-᜴ᝒᝓᝲᝳ឴-៓៝᠋-᠍ᢅᢆᢩᤠ-ᤫᤰ-᤻ᨗ-ᨛᩕ-ᩞ᩠-᩿᩼᪰-᪾ᬀ-ᬄ᬴-᭄᭫-᭳ᮀ-ᮂᮡ-ᮭ᯦-᯳ᰤ-᰷᳐-᳔᳒-᳨᳭ᳲ-᳴᳷-᳹᷀-᷹᷻-᷿⃐-⃰⳯-⵿⳱ⷠ-〪ⷿ-゙゚〯꙯-꙲ꙴ-꙽ꚞꚟ꛰꛱ꠂ꠆ꠋꠣ-ꠧꢀꢁꢴ-ꣅ꣠-꣱ꣿꤦ-꤭ꥇ-꥓ꦀ-ꦃ꦳-꧀ꧥꨩ-ꨶꩃꩌꩍꩻ-ꩽꪰꪲ-ꪴꪷꪸꪾ꪿꫁ꫫ-ꫯꫵ꫶ꯣ-ꯪ꯬꯭ﬞ︀-️︠-︯]";function xe(e,n){if(!e)return[n,"",""];const l=Ve(e),i=new RegExp(l+nn+"*","i").exec(n);if(!i||i.index===void 0)return[n,"",""];const s=i.index,r=s+i[0].length,a=n.slice(s,r),d=n.slice(0,s),o=n.slice(r,n.length);return[d,a,o]}const on=Object.freeze(Object.defineProperty({__proto__:null,regExpEscape:Ve,splitStringAtMatch:xe},Symbol.toStringTag,{value:"Module"})),ln=t.defineComponent({name:"CdxSearchResultTitle",props:{title:{type:String,required:!0},searchQuery:{type:String,default:""}},setup:e=>({titleChunks:t.computed(()=>xe(e.searchQuery,String(e.title)))})}),dl="",an={class:"cdx-search-result-title"},sn={class:"cdx-search-result-title__match"};function rn(e,n,l,i,s,r){return t.openBlock(),t.createElementBlock("span",an,[t.createElementVNode("bdi",null,[t.createTextVNode(t.toDisplayString(e.titleChunks[0]),1),t.createElementVNode("span",sn,t.toDisplayString(e.titleChunks[1]),1),t.createTextVNode(t.toDisplayString(e.titleChunks[2]),1)])])}const Ne=N(ln,[["render",rn]]),dn=t.defineComponent({name:"CdxMenuItem",components:{CdxIcon:D,CdxThumbnail:pe,CdxSearchResultTitle:Ne},props:{id:{type:String,required:!0},value:{type:[String,Number],required:!0},disabled:{type:Boolean,default:!1},selected:{type:Boolean,default:!1},active:{type:Boolean,default:!1},highlighted:{type:Boolean,default:!1},label:{type:String,default:""},match:{type:String,default:""},supportingText:{type:String,default:""},url:{type:String,default:""},icon:{type:[String,Object],default:""},showThumbnail:{type:Boolean,default:!1},thumbnail:{type:[Object,null],default:null},description:{type:[String,null],default:""},searchQuery:{type:String,default:""},boldLabel:{type:Boolean,default:!1},hideDescriptionOverflow:{type:Boolean,default:!1},language:{type:Object,default:()=>({})}},emits:["change"],setup:(e,{emit:n})=>{const l=()=>{e.highlighted||n("change","highlighted",!0)},i=()=>{n("change","highlighted",!1)},s=c=>{c.button===0&&n("change","active",!0)},r=()=>{n("change","selected",!0)},a=t.computed(()=>e.searchQuery.length>0),d=t.computed(()=>({"cdx-menu-item--selected":e.selected,"cdx-menu-item--active":e.active&&e.highlighted,"cdx-menu-item--highlighted":e.highlighted,"cdx-menu-item--enabled":!e.disabled,"cdx-menu-item--disabled":e.disabled,"cdx-menu-item--highlight-query":a.value,"cdx-menu-item--bold-label":e.boldLabel,"cdx-menu-item--has-description":!!e.description,"cdx-menu-item--hide-description-overflow":e.hideDescriptionOverflow})),o=t.computed(()=>e.url?"a":"span"),u=t.computed(()=>e.label||String(e.value));return{onMouseMove:l,onMouseLeave:i,onMouseDown:s,onClick:r,highlightQuery:a,rootClasses:d,contentTag:o,title:u}}}),cl="",cn=["id","aria-disabled","aria-selected"],un={class:"cdx-menu-item__text"},pn=["lang"],mn=["lang"],fn=["lang"],hn=["lang"];function bn(e,n,l,i,s,r){const a=t.resolveComponent("cdx-thumbnail"),d=t.resolveComponent("cdx-icon"),o=t.resolveComponent("cdx-search-result-title");return t.openBlock(),t.createElementBlock("li",{id:e.id,role:"option",class:t.normalizeClass(["cdx-menu-item",e.rootClasses]),"aria-disabled":e.disabled,"aria-selected":e.selected,onMousemove:n[0]||(n[0]=(...u)=>e.onMouseMove&&e.onMouseMove(...u)),onMouseleave:n[1]||(n[1]=(...u)=>e.onMouseLeave&&e.onMouseLeave(...u)),onMousedown:n[2]||(n[2]=t.withModifiers((...u)=>e.onMouseDown&&e.onMouseDown(...u),["prevent"])),onClick:n[3]||(n[3]=(...u)=>e.onClick&&e.onClick(...u))},[t.renderSlot(e.$slots,"default",{},()=>[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.contentTag),{href:e.url?e.url:void 0,class:"cdx-menu-item__content"},{default:t.withCtx(()=>{var u,c,g,b,I,_;return[e.showThumbnail?(t.openBlock(),t.createBlock(a,{key:0,thumbnail:e.thumbnail,class:"cdx-menu-item__thumbnail"},null,8,["thumbnail"])):e.icon?(t.openBlock(),t.createBlock(d,{key:1,icon:e.icon,class:"cdx-menu-item__icon"},null,8,["icon"])):t.createCommentVNode("",!0),t.createElementVNode("span",un,[e.highlightQuery?(t.openBlock(),t.createBlock(o,{key:0,title:e.title,"search-query":e.searchQuery,lang:(u=e.language)==null?void 0:u.label},null,8,["title","search-query","lang"])):(t.openBlock(),t.createElementBlock("span",{key:1,class:"cdx-menu-item__text__label",lang:(c=e.language)==null?void 0:c.label},[t.createElementVNode("bdi",null,t.toDisplayString(e.title),1)],8,pn)),e.match?(t.openBlock(),t.createElementBlock(t.Fragment,{key:2},[t.createTextVNode(t.toDisplayString(" ")+" "),e.highlightQuery?(t.openBlock(),t.createBlock(o,{key:0,title:e.match,"search-query":e.searchQuery,lang:(g=e.language)==null?void 0:g.match},null,8,["title","search-query","lang"])):(t.openBlock(),t.createElementBlock("span",{key:1,class:"cdx-menu-item__text__match",lang:(b=e.language)==null?void 0:b.match},[t.createElementVNode("bdi",null,t.toDisplayString(e.match),1)],8,mn))],64)):t.createCommentVNode("",!0),e.supportingText?(t.openBlock(),t.createElementBlock(t.Fragment,{key:3},[t.createTextVNode(t.toDisplayString(" ")+" "),t.createElementVNode("span",{class:"cdx-menu-item__text__supporting-text",lang:(I=e.language)==null?void 0:I.supportingText},[t.createElementVNode("bdi",null,t.toDisplayString(e.supportingText),1)],8,fn)],64)):t.createCommentVNode("",!0),e.description?(t.openBlock(),t.createElementBlock("span",{key:4,class:"cdx-menu-item__text__description",lang:(_=e.language)==null?void 0:_.description},[t.createElementVNode("bdi",null,t.toDisplayString(e.description),1)],8,hn)):t.createCommentVNode("",!0)])]}),_:1},8,["href"]))])],42,cn)}const Ee=N(dn,[["render",bn]]),gn=t.defineComponent({name:"CdxProgressBar",props:{inline:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},setup(e){return{rootClasses:t.computed(()=>({"cdx-progress-bar--block":!e.inline,"cdx-progress-bar--inline":e.inline,"cdx-progress-bar--enabled":!e.disabled,"cdx-progress-bar--disabled":e.disabled}))}}}),ul="",yn=["aria-disabled"],Cn=[t.createElementVNode("div",{class:"cdx-progress-bar__bar"},null,-1)];function kn(e,n,l,i,s,r){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-progress-bar",e.rootClasses]),role:"progressbar","aria-disabled":e.disabled,"aria-valuemin":"0","aria-valuemax":"100"},Cn,10,yn)}const Me=N(gn,[["render",kn]]);function oe(e,n){const l=t.ref(!1);let i=!1;if(typeof window!="object"||!("IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"intersectionRatio"in window.IntersectionObserverEntry.prototype))return l;const s=new window.IntersectionObserver(r=>{const a=r[0];a&&(l.value=a.isIntersecting)},n);return t.onMounted(()=>{i=!0,e.value&&s.observe(e.value)}),t.onUnmounted(()=>{i=!1,s.disconnect()}),t.watch(e,r=>{i&&(s.disconnect(),l.value=!1,r&&s.observe(r))}),l}function U(e,n=t.computed(()=>({}))){const l=t.computed(()=>{const r=ie(n.value,[]);return e.class&&e.class.split(" ").forEach(d=>{r[d]=!0}),r}),i=t.computed(()=>{if("style"in e)return e.style}),s=t.computed(()=>{const o=e,{class:r,style:a}=o;return ie(o,["class","style"])});return{rootClasses:l,rootStyle:i,otherAttrs:s}}const _n=t.defineComponent({name:"CdxMenu",components:{CdxMenuItem:Ee,CdxProgressBar:Me},inheritAttrs:!1,props:{menuItems:{type:Array,required:!0},footer:{type:Object,default:null},selected:{type:[String,Number,null],required:!0},expanded:{type:Boolean,required:!0},showPending:{type:Boolean,default:!1},visibleItemLimit:{type:Number,default:null},showThumbnail:{type:Boolean,default:!1},boldLabel:{type:Boolean,default:!1},hideDescriptionOverflow:{type:Boolean,default:!1},searchQuery:{type:String,default:""},showNoResultsSlot:{type:Boolean,default:null}},emits:["update:selected","update:expanded","menu-item-click","menu-item-keyboard-navigation","load-more"],expose:["clearActive","getHighlightedMenuItem","getHighlightedViaKeyboard","delegateKeyNavigation"],setup(e,{emit:n,slots:l,attrs:i}){const s=t.computed(()=>(e.footer&&e.menuItems?[...e.menuItems,e.footer]:e.menuItems).map(k=>je(He({},k),{id:v("menu-item")}))),r=t.computed(()=>l["no-results"]?e.showNoResultsSlot!==null?e.showNoResultsSlot:s.value.length===0:!1),a=t.ref(null),d=t.ref(!1),o=t.ref(null);function u(){return s.value.find(f=>f.value===e.selected)}function c(f,k){var M;if(!(k&&k.disabled))switch(f){case"selected":n("update:selected",(M=k==null?void 0:k.value)!=null?M:null),n("update:expanded",!1),o.value=null;break;case"highlighted":a.value=k||null,d.value=!1;break;case"highlightedViaKeyboard":a.value=k||null,d.value=!0;break;case"active":o.value=k||null;break}}const g=t.computed(()=>{if(a.value!==null)return s.value.findIndex(f=>f.value===a.value.value)});function b(f){f&&(c("highlightedViaKeyboard",f),n("menu-item-keyboard-navigation",f))}function I(f){var L;const k=Y=>{for(let W=Y-1;W>=0;W--)if(!s.value[W].disabled)return s.value[W]};f=f||s.value.length;const M=(L=k(f))!=null?L:k(s.value.length);b(M)}function _(f){const k=L=>s.value.find((Y,W)=>!Y.disabled&&W>L);f=f!=null?f:-1;const M=k(f)||k(-1);b(M)}function E(f,k=!0){function M(){n("update:expanded",!0),c("highlighted",u())}function L(){k&&(f.preventDefault(),f.stopPropagation())}switch(f.key){case"Enter":case" ":return L(),e.expanded?(a.value&&d.value&&n("update:selected",a.value.value),n("update:expanded",!1)):M(),!0;case"Tab":return e.expanded&&(a.value&&d.value&&n("update:selected",a.value.value),n("update:expanded",!1)),!0;case"ArrowUp":return L(),e.expanded?(a.value===null&&c("highlightedViaKeyboard",u()),I(g.value)):M(),R(),!0;case"ArrowDown":return L(),e.expanded?(a.value===null&&c("highlightedViaKeyboard",u()),_(g.value)):M(),R(),!0;case"Home":return L(),e.expanded?(a.value===null&&c("highlightedViaKeyboard",u()),_()):M(),R(),!0;case"End":return L(),e.expanded?(a.value===null&&c("highlightedViaKeyboard",u()),I()):M(),R(),!0;case"Escape":return L(),n("update:expanded",!1),!0;default:return!1}}function C(){c("active")}const w=[],S=t.ref(void 0),V=oe(S,{threshold:.8});t.watch(V,f=>{f&&n("load-more")});function H(f,k){if(f){w[k]=f.$el;const M=e.visibleItemLimit;if(!M||e.menuItems.length<M)return;const L=Math.min(M,Math.max(2,Math.floor(.2*e.menuItems.length)));k===e.menuItems.length-L&&(S.value=f.$el)}}function R(){if(!e.visibleItemLimit||e.visibleItemLimit>e.menuItems.length||g.value===void 0)return;const f=g.value>=0?g.value:0;w[f].scrollIntoView({behavior:"smooth",block:"nearest"})}const A=t.ref(null),O=t.ref(null);function h(){if(O.value=null,!e.visibleItemLimit||w.length<=e.visibleItemLimit){A.value=null;return}const f=w[0],k=w[e.visibleItemLimit];if(A.value=m(f,k),e.footer){const M=w[w.length-1];O.value=M.scrollHeight}}function m(f,k){const M=f.getBoundingClientRect().top;return k.getBoundingClientRect().top-M+2}t.onMounted(()=>{document.addEventListener("mouseup",C)}),t.onUnmounted(()=>{document.removeEventListener("mouseup",C)}),t.watch(t.toRef(e,"expanded"),f=>ge(this,null,function*(){const k=u();!f&&a.value&&k===void 0&&c("highlighted"),f&&k!==void 0&&c("highlighted",k),f&&(yield t.nextTick(),h(),yield t.nextTick(),R())})),t.watch(t.toRef(e,"menuItems"),f=>ge(this,null,function*(){f.length<w.length&&(w.length=f.length),e.expanded&&(yield t.nextTick(),h(),yield t.nextTick(),R())}),{deep:!0});const $=t.computed(()=>({"max-height":A.value?`${A.value}px`:void 0,"overflow-y":A.value?"scroll":void 0,"margin-bottom":O.value?`${O.value}px`:void 0})),T=t.computed(()=>({"cdx-menu--has-footer":!!e.footer,"cdx-menu--has-sticky-footer":!!e.footer&&!!A.value})),{rootClasses:x,rootStyle:F,otherAttrs:Z}=U(i,T);return{listBoxStyle:$,rootClasses:x,rootStyle:F,otherAttrs:Z,assignTemplateRef:H,computedMenuItems:s,computedShowNoResultsSlot:r,highlightedMenuItem:a,highlightedViaKeyboard:d,activeMenuItem:o,handleMenuItemChange:c,handleKeyNavigation:E}},methods:{getHighlightedMenuItem(){return this.highlightedMenuItem},getHighlightedViaKeyboard(){return this.highlightedViaKeyboard},clearActive(){this.handleMenuItemChange("active")},delegateKeyNavigation(e,n=!0){return this.handleKeyNavigation(e,n)}}}),ml="",$n={key:0,class:"cdx-menu__pending cdx-menu-item"},Bn={key:1,class:"cdx-menu__no-results cdx-menu-item"};function wn(e,n,l,i,s,r){const a=t.resolveComponent("cdx-menu-item"),d=t.resolveComponent("cdx-progress-bar");return t.withDirectives((t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-menu",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("ul",t.mergeProps({class:"cdx-menu__listbox",role:"listbox","aria-multiselectable":"false",style:e.listBoxStyle},e.otherAttrs),[e.showPending&&e.computedMenuItems.length===0&&e.$slots.pending?(t.openBlock(),t.createElementBlock("li",$n,[t.renderSlot(e.$slots,"pending")])):t.createCommentVNode("",!0),e.computedShowNoResultsSlot?(t.openBlock(),t.createElementBlock("li",Bn,[t.renderSlot(e.$slots,"no-results")])):t.createCommentVNode("",!0),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.computedMenuItems,(o,u)=>{var c,g;return t.openBlock(),t.createBlock(a,t.mergeProps({key:o.value,ref_for:!0,ref:b=>e.assignTemplateRef(b,u)},o,{selected:o.value===e.selected,active:o.value===((c=e.activeMenuItem)==null?void 0:c.value),highlighted:o.value===((g=e.highlightedMenuItem)==null?void 0:g.value),"show-thumbnail":e.showThumbnail,"bold-label":e.boldLabel,"hide-description-overflow":e.hideDescriptionOverflow,"search-query":e.searchQuery,onChange:(b,I)=>e.handleMenuItemChange(b,I&&o),onClick:b=>e.$emit("menu-item-click",o)}),{default:t.withCtx(()=>{var b,I;return[t.renderSlot(e.$slots,"default",{menuItem:o,active:o.value===((b=e.activeMenuItem)==null?void 0:b.value)&&o.value===((I=e.highlightedMenuItem)==null?void 0:I.value)})]}),_:2},1040,["selected","active","highlighted","show-thumbnail","bold-label","hide-description-overflow","search-query","onChange","onClick"])}),128)),e.showPending?(t.openBlock(),t.createBlock(d,{key:2,class:"cdx-menu__progress-bar",inline:!0})):t.createCommentVNode("",!0)],16)],6)),[[t.vShow,e.expanded]])}const X=N(_n,[["render",wn]]),Sn=B(J),In=B(ne),Vn=t.defineComponent({name:"CdxTextInput",components:{CdxIcon:D},inheritAttrs:!1,expose:["focus"],props:{modelValue:{type:[String,Number],default:""},inputType:{type:String,default:"text",validator:Sn},status:{type:String,default:"default",validator:In},disabled:{type:Boolean,default:!1},startIcon:{type:[String,Object],default:void 0},endIcon:{type:[String,Object],default:void 0},clearable:{type:Boolean,default:!1}},emits:["update:modelValue","keydown","input","change","focus","blur"],setup(e,{emit:n,attrs:l}){const i=P(t.toRef(e,"modelValue"),n),s=t.computed(()=>e.clearable&&!!i.value&&!e.disabled),r=t.computed(()=>({"cdx-text-input--has-start-icon":!!e.startIcon,"cdx-text-input--has-end-icon":!!e.endIcon,"cdx-text-input--clearable":s.value,[`cdx-text-input--status-${e.status}`]:!0})),{rootClasses:a,rootStyle:d,otherAttrs:o}=U(l,r),u=t.computed(()=>({"cdx-text-input__input--has-value":!!i.value}));return{wrappedModel:i,isClearable:s,rootClasses:a,rootStyle:d,otherAttrs:o,inputClasses:u,onClear:()=>{i.value=""},onInput:C=>{n("input",C)},onChange:C=>{n("change",C)},onKeydown:C=>{(C.key==="Home"||C.key==="End")&&!C.ctrlKey&&!C.metaKey||n("keydown",C)},onFocus:C=>{n("focus",C)},onBlur:C=>{n("blur",C)},cdxIconClear:rt}},methods:{focus(){this.$refs.input.focus()}}}),fl="",xn=["type","disabled"];function Nn(e,n,l,i,s,r){const a=t.resolveComponent("cdx-icon");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-text-input",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.withDirectives(t.createElementVNode("input",t.mergeProps({ref:"input","onUpdate:modelValue":n[0]||(n[0]=d=>e.wrappedModel=d),class:["cdx-text-input__input",e.inputClasses]},e.otherAttrs,{type:e.inputType,disabled:e.disabled,onInput:n[1]||(n[1]=(...d)=>e.onInput&&e.onInput(...d)),onChange:n[2]||(n[2]=(...d)=>e.onChange&&e.onChange(...d)),onFocus:n[3]||(n[3]=(...d)=>e.onFocus&&e.onFocus(...d)),onBlur:n[4]||(n[4]=(...d)=>e.onBlur&&e.onBlur(...d)),onKeydown:n[5]||(n[5]=(...d)=>e.onKeydown&&e.onKeydown(...d))}),null,16,xn),[[t.vModelDynamic,e.wrappedModel]]),e.startIcon?(t.openBlock(),t.createBlock(a,{key:0,icon:e.startIcon,class:"cdx-text-input__icon-vue cdx-text-input__start-icon"},null,8,["icon"])):t.createCommentVNode("",!0),e.endIcon?(t.openBlock(),t.createBlock(a,{key:1,icon:e.endIcon,class:"cdx-text-input__icon-vue cdx-text-input__end-icon"},null,8,["icon"])):t.createCommentVNode("",!0),e.isClearable?(t.openBlock(),t.createBlock(a,{key:2,icon:e.cdxIconClear,class:"cdx-text-input__icon-vue cdx-text-input__clear-icon",onMousedown:n[6]||(n[6]=t.withModifiers(()=>{},["prevent"])),onClick:e.onClear},null,8,["icon","onClick"])):t.createCommentVNode("",!0)],6)}const le=N(Vn,[["render",Nn]]);function ae(e){const n=t.ref({width:void 0,height:void 0});if(typeof window!="object"||!("ResizeObserver"in window)||!("ResizeObserverEntry"in window))return n;const l=new window.ResizeObserver(s=>{const r=s[0];r&&(n.value={width:r.borderBoxSize[0].inlineSize,height:r.borderBoxSize[0].blockSize})});let i=!1;return t.onMounted(()=>{i=!0,e.value&&l.observe(e.value)}),t.onUnmounted(()=>{i=!1,l.disconnect()}),t.watch(e,s=>{i&&(l.disconnect(),n.value={width:void 0,height:void 0},s&&l.observe(s))}),n}const En=B(ne),fe=t.defineComponent({name:"CdxCombobox",components:{CdxButton:Q,CdxIcon:D,CdxMenu:X,CdxTextInput:le},inheritAttrs:!1,props:{menuItems:{type:Array,required:!0},selected:{type:[String,Number],required:!0},disabled:{type:Boolean,default:!1},menuConfig:{type:Object,default:()=>({})},status:{type:String,default:"default",validator:En}},emits:["update:selected","load-more"],setup(e,{emit:n,attrs:l,slots:i}){const s=t.ref(),r=t.ref(),a=t.ref(),d=v("combobox"),o=t.toRef(e,"selected"),u=P(o,n,"update:selected"),c=t.ref(!1),g=t.ref(!1),b=t.computed(()=>{var h,m;return(m=(h=a.value)==null?void 0:h.getHighlightedMenuItem())==null?void 0:m.id}),I=t.computed(()=>({"cdx-combobox--expanded":c.value,"cdx-combobox--disabled":e.disabled})),_=ae(r),E=t.computed(()=>{var h;return`${(h=_.value.width)!=null?h:0}px`}),{rootClasses:C,rootStyle:w,otherAttrs:S}=U(l,I);function V(){g.value&&c.value?c.value=!1:(e.menuItems.length>0||i["no-results"])&&(c.value=!0)}function H(){c.value=g.value&&c.value}function R(){e.disabled||(g.value=!0)}function A(){var h;e.disabled||(h=s.value)==null||h.focus()}function O(h){!a.value||e.disabled||e.menuItems.length===0||h.key===" "||a.value.delegateKeyNavigation(h)}return t.watch(c,()=>{g.value=!1}),{input:s,inputWrapper:r,currentWidthInPx:E,menu:a,menuId:d,modelWrapper:u,expanded:c,highlightedId:b,onInputFocus:V,onInputBlur:H,onKeydown:O,onButtonClick:A,onButtonMousedown:R,cdxIconExpand:Be,rootClasses:C,rootStyle:w,otherAttrs:S}}}),Te=()=>{t.useCssVars(e=>({"21ba103d":e.currentWidthInPx}))},Le=fe.setup;fe.setup=Le?(e,n)=>(Te(),Le(e,n)):Te;const hl="",Mn={ref:"inputWrapper",class:"cdx-combobox__input-wrapper"};function Tn(e,n,l,i,s,r){const a=t.resolveComponent("cdx-text-input"),d=t.resolveComponent("cdx-icon"),o=t.resolveComponent("cdx-button"),u=t.resolveComponent("cdx-menu");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-combobox",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("div",Mn,[t.createVNode(a,t.mergeProps({ref:"input",modelValue:e.modelWrapper,"onUpdate:modelValue":n[0]||(n[0]=c=>e.modelWrapper=c)},e.otherAttrs,{class:"cdx-combobox__input","aria-activedescendant":e.highlightedId,"aria-expanded":e.expanded,"aria-controls":e.menuId,"aria-owns":e.menuId,disabled:e.disabled,status:e.status,"aria-autocomplete":"list",autocomplete:"off",role:"combobox",onKeydown:e.onKeydown,onFocus:e.onInputFocus,onBlur:e.onInputBlur}),null,16,["modelValue","aria-activedescendant","aria-expanded","aria-controls","aria-owns","disabled","status","onKeydown","onFocus","onBlur"]),t.createVNode(o,{class:"cdx-combobox__expand-button","aria-hidden":"true",disabled:e.disabled,tabindex:"-1",type:"button",onMousedown:e.onButtonMousedown,onClick:e.onButtonClick},{default:t.withCtx(()=>[t.createVNode(d,{class:"cdx-combobox__expand-icon",icon:e.cdxIconExpand},null,8,["icon"])]),_:1},8,["disabled","onMousedown","onClick"])],512),t.createVNode(u,t.mergeProps({id:e.menuId,ref:"menu",selected:e.modelWrapper,"onUpdate:selected":n[1]||(n[1]=c=>e.modelWrapper=c),expanded:e.expanded,"onUpdate:expanded":n[2]||(n[2]=c=>e.expanded=c),"menu-items":e.menuItems},e.menuConfig,{onLoadMore:n[3]||(n[3]=c=>e.$emit("load-more"))}),{default:t.withCtx(({menuItem:c})=>[t.renderSlot(e.$slots,"menu-item",{menuItem:c})]),"no-results":t.withCtx(()=>[t.renderSlot(e.$slots,"no-results")]),_:3},16,["id","selected","expanded","menu-items"])],6)}const Ln=N(fe,[["render",Tn]]),An=t.defineComponent({name:"CdxDialog",components:{CdxButton:Q,CdxIcon:D},inheritAttrs:!1,props:{open:{type:Boolean,default:!1},title:{type:String,required:!0},subtitle:{type:String,required:!1,default:null},hideTitle:{type:Boolean,default:!1},closeButtonLabel:{type:String,default:""},primaryAction:{type:Object,default:null},defaultAction:{type:Object,default:null},stackedActions:{type:Boolean,default:!1}},emits:["update:open","primary","default"],setup(e,{emit:n}){const l=v("dialog-label"),i=t.ref(),s=t.ref(),r=t.ref(),a=t.ref(),d=t.ref(),o=t.computed(()=>!e.hideTitle||!!e.closeButtonLabel),u=t.computed(()=>!!e.primaryAction||!!e.defaultAction),c=t.computed(()=>({"cdx-dialog--vertical-actions":e.stackedActions,"cdx-dialog--horizontal-actions":!e.stackedActions})),g=t.ref(0);function b(){n("update:open",!1)}function I(){E(i.value)}function _(){E(i.value,!0)}function E(C,w=!1){let S=Array.from(C.querySelectorAll(` +(function(p,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(p=typeof globalThis!="undefined"?globalThis:p||self,t(p.codex={},p.Vue))})(this,function(p,t){"use strict";var Yo=Object.defineProperty,el=Object.defineProperties;var tl=Object.getOwnPropertyDescriptors;var ae=Object.getOwnPropertySymbols;var qe=Object.prototype.hasOwnProperty,Pe=Object.prototype.propertyIsEnumerable;var Fe=(p,t,B)=>t in p?Yo(p,t,{enumerable:!0,configurable:!0,writable:!0,value:B}):p[t]=B,He=(p,t)=>{for(var B in t||(t={}))qe.call(t,B)&&Fe(p,B,t[B]);if(ae)for(var B of ae(t))Pe.call(t,B)&&Fe(p,B,t[B]);return p},je=(p,t)=>el(p,tl(t));var se=(p,t)=>{var B={};for(var D in p)qe.call(p,D)&&t.indexOf(D)<0&&(B[D]=p[D]);if(p!=null&&ae)for(var D of ae(p))t.indexOf(D)<0&&Pe.call(p,D)&&(B[D]=p[D]);return B};var be=(p,t,B)=>new Promise((D,Y)=>{var ie=F=>{try{ee(B.next(F))}catch(Z){Y(Z)}},re=F=>{try{ee(B.throw(F))}catch(Z){Y(Z)}},ee=F=>F.done?D(F.value):Promise.resolve(F.value).then(ie,re);ee((B=B.apply(p,t)).next())});function B(e){return n=>typeof n=="string"&&e.indexOf(n)!==-1}const D="cdx",Y=["default","progressive","destructive"],ie=["normal","primary","quiet"],re=["x-small","small","medium"],F=B(["notice","warning","error","success"]),Z=["text","search","number","email","month","password","tel","url","week","date","datetime-local","time"],te=["default","error"],Ue=120,We=500,G="cdx-menu-footer-item",ye=Symbol("CdxTabs"),Ce=Symbol("CdxActiveTab"),Qe='<path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/>',Ge='<path d="M12.43 14.34A5 5 0 0110 15a5 5 0 113.95-2L17 16.09V3a2 2 0 00-2-2H5a2 2 0 00-2 2v14a2 2 0 002 2h10a2 2 0 001.45-.63z"/><circle cx="10" cy="10" r="3"/>',Ze='<path d="M10 0a10 10 0 1010 10A10 10 0 0010 0zm5.66 14.24-1.41 1.41L10 11.41l-4.24 4.25-1.42-1.42L8.59 10 4.34 5.76l1.42-1.42L10 8.59l4.24-4.24 1.41 1.41L11.41 10z"/>',Je='<path d="m4.34 2.93 12.73 12.73-1.41 1.41L2.93 4.35z"/><path d="M17.07 4.34 4.34 17.07l-1.41-1.41L15.66 2.93z"/>',Xe='<path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/>',Ye='<path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/>',et='<path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/>',tt='<path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7z"/>',nt='<path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z"/>',ot='<path d="M7 1 5.6 2.5 13 10l-7.4 7.5L7 19l9-9z"/>',lt='<path d="m4 10 9 9 1.4-1.5L7 10l7.4-7.5L13 1z"/>',at='<path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z"/>',st='<path d="M10 20a10 10 0 010-20 10 10 0 110 20Zm-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10l5 5Z"/>',ke=Qe,it=Ge,rt=Ze,$e=Je,_e=Xe,Be=Ye,dt=et,ct={langCodeMap:{ar:tt},default:nt},ut={ltr:ot,shouldFlip:!0},pt={ltr:lt,shouldFlip:!0},mt=at,we=st;function ft(e,n,l){if(typeof e=="string"||"path"in e)return e;if("shouldFlip"in e)return e.ltr;if("rtl"in e)return l==="rtl"?e.rtl:e.ltr;const i=n in e.langCodeMap?e.langCodeMap[n]:e.default;return typeof i=="string"||"path"in i?i:i.ltr}function ht(e,n){if(typeof e=="string")return!1;if("langCodeMap"in e){const l=n in e.langCodeMap?e.langCodeMap[n]:e.default;if(typeof l=="string")return!1;e=l}if("shouldFlipExceptions"in e&&Array.isArray(e.shouldFlipExceptions)){const l=e.shouldFlipExceptions.indexOf(n);return l===void 0||l===-1}return"shouldFlip"in e?e.shouldFlip:!1}function de(e){const n=t.ref(null);return t.onMounted(()=>{const l=window.getComputedStyle(e.value).direction;n.value=l==="ltr"||l==="rtl"?l:null}),n}function Se(e){const n=t.ref("");return t.onMounted(()=>{let l=e.value;for(;l&&l.lang==="";)l=l.parentElement;n.value=l?l.lang:null}),n}const gt=B(re),bt=t.defineComponent({name:"CdxIcon",props:{icon:{type:[String,Object],required:!0},iconLabel:{type:String,default:""},lang:{type:String,default:null},dir:{type:String,default:null},size:{type:String,default:"medium",validator:gt}},emits:["click"],setup(e,{emit:n}){const l=t.ref(),i=de(l),s=Se(l),r=t.computed(()=>e.dir||i.value),a=t.computed(()=>e.lang||s.value),d=t.computed(()=>({"cdx-icon--flipped":r.value==="rtl"&&a.value!==null&&ht(e.icon,a.value),[`cdx-icon--${e.size}`]:!0})),o=t.computed(()=>ft(e.icon,a.value||"",r.value||"ltr")),u=t.computed(()=>typeof o.value=="string"?o.value:""),c=t.computed(()=>typeof o.value!="string"?o.value.path:"");return{rootElement:l,rootClasses:d,iconSvg:u,iconPath:c,onClick:h=>{n("click",h)}}}}),nl="",x=(e,n)=>{const l=e.__vccOpts||e;for(const[i,s]of n)l[i]=s;return l},yt=["aria-hidden"],Ct={key:0},kt=["innerHTML"],$t=["d"];function _t(e,n,l,i,s,r){return t.openBlock(),t.createElementBlock("span",{ref:"rootElement",class:t.normalizeClass(["cdx-icon",e.rootClasses]),onClick:n[0]||(n[0]=(...a)=>e.onClick&&e.onClick(...a))},[(t.openBlock(),t.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20","aria-hidden":e.iconLabel?void 0:!0},[e.iconLabel?(t.openBlock(),t.createElementBlock("title",Ct,t.toDisplayString(e.iconLabel),1)):t.createCommentVNode("",!0),e.iconSvg?(t.openBlock(),t.createElementBlock("g",{key:1,innerHTML:e.iconSvg},null,8,kt)):(t.openBlock(),t.createElementBlock("path",{key:2,d:e.iconPath},null,8,$t))],8,yt))],2)}const z=x(bt,[["render",_t]]),Bt=B(Y),wt=B(ie),St=e=>{!e["aria-label"]&&!e["aria-hidden"]&&t.warn(`icon-only buttons require one of the following attribute: aria-label or aria-hidden. + See documentation on https://doc.wikimedia.org/codex/latest/components/button.html#default-icon-only`)};function ce(e){const n=[];for(const l of e)typeof l=="string"&&l.trim()!==""?n.push(l):Array.isArray(l)?n.push(...ce(l)):typeof l=="object"&&l&&(typeof l.type=="string"||typeof l.type=="object"?n.push(l):l.type!==t.Comment&&(typeof l.children=="string"&&l.children.trim()!==""?n.push(l.children):Array.isArray(l.children)&&n.push(...ce(l.children))));return n}const It=(e,n)=>{if(!e)return!1;const l=ce(e);if(l.length!==1)return!1;const i=l[0],s=typeof i=="object"&&typeof i.type=="object"&&"name"in i.type&&i.type.name===z.name,r=typeof i=="object"&&i.type==="svg";return s||r?(St(n),!0):!1},Vt=t.defineComponent({name:"CdxButton",props:{action:{type:String,default:"default",validator:Bt},weight:{type:String,default:"normal",validator:wt}},emits:["click"],setup(e,{emit:n,slots:l,attrs:i}){const s=t.ref(!1);return{rootClasses:t.computed(()=>{var o;return{[`cdx-button--action-${e.action}`]:!0,[`cdx-button--weight-${e.weight}`]:!0,"cdx-button--framed":e.weight!=="quiet","cdx-button--icon-only":It((o=l.default)==null?void 0:o.call(l),i),"cdx-button--is-active":s.value}}),onClick:o=>{n("click",o)},setActive:o=>{s.value=o}}}}),ol="";function xt(e,n,l,i,s,r){return t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(["cdx-button",e.rootClasses]),onClick:n[0]||(n[0]=(...a)=>e.onClick&&e.onClick(...a)),onKeydown:n[1]||(n[1]=t.withKeys(a=>e.setActive(!0),["space","enter"])),onKeyup:n[2]||(n[2]=t.withKeys(a=>e.setActive(!1),["space","enter"]))},[t.renderSlot(e.$slots,"default")],34)}const W=x(Vt,[["render",xt]]);function Ie(e){return e.label===void 0?e.value:e.label===null?"":e.label}const Nt=t.defineComponent({name:"CdxButtonGroup",components:{CdxButton:W,CdxIcon:z},props:{buttons:{type:Array,required:!0,validator:e=>Array.isArray(e)&&e.length>=1},disabled:{type:Boolean,default:!1}},emits:["click"],setup(){return{getButtonLabel:Ie}}}),ll="",Et={class:"cdx-button-group"};function Mt(e,n,l,i,s,r){const a=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("div",Et,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.buttons,o=>(t.openBlock(),t.createBlock(d,{key:o.value,disabled:o.disabled||e.disabled,"aria-label":o.ariaLabel,onClick:u=>e.$emit("click",o.value)},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default",{button:o},()=>[o.icon?(t.openBlock(),t.createBlock(a,{key:0,icon:o.icon},null,8,["icon"])):t.createCommentVNode("",!0),t.createTextVNode(" "+t.toDisplayString(e.getButtonLabel(o)),1)])]),_:2},1032,["disabled","aria-label","onClick"]))),128))])}const Tt=x(Nt,[["render",Mt]]),Lt=t.defineComponent({name:"CdxThumbnail",components:{CdxIcon:z},props:{thumbnail:{type:[Object,null],default:null},placeholderIcon:{type:[String,Object],default:dt}},setup:e=>{const n=t.ref(!1),l=t.ref({}),i=s=>{const r=s.replace(/([\\"\n])/g,"\\$1"),a=new Image;a.onload=()=>{l.value={backgroundImage:`url("${r}")`},n.value=!0},a.onerror=()=>{n.value=!1},a.src=r};return t.onMounted(()=>{var s;(s=e.thumbnail)!=null&&s.url&&i(e.thumbnail.url)}),{thumbnailStyle:l,thumbnailLoaded:n}}}),al="",At={class:"cdx-thumbnail"},Kt={key:0,class:"cdx-thumbnail__placeholder"};function Dt(e,n,l,i,s,r){const a=t.resolveComponent("cdx-icon");return t.openBlock(),t.createElementBlock("span",At,[e.thumbnailLoaded?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("span",Kt,[t.createVNode(a,{icon:e.placeholderIcon,class:"cdx-thumbnail__placeholder__icon--vue"},null,8,["icon"])])),t.createVNode(t.Transition,{name:"cdx-thumbnail__image"},{default:t.withCtx(()=>[e.thumbnailLoaded?(t.openBlock(),t.createElementBlock("span",{key:0,style:t.normalizeStyle(e.thumbnailStyle),class:"cdx-thumbnail__image"},null,4)):t.createCommentVNode("",!0)]),_:1})])}const ue=x(Lt,[["render",Dt]]),zt=t.defineComponent({name:"CdxCard",components:{CdxIcon:z,CdxThumbnail:ue},props:{url:{type:String,default:""},icon:{type:[String,Object],default:""},thumbnail:{type:[Object,null],default:null},forceThumbnail:{type:Boolean,default:!1},customPlaceholderIcon:{type:[String,Object],default:void 0}},setup(e){const n=t.computed(()=>!!e.url),l=t.computed(()=>n.value?"a":"span"),i=t.computed(()=>n.value?e.url:void 0);return{isLink:n,contentTag:l,cardLink:i}}}),sl="",Rt={class:"cdx-card__text"},vt={class:"cdx-card__text__title"},Ot={key:0,class:"cdx-card__text__description"},Ft={key:1,class:"cdx-card__text__supporting-text"};function qt(e,n,l,i,s,r){const a=t.resolveComponent("cdx-thumbnail"),d=t.resolveComponent("cdx-icon");return t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.contentTag),{href:e.cardLink,class:t.normalizeClass(["cdx-card",{"cdx-card--is-link":e.isLink,"cdx-card--title-only":!e.$slots.description&&!e.$slots["supporting-text"]}])},{default:t.withCtx(()=>[e.thumbnail||e.forceThumbnail?(t.openBlock(),t.createBlock(a,{key:0,thumbnail:e.thumbnail,"placeholder-icon":e.customPlaceholderIcon,class:"cdx-card__thumbnail"},null,8,["thumbnail","placeholder-icon"])):e.icon?(t.openBlock(),t.createBlock(d,{key:1,icon:e.icon,class:"cdx-card__icon"},null,8,["icon"])):t.createCommentVNode("",!0),t.createElementVNode("span",Rt,[t.createElementVNode("span",vt,[t.renderSlot(e.$slots,"title")]),e.$slots.description?(t.openBlock(),t.createElementBlock("span",Ot,[t.renderSlot(e.$slots,"description")])):t.createCommentVNode("",!0),e.$slots["supporting-text"]?(t.openBlock(),t.createElementBlock("span",Ft,[t.renderSlot(e.$slots,"supporting-text")])):t.createCommentVNode("",!0)])]),_:3},8,["href","class"])}const Pt=x(zt,[["render",qt]]);function q(e,n,l){return t.computed({get:()=>e.value,set:i=>n(l||"update:modelValue",i)})}let pe=0;function O(e){const n=t.getCurrentInstance(),l=(n==null?void 0:n.props.id)||(n==null?void 0:n.attrs.id);return e?`${D}-${e}-${pe++}`:l?`${D}-${l}-${pe++}`:`${D}-${pe++}`}const Ht=t.defineComponent({name:"CdxCheckbox",props:{modelValue:{type:[Boolean,Array],default:!1},inputValue:{type:[String,Number,Boolean],default:!1},disabled:{type:Boolean,default:!1},indeterminate:{type:Boolean,default:!1},inline:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:n}){const l=t.computed(()=>({"cdx-checkbox--inline":e.inline})),i=t.ref(),s=O("checkbox"),r=()=>{i.value.click()},a=q(t.toRef(e,"modelValue"),n);return{rootClasses:l,input:i,checkboxId:s,clickInput:r,wrappedModel:a}}}),il="",jt=["id","value","disabled",".indeterminate"],Ut=t.createElementVNode("span",{class:"cdx-checkbox__icon"},null,-1),Wt=["for"];function Qt(e,n,l,i,s,r){return t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(["cdx-checkbox",e.rootClasses])},[t.withDirectives(t.createElementVNode("input",{id:e.checkboxId,ref:"input","onUpdate:modelValue":n[0]||(n[0]=a=>e.wrappedModel=a),class:"cdx-checkbox__input",type:"checkbox",value:e.inputValue,disabled:e.disabled,".indeterminate":e.indeterminate,onKeydown:n[1]||(n[1]=t.withKeys(t.withModifiers((...a)=>e.clickInput&&e.clickInput(...a),["prevent"]),["enter"]))},null,40,jt),[[t.vModelCheckbox,e.wrappedModel]]),Ut,t.createElementVNode("label",{class:"cdx-checkbox__label",for:e.checkboxId},[t.renderSlot(e.$slots,"default")],8,Wt)],2)}const Gt=x(Ht,[["render",Qt]]),Zt={error:_e,warning:ke,success:we},Jt=t.defineComponent({name:"CdxInfoChip",components:{CdxIcon:z},props:{status:{type:String,default:"notice",validator:F},icon:{type:[String,Object],default:null}},setup(e){const n=t.computed(()=>({[`cdx-info-chip__icon--${e.status}`]:!0})),l=t.computed(()=>e.status==="notice"?e.icon:Zt[e.status]);return{iconClass:n,computedIcon:l}}}),rl="",Xt={class:"cdx-info-chip"},Yt={class:"cdx-info-chip--text"};function en(e,n,l,i,s,r){const a=t.resolveComponent("cdx-icon");return t.openBlock(),t.createElementBlock("div",Xt,[e.computedIcon?(t.openBlock(),t.createBlock(a,{key:0,class:t.normalizeClass(["cdx-info-chip__icon",e.iconClass]),icon:e.computedIcon},null,8,["class","icon"])):t.createCommentVNode("",!0),t.createElementVNode("span",Yt,[t.renderSlot(e.$slots,"default")])])}const tn=x(Jt,[["render",en]]);function Ve(e){return e.replace(/([\\{}()|.?*+\-^$[\]])/g,"\\$1")}const nn="[̀-ͯ҃-҉֑-ׇֽֿׁׂׅׄؐ-ًؚ-ٰٟۖ-ۜ۟-۪ۤۧۨ-ܑۭܰ-݊ަ-ް߫-߽߳ࠖ-࠙ࠛ-ࠣࠥ-ࠧࠩ-࡙࠭-࡛࣓-ࣣ࣡-ःऺ-़ा-ॏ॑-ॗॢॣঁ-ঃ়া-ৄেৈো-্ৗৢৣ৾ਁ-ਃ਼ਾ-ੂੇੈੋ-੍ੑੰੱੵઁ-ઃ઼ા-ૅે-ૉો-્ૢૣૺ-૿ଁ-ଃ଼ା-ୄେୈୋ-୍ୖୗୢୣஂா-ூெ-ைொ-்ௗఀ-ఄా-ౄె-ైొ-్ౕౖౢౣಁ-ಃ಼ಾ-ೄೆ-ೈೊ-್ೕೖೢೣഀ-ഃ഻഼ാ-ൄെ-ൈൊ-്ൗൢൣංඃ්ා-ුූෘ-ෟෲෳัิ-ฺ็-๎ັິ-ູົຼ່-ໍ༹༘༙༵༷༾༿ཱ-྄྆྇ྍ-ྗྙ-ྼ࿆ါ-ှၖ-ၙၞ-ၠၢ-ၤၧ-ၭၱ-ၴႂ-ႍႏႚ-ႝ፝-፟ᜒ-᜔ᜲ-᜴ᝒᝓᝲᝳ឴-៓៝᠋-᠍ᢅᢆᢩᤠ-ᤫᤰ-᤻ᨗ-ᨛᩕ-ᩞ᩠-᩿᩼᪰-᪾ᬀ-ᬄ᬴-᭄᭫-᭳ᮀ-ᮂᮡ-ᮭ᯦-᯳ᰤ-᰷᳐-᳔᳒-᳨᳭ᳲ-᳴᳷-᳹᷀-᷹᷻-᷿⃐-⃰⳯-⵿⳱ⷠ-〪ⷿ-゙゚〯꙯-꙲ꙴ-꙽ꚞꚟ꛰꛱ꠂ꠆ꠋꠣ-ꠧꢀꢁꢴ-ꣅ꣠-꣱ꣿꤦ-꤭ꥇ-꥓ꦀ-ꦃ꦳-꧀ꧥꨩ-ꨶꩃꩌꩍꩻ-ꩽꪰꪲ-ꪴꪷꪸꪾ꪿꫁ꫫ-ꫯꫵ꫶ꯣ-ꯪ꯬꯭ﬞ︀-️︠-︯]";function xe(e,n){if(!e)return[n,"",""];const l=Ve(e),i=new RegExp(l+nn+"*","i").exec(n);if(!i||i.index===void 0)return[n,"",""];const s=i.index,r=s+i[0].length,a=n.slice(s,r),d=n.slice(0,s),o=n.slice(r,n.length);return[d,a,o]}const on=Object.freeze(Object.defineProperty({__proto__:null,regExpEscape:Ve,splitStringAtMatch:xe},Symbol.toStringTag,{value:"Module"})),ln=t.defineComponent({name:"CdxSearchResultTitle",props:{title:{type:String,required:!0},searchQuery:{type:String,default:""}},setup:e=>({titleChunks:t.computed(()=>xe(e.searchQuery,String(e.title)))})}),dl="",an={class:"cdx-search-result-title"},sn={class:"cdx-search-result-title__match"};function rn(e,n,l,i,s,r){return t.openBlock(),t.createElementBlock("span",an,[t.createElementVNode("bdi",null,[t.createTextVNode(t.toDisplayString(e.titleChunks[0]),1),t.createElementVNode("span",sn,t.toDisplayString(e.titleChunks[1]),1),t.createTextVNode(t.toDisplayString(e.titleChunks[2]),1)])])}const Ne=x(ln,[["render",rn]]),dn=t.defineComponent({name:"CdxMenuItem",components:{CdxIcon:z,CdxThumbnail:ue,CdxSearchResultTitle:Ne},props:{id:{type:String,required:!0},value:{type:[String,Number],required:!0},disabled:{type:Boolean,default:!1},selected:{type:Boolean,default:!1},active:{type:Boolean,default:!1},highlighted:{type:Boolean,default:!1},label:{type:String,default:""},match:{type:String,default:""},supportingText:{type:String,default:""},url:{type:String,default:""},icon:{type:[String,Object],default:""},showThumbnail:{type:Boolean,default:!1},thumbnail:{type:[Object,null],default:null},description:{type:[String,null],default:""},searchQuery:{type:String,default:""},boldLabel:{type:Boolean,default:!1},hideDescriptionOverflow:{type:Boolean,default:!1},language:{type:Object,default:()=>({})}},emits:["change"],setup:(e,{emit:n})=>{const l=()=>{e.highlighted||n("change","highlighted",!0)},i=()=>{n("change","highlighted",!1)},s=c=>{c.button===0&&n("change","active",!0)},r=()=>{n("change","selected",!0)},a=t.computed(()=>e.searchQuery.length>0),d=t.computed(()=>({"cdx-menu-item--selected":e.selected,"cdx-menu-item--active":e.active&&e.highlighted,"cdx-menu-item--highlighted":e.highlighted,"cdx-menu-item--enabled":!e.disabled,"cdx-menu-item--disabled":e.disabled,"cdx-menu-item--highlight-query":a.value,"cdx-menu-item--bold-label":e.boldLabel,"cdx-menu-item--has-description":!!e.description,"cdx-menu-item--hide-description-overflow":e.hideDescriptionOverflow})),o=t.computed(()=>e.url?"a":"span"),u=t.computed(()=>e.label||String(e.value));return{onMouseMove:l,onMouseLeave:i,onMouseDown:s,onClick:r,highlightQuery:a,rootClasses:d,contentTag:o,title:u}}}),cl="",cn=["id","aria-disabled","aria-selected"],un={class:"cdx-menu-item__text"},pn=["lang"],mn=["lang"],fn=["lang"],hn=["lang"];function gn(e,n,l,i,s,r){const a=t.resolveComponent("cdx-thumbnail"),d=t.resolveComponent("cdx-icon"),o=t.resolveComponent("cdx-search-result-title");return t.openBlock(),t.createElementBlock("li",{id:e.id,role:"option",class:t.normalizeClass(["cdx-menu-item",e.rootClasses]),"aria-disabled":e.disabled,"aria-selected":e.selected,onMousemove:n[0]||(n[0]=(...u)=>e.onMouseMove&&e.onMouseMove(...u)),onMouseleave:n[1]||(n[1]=(...u)=>e.onMouseLeave&&e.onMouseLeave(...u)),onMousedown:n[2]||(n[2]=t.withModifiers((...u)=>e.onMouseDown&&e.onMouseDown(...u),["prevent"])),onClick:n[3]||(n[3]=(...u)=>e.onClick&&e.onClick(...u))},[t.renderSlot(e.$slots,"default",{},()=>[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.contentTag),{href:e.url?e.url:void 0,class:"cdx-menu-item__content"},{default:t.withCtx(()=>{var u,c,b,h,I,_;return[e.showThumbnail?(t.openBlock(),t.createBlock(a,{key:0,thumbnail:e.thumbnail,class:"cdx-menu-item__thumbnail"},null,8,["thumbnail"])):e.icon?(t.openBlock(),t.createBlock(d,{key:1,icon:e.icon,class:"cdx-menu-item__icon"},null,8,["icon"])):t.createCommentVNode("",!0),t.createElementVNode("span",un,[e.highlightQuery?(t.openBlock(),t.createBlock(o,{key:0,title:e.title,"search-query":e.searchQuery,lang:(u=e.language)==null?void 0:u.label},null,8,["title","search-query","lang"])):(t.openBlock(),t.createElementBlock("span",{key:1,class:"cdx-menu-item__text__label",lang:(c=e.language)==null?void 0:c.label},[t.createElementVNode("bdi",null,t.toDisplayString(e.title),1)],8,pn)),e.match?(t.openBlock(),t.createElementBlock(t.Fragment,{key:2},[t.createTextVNode(t.toDisplayString(" ")+" "),e.highlightQuery?(t.openBlock(),t.createBlock(o,{key:0,title:e.match,"search-query":e.searchQuery,lang:(b=e.language)==null?void 0:b.match},null,8,["title","search-query","lang"])):(t.openBlock(),t.createElementBlock("span",{key:1,class:"cdx-menu-item__text__match",lang:(h=e.language)==null?void 0:h.match},[t.createElementVNode("bdi",null,t.toDisplayString(e.match),1)],8,mn))],64)):t.createCommentVNode("",!0),e.supportingText?(t.openBlock(),t.createElementBlock(t.Fragment,{key:3},[t.createTextVNode(t.toDisplayString(" ")+" "),t.createElementVNode("span",{class:"cdx-menu-item__text__supporting-text",lang:(I=e.language)==null?void 0:I.supportingText},[t.createElementVNode("bdi",null,t.toDisplayString(e.supportingText),1)],8,fn)],64)):t.createCommentVNode("",!0),e.description?(t.openBlock(),t.createElementBlock("span",{key:4,class:"cdx-menu-item__text__description",lang:(_=e.language)==null?void 0:_.description},[t.createElementVNode("bdi",null,t.toDisplayString(e.description),1)],8,hn)):t.createCommentVNode("",!0)])]}),_:1},8,["href"]))])],42,cn)}const Ee=x(dn,[["render",gn]]),bn=t.defineComponent({name:"CdxProgressBar",props:{inline:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},setup(e){return{rootClasses:t.computed(()=>({"cdx-progress-bar--block":!e.inline,"cdx-progress-bar--inline":e.inline,"cdx-progress-bar--enabled":!e.disabled,"cdx-progress-bar--disabled":e.disabled}))}}}),ul="",yn=["aria-disabled"],Cn=[t.createElementVNode("div",{class:"cdx-progress-bar__bar"},null,-1)];function kn(e,n,l,i,s,r){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-progress-bar",e.rootClasses]),role:"progressbar","aria-disabled":e.disabled,"aria-valuemin":"0","aria-valuemax":"100"},Cn,10,yn)}const Me=x(bn,[["render",kn]]);function ne(e,n){const l=t.ref(!1);let i=!1;if(typeof window!="object"||!("IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"intersectionRatio"in window.IntersectionObserverEntry.prototype))return l;const s=new window.IntersectionObserver(r=>{const a=r[0];a&&(l.value=a.isIntersecting)},n);return t.onMounted(()=>{i=!0,e.value&&s.observe(e.value)}),t.onUnmounted(()=>{i=!1,s.disconnect()}),t.watch(e,r=>{i&&(s.disconnect(),l.value=!1,r&&s.observe(r))}),l}function j(e,n=t.computed(()=>({}))){const l=t.computed(()=>{const r=se(n.value,[]);return e.class&&e.class.split(" ").forEach(d=>{r[d]=!0}),r}),i=t.computed(()=>{if("style"in e)return e.style}),s=t.computed(()=>{const o=e,{class:r,style:a}=o;return se(o,["class","style"])});return{rootClasses:l,rootStyle:i,otherAttrs:s}}const $n=t.defineComponent({name:"CdxMenu",components:{CdxMenuItem:Ee,CdxProgressBar:Me},inheritAttrs:!1,props:{menuItems:{type:Array,required:!0},footer:{type:Object,default:null},selected:{type:[String,Number,null],required:!0},expanded:{type:Boolean,required:!0},showPending:{type:Boolean,default:!1},visibleItemLimit:{type:Number,default:null},showThumbnail:{type:Boolean,default:!1},boldLabel:{type:Boolean,default:!1},hideDescriptionOverflow:{type:Boolean,default:!1},searchQuery:{type:String,default:""},showNoResultsSlot:{type:Boolean,default:null}},emits:["update:selected","update:expanded","menu-item-click","menu-item-keyboard-navigation","load-more"],expose:["clearActive","getHighlightedMenuItem","getHighlightedViaKeyboard","delegateKeyNavigation"],setup(e,{emit:n,slots:l,attrs:i}){const s=t.computed(()=>(e.footer&&e.menuItems?[...e.menuItems,e.footer]:e.menuItems).map($=>je(He({},$),{id:O("menu-item")}))),r=t.computed(()=>l["no-results"]?e.showNoResultsSlot!==null?e.showNoResultsSlot:s.value.length===0:!1),a=t.ref(null),d=t.ref(!1),o=t.ref(null);function u(){return s.value.find(f=>f.value===e.selected)}function c(f,$){var M;if(!($&&$.disabled))switch(f){case"selected":n("update:selected",(M=$==null?void 0:$.value)!=null?M:null),n("update:expanded",!1),o.value=null;break;case"highlighted":a.value=$||null,d.value=!1;break;case"highlightedViaKeyboard":a.value=$||null,d.value=!0;break;case"active":o.value=$||null;break}}const b=t.computed(()=>{if(a.value!==null)return s.value.findIndex(f=>f.value===a.value.value)});function h(f){f&&(c("highlightedViaKeyboard",f),n("menu-item-keyboard-navigation",f))}function I(f){var L;const $=X=>{for(let U=X-1;U>=0;U--)if(!s.value[U].disabled)return s.value[U]};f=f||s.value.length;const M=(L=$(f))!=null?L:$(s.value.length);h(M)}function _(f){const $=L=>s.value.find((X,U)=>!X.disabled&&U>L);f=f!=null?f:-1;const M=$(f)||$(-1);h(M)}function N(f,$=!0){function M(){n("update:expanded",!0),c("highlighted",u())}function L(){$&&(f.preventDefault(),f.stopPropagation())}switch(f.key){case"Enter":case" ":return L(),e.expanded?(a.value&&d.value&&n("update:selected",a.value.value),n("update:expanded",!1)):M(),!0;case"Tab":return e.expanded&&(a.value&&d.value&&n("update:selected",a.value.value),n("update:expanded",!1)),!0;case"ArrowUp":return L(),e.expanded?(a.value===null&&c("highlightedViaKeyboard",u()),I(b.value)):M(),A(),!0;case"ArrowDown":return L(),e.expanded?(a.value===null&&c("highlightedViaKeyboard",u()),_(b.value)):M(),A(),!0;case"Home":return L(),e.expanded?(a.value===null&&c("highlightedViaKeyboard",u()),_()):M(),A(),!0;case"End":return L(),e.expanded?(a.value===null&&c("highlightedViaKeyboard",u()),I()):M(),A(),!0;case"Escape":return L(),n("update:expanded",!1),!0;default:return!1}}function k(){c("active")}const w=[],S=t.ref(void 0),V=ne(S,{threshold:.8});t.watch(V,f=>{f&&n("load-more")});function P(f,$){if(f){w[$]=f.$el;const M=e.visibleItemLimit;if(!M||e.menuItems.length<M)return;const L=Math.min(M,Math.max(2,Math.floor(.2*e.menuItems.length)));$===e.menuItems.length-L&&(S.value=f.$el)}}function A(){if(!e.visibleItemLimit||e.visibleItemLimit>e.menuItems.length||b.value===void 0)return;const f=b.value>=0?b.value:0;w[f].scrollIntoView({behavior:"smooth",block:"nearest"})}const v=t.ref(null),C=t.ref(null);function g(){if(C.value=null,!e.visibleItemLimit||w.length<=e.visibleItemLimit){v.value=null;return}const f=w[0],$=w[e.visibleItemLimit];if(v.value=m(f,$),e.footer){const M=w[w.length-1];C.value=M.scrollHeight}}function m(f,$){const M=f.getBoundingClientRect().top;return $.getBoundingClientRect().top-M+2}t.onMounted(()=>{document.addEventListener("mouseup",k)}),t.onUnmounted(()=>{document.removeEventListener("mouseup",k)}),t.watch(t.toRef(e,"expanded"),f=>be(this,null,function*(){const $=u();!f&&a.value&&$===void 0&&c("highlighted"),f&&$!==void 0&&c("highlighted",$),f&&(yield t.nextTick(),g(),yield t.nextTick(),A())})),t.watch(t.toRef(e,"menuItems"),f=>be(this,null,function*(){f.length<w.length&&(w.length=f.length),e.expanded&&(yield t.nextTick(),g(),yield t.nextTick(),A())}),{deep:!0});const T=t.computed(()=>({"max-height":v.value?`${v.value}px`:void 0,"overflow-y":v.value?"scroll":void 0,"margin-bottom":C.value?`${C.value}px`:void 0})),E=t.computed(()=>({"cdx-menu--has-footer":!!e.footer,"cdx-menu--has-sticky-footer":!!e.footer&&!!v.value})),{rootClasses:K,rootStyle:Q,otherAttrs:ge}=j(i,E);return{listBoxStyle:T,rootClasses:K,rootStyle:Q,otherAttrs:ge,assignTemplateRef:P,computedMenuItems:s,computedShowNoResultsSlot:r,highlightedMenuItem:a,highlightedViaKeyboard:d,activeMenuItem:o,handleMenuItemChange:c,handleKeyNavigation:N}},methods:{getHighlightedMenuItem(){return this.highlightedMenuItem},getHighlightedViaKeyboard(){return this.highlightedViaKeyboard},clearActive(){this.handleMenuItemChange("active")},delegateKeyNavigation(e,n=!0){return this.handleKeyNavigation(e,n)}}}),ml="",_n={key:0,class:"cdx-menu__pending cdx-menu-item"},Bn={key:1,class:"cdx-menu__no-results cdx-menu-item"};function wn(e,n,l,i,s,r){const a=t.resolveComponent("cdx-menu-item"),d=t.resolveComponent("cdx-progress-bar");return t.withDirectives((t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-menu",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("ul",t.mergeProps({class:"cdx-menu__listbox",role:"listbox","aria-multiselectable":"false",style:e.listBoxStyle},e.otherAttrs),[e.showPending&&e.computedMenuItems.length===0&&e.$slots.pending?(t.openBlock(),t.createElementBlock("li",_n,[t.renderSlot(e.$slots,"pending")])):t.createCommentVNode("",!0),e.computedShowNoResultsSlot?(t.openBlock(),t.createElementBlock("li",Bn,[t.renderSlot(e.$slots,"no-results")])):t.createCommentVNode("",!0),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.computedMenuItems,(o,u)=>{var c,b;return t.openBlock(),t.createBlock(a,t.mergeProps({key:o.value,ref_for:!0,ref:h=>e.assignTemplateRef(h,u)},o,{selected:o.value===e.selected,active:o.value===((c=e.activeMenuItem)==null?void 0:c.value),highlighted:o.value===((b=e.highlightedMenuItem)==null?void 0:b.value),"show-thumbnail":e.showThumbnail,"bold-label":e.boldLabel,"hide-description-overflow":e.hideDescriptionOverflow,"search-query":e.searchQuery,onChange:(h,I)=>e.handleMenuItemChange(h,I&&o),onClick:h=>e.$emit("menu-item-click",o)}),{default:t.withCtx(()=>{var h,I;return[t.renderSlot(e.$slots,"default",{menuItem:o,active:o.value===((h=e.activeMenuItem)==null?void 0:h.value)&&o.value===((I=e.highlightedMenuItem)==null?void 0:I.value)})]}),_:2},1040,["selected","active","highlighted","show-thumbnail","bold-label","hide-description-overflow","search-query","onChange","onClick"])}),128)),e.showPending?(t.openBlock(),t.createBlock(d,{key:2,class:"cdx-menu__progress-bar",inline:!0})):t.createCommentVNode("",!0)],16)],6)),[[t.vShow,e.expanded]])}const J=x($n,[["render",wn]]),Sn=B(Z),In=B(te),Vn=t.defineComponent({name:"CdxTextInput",components:{CdxIcon:z},inheritAttrs:!1,expose:["focus"],props:{modelValue:{type:[String,Number],default:""},inputType:{type:String,default:"text",validator:Sn},status:{type:String,default:"default",validator:In},disabled:{type:Boolean,default:!1},startIcon:{type:[String,Object],default:void 0},endIcon:{type:[String,Object],default:void 0},clearable:{type:Boolean,default:!1}},emits:["update:modelValue","keydown","input","change","focus","blur"],setup(e,{emit:n,attrs:l}){const i=q(t.toRef(e,"modelValue"),n),s=t.computed(()=>e.clearable&&!!i.value&&!e.disabled),r=t.computed(()=>({"cdx-text-input--has-start-icon":!!e.startIcon,"cdx-text-input--has-end-icon":!!e.endIcon,"cdx-text-input--clearable":s.value,[`cdx-text-input--status-${e.status}`]:!0})),{rootClasses:a,rootStyle:d,otherAttrs:o}=j(l,r),u=t.computed(()=>({"cdx-text-input__input--has-value":!!i.value}));return{wrappedModel:i,isClearable:s,rootClasses:a,rootStyle:d,otherAttrs:o,inputClasses:u,onClear:()=>{i.value=""},onInput:k=>{n("input",k)},onChange:k=>{n("change",k)},onKeydown:k=>{(k.key==="Home"||k.key==="End")&&!k.ctrlKey&&!k.metaKey||n("keydown",k)},onFocus:k=>{n("focus",k)},onBlur:k=>{n("blur",k)},cdxIconClear:rt}},methods:{focus(){this.$refs.input.focus()}}}),fl="",xn=["type","disabled"];function Nn(e,n,l,i,s,r){const a=t.resolveComponent("cdx-icon");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-text-input",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.withDirectives(t.createElementVNode("input",t.mergeProps({ref:"input","onUpdate:modelValue":n[0]||(n[0]=d=>e.wrappedModel=d),class:["cdx-text-input__input",e.inputClasses]},e.otherAttrs,{type:e.inputType,disabled:e.disabled,onInput:n[1]||(n[1]=(...d)=>e.onInput&&e.onInput(...d)),onChange:n[2]||(n[2]=(...d)=>e.onChange&&e.onChange(...d)),onFocus:n[3]||(n[3]=(...d)=>e.onFocus&&e.onFocus(...d)),onBlur:n[4]||(n[4]=(...d)=>e.onBlur&&e.onBlur(...d)),onKeydown:n[5]||(n[5]=(...d)=>e.onKeydown&&e.onKeydown(...d))}),null,16,xn),[[t.vModelDynamic,e.wrappedModel]]),e.startIcon?(t.openBlock(),t.createBlock(a,{key:0,icon:e.startIcon,class:"cdx-text-input__icon-vue cdx-text-input__start-icon"},null,8,["icon"])):t.createCommentVNode("",!0),e.endIcon?(t.openBlock(),t.createBlock(a,{key:1,icon:e.endIcon,class:"cdx-text-input__icon-vue cdx-text-input__end-icon"},null,8,["icon"])):t.createCommentVNode("",!0),e.isClearable?(t.openBlock(),t.createBlock(a,{key:2,icon:e.cdxIconClear,class:"cdx-text-input__icon-vue cdx-text-input__clear-icon",onMousedown:n[6]||(n[6]=t.withModifiers(()=>{},["prevent"])),onClick:e.onClear},null,8,["icon","onClick"])):t.createCommentVNode("",!0)],6)}const oe=x(Vn,[["render",Nn]]);function le(e){const n=t.ref({width:void 0,height:void 0});if(typeof window!="object"||!("ResizeObserver"in window)||!("ResizeObserverEntry"in window))return n;const l=new window.ResizeObserver(s=>{const r=s[0];r&&(n.value={width:r.borderBoxSize[0].inlineSize,height:r.borderBoxSize[0].blockSize})});let i=!1;return t.onMounted(()=>{i=!0,e.value&&l.observe(e.value)}),t.onUnmounted(()=>{i=!1,l.disconnect()}),t.watch(e,s=>{i&&(l.disconnect(),n.value={width:void 0,height:void 0},s&&l.observe(s))}),n}const En=B(te),me=t.defineComponent({name:"CdxCombobox",components:{CdxButton:W,CdxIcon:z,CdxMenu:J,CdxTextInput:oe},inheritAttrs:!1,props:{menuItems:{type:Array,required:!0},selected:{type:[String,Number],required:!0},disabled:{type:Boolean,default:!1},menuConfig:{type:Object,default:()=>({})},status:{type:String,default:"default",validator:En}},emits:["update:selected","load-more"],setup(e,{emit:n,attrs:l,slots:i}){const s=t.ref(),r=t.ref(),a=t.ref(),d=O("combobox"),o=t.toRef(e,"selected"),u=q(o,n,"update:selected"),c=t.ref(!1),b=t.ref(!1),h=t.computed(()=>{var g,m;return(m=(g=a.value)==null?void 0:g.getHighlightedMenuItem())==null?void 0:m.id}),I=t.computed(()=>({"cdx-combobox--expanded":c.value,"cdx-combobox--disabled":e.disabled})),_=le(r),N=t.computed(()=>{var g;return`${(g=_.value.width)!=null?g:0}px`}),{rootClasses:k,rootStyle:w,otherAttrs:S}=j(l,I);function V(){b.value&&c.value?c.value=!1:(e.menuItems.length>0||i["no-results"])&&(c.value=!0)}function P(){c.value=b.value&&c.value}function A(){e.disabled||(b.value=!0)}function v(){var g;e.disabled||(g=s.value)==null||g.focus()}function C(g){!a.value||e.disabled||e.menuItems.length===0||g.key===" "||a.value.delegateKeyNavigation(g)}return t.watch(c,()=>{b.value=!1}),{input:s,inputWrapper:r,currentWidthInPx:N,menu:a,menuId:d,modelWrapper:u,expanded:c,highlightedId:h,onInputFocus:V,onInputBlur:P,onKeydown:C,onButtonClick:v,onButtonMousedown:A,cdxIconExpand:Be,rootClasses:k,rootStyle:w,otherAttrs:S}}}),Te=()=>{t.useCssVars(e=>({"21ba103d":e.currentWidthInPx}))},Le=me.setup;me.setup=Le?(e,n)=>(Te(),Le(e,n)):Te;const hl="",Mn={ref:"inputWrapper",class:"cdx-combobox__input-wrapper"};function Tn(e,n,l,i,s,r){const a=t.resolveComponent("cdx-text-input"),d=t.resolveComponent("cdx-icon"),o=t.resolveComponent("cdx-button"),u=t.resolveComponent("cdx-menu");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-combobox",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("div",Mn,[t.createVNode(a,t.mergeProps({ref:"input",modelValue:e.modelWrapper,"onUpdate:modelValue":n[0]||(n[0]=c=>e.modelWrapper=c)},e.otherAttrs,{class:"cdx-combobox__input","aria-activedescendant":e.highlightedId,"aria-expanded":e.expanded,"aria-controls":e.menuId,"aria-owns":e.menuId,disabled:e.disabled,status:e.status,"aria-autocomplete":"list",autocomplete:"off",role:"combobox",onKeydown:e.onKeydown,onFocus:e.onInputFocus,onBlur:e.onInputBlur}),null,16,["modelValue","aria-activedescendant","aria-expanded","aria-controls","aria-owns","disabled","status","onKeydown","onFocus","onBlur"]),t.createVNode(o,{class:"cdx-combobox__expand-button","aria-hidden":"true",disabled:e.disabled,tabindex:"-1",type:"button",onMousedown:e.onButtonMousedown,onClick:e.onButtonClick},{default:t.withCtx(()=>[t.createVNode(d,{class:"cdx-combobox__expand-icon",icon:e.cdxIconExpand},null,8,["icon"])]),_:1},8,["disabled","onMousedown","onClick"])],512),t.createVNode(u,t.mergeProps({id:e.menuId,ref:"menu",selected:e.modelWrapper,"onUpdate:selected":n[1]||(n[1]=c=>e.modelWrapper=c),expanded:e.expanded,"onUpdate:expanded":n[2]||(n[2]=c=>e.expanded=c),"menu-items":e.menuItems},e.menuConfig,{onLoadMore:n[3]||(n[3]=c=>e.$emit("load-more"))}),{default:t.withCtx(({menuItem:c})=>[t.renderSlot(e.$slots,"menu-item",{menuItem:c})]),"no-results":t.withCtx(()=>[t.renderSlot(e.$slots,"no-results")]),_:3},16,["id","selected","expanded","menu-items"])],6)}const Ln=x(me,[["render",Tn]]),An=t.defineComponent({name:"CdxDialog",components:{CdxButton:W,CdxIcon:z},inheritAttrs:!1,props:{open:{type:Boolean,default:!1},title:{type:String,required:!0},subtitle:{type:String,required:!1,default:null},hideTitle:{type:Boolean,default:!1},closeButtonLabel:{type:String,default:""},primaryAction:{type:Object,default:null},defaultAction:{type:Object,default:null},stackedActions:{type:Boolean,default:!1}},emits:["update:open","primary","default"],setup(e,{emit:n}){const l=O("dialog-label"),i=t.ref(),s=t.ref(),r=t.ref(),a=t.ref(),d=t.ref(),o=t.computed(()=>!e.hideTitle||!!e.closeButtonLabel),u=t.computed(()=>!!e.primaryAction||!!e.defaultAction),c=t.computed(()=>({"cdx-dialog--vertical-actions":e.stackedActions,"cdx-dialog--horizontal-actions":!e.stackedActions})),b=t.ref(0);function h(){n("update:open",!1)}function I(){N(i.value)}function _(){N(i.value,!0)}function N(k,w=!1){let S=Array.from(k.querySelectorAll(` input, select, textarea, button, object, a, area, [contenteditable], [tabindex]:not([tabindex^="-"]) - `));w&&(S=S.reverse());for(const V of S)if(V.focus(),document.activeElement===V)return!0;return!1}return t.watch(t.toRef(e,"open"),C=>{C?(g.value=window.innerWidth-document.documentElement.clientWidth,document.documentElement.style.setProperty("margin-right",`${g.value}px`),document.body.classList.add("cdx-dialog-open"),t.nextTick(()=>{var w;E(s.value)||(w=r.value)==null||w.focus()})):(document.body.classList.remove("cdx-dialog-open"),document.documentElement.style.removeProperty("margin-right"))}),{close:b,cdxIconClose:_e,labelId:l,rootClasses:c,dialogElement:i,focusTrapStart:a,focusTrapEnd:d,focusFirst:I,focusLast:_,dialogBody:s,focusHolder:r,showHeader:o,showFooterActions:u}}}),bl="",Kn=["aria-label","aria-labelledby"],Dn={key:0,class:"cdx-dialog__header__title-group"},zn=["id"],Rn={key:0,class:"cdx-dialog__header__subtitle"},vn={ref:"focusHolder",class:"cdx-dialog-focus-trap",tabindex:"-1"},On={key:0,class:"cdx-dialog__footer__text"},Fn={key:1,class:"cdx-dialog__footer__actions"};function qn(e,n,l,i,s,r){const a=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-button");return t.openBlock(),t.createBlock(t.Transition,{name:"cdx-dialog-fade",appear:""},{default:t.withCtx(()=>[e.open?(t.openBlock(),t.createElementBlock("div",{key:0,class:"cdx-dialog-backdrop",onClick:n[5]||(n[5]=(...o)=>e.close&&e.close(...o)),onKeyup:n[6]||(n[6]=t.withKeys((...o)=>e.close&&e.close(...o),["escape"]))},[t.createElementVNode("div",{ref:"focusTrapStart",tabindex:"0",onFocus:n[0]||(n[0]=(...o)=>e.focusLast&&e.focusLast(...o))},null,544),t.createElementVNode("div",t.mergeProps({ref:"dialogElement",class:["cdx-dialog",e.rootClasses],role:"dialog"},e.$attrs,{"aria-label":e.$slots.header||e.hideTitle?e.title:void 0,"aria-labelledby":!e.$slots.header&&!e.hideTitle?e.labelId:void 0,onClick:n[3]||(n[3]=t.withModifiers(()=>{},["stop"]))}),[e.showHeader||e.$slots.header?(t.openBlock(),t.createElementBlock("header",{key:0,class:t.normalizeClass(["cdx-dialog__header",{"cdx-dialog__header--default":!e.$slots.header}])},[t.renderSlot(e.$slots,"header",{},()=>[e.hideTitle?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("div",Dn,[t.createElementVNode("h2",{id:e.labelId,class:"cdx-dialog__header__title"},t.toDisplayString(e.title),9,zn),e.subtitle?(t.openBlock(),t.createElementBlock("p",Rn,t.toDisplayString(e.subtitle),1)):t.createCommentVNode("",!0)])),e.closeButtonLabel?(t.openBlock(),t.createBlock(d,{key:1,class:"cdx-dialog__header__close-button",weight:"quiet",type:"button","aria-label":e.closeButtonLabel,onClick:e.close},{default:t.withCtx(()=>[t.createVNode(a,{icon:e.cdxIconClose,"icon-label":e.closeButtonLabel},null,8,["icon","icon-label"])]),_:1},8,["aria-label","onClick"])):t.createCommentVNode("",!0)])],2)):t.createCommentVNode("",!0),t.createElementVNode("div",vn,null,512),t.createElementVNode("div",{ref:"dialogBody",class:t.normalizeClass(["cdx-dialog__body",{"cdx-dialog__body--no-header":!(e.showHeader||e.$slots.header),"cdx-dialog__body--no-footer":!(e.showFooterActions||e.$slots.footer||e.$slots["footer-text"])}])},[t.renderSlot(e.$slots,"default")],2),e.showFooterActions||e.$slots.footer||e.$slots["footer-text"]?(t.openBlock(),t.createElementBlock("footer",{key:1,class:t.normalizeClass(["cdx-dialog__footer",{"cdx-dialog__footer--default":!e.$slots.footer}])},[t.renderSlot(e.$slots,"footer",{},()=>[e.$slots["footer-text"]?(t.openBlock(),t.createElementBlock("p",On,[t.renderSlot(e.$slots,"footer-text")])):t.createCommentVNode("",!0),e.showFooterActions?(t.openBlock(),t.createElementBlock("div",Fn,[e.primaryAction?(t.openBlock(),t.createBlock(d,{key:0,class:"cdx-dialog__footer__primary-action",weight:"primary",action:e.primaryAction.actionType,disabled:e.primaryAction.disabled,onClick:n[1]||(n[1]=o=>e.$emit("primary"))},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.primaryAction.label),1)]),_:1},8,["action","disabled"])):t.createCommentVNode("",!0),e.defaultAction?(t.openBlock(),t.createBlock(d,{key:1,class:"cdx-dialog__footer__default-action",disabled:e.defaultAction.disabled,onClick:n[2]||(n[2]=o=>e.$emit("default"))},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.defaultAction.label),1)]),_:1},8,["disabled"])):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0)])],2)):t.createCommentVNode("",!0)],16,Kn),t.createElementVNode("div",{ref:"focusTrapEnd",tabindex:"0",onFocus:n[4]||(n[4]=(...o)=>e.focusFirst&&e.focusFirst(...o))},null,544)],32)):t.createCommentVNode("",!0)]),_:3})}const Pn=N(An,[["render",qn]]),Hn=B(ne),he=t.defineComponent({name:"CdxLookup",components:{CdxMenu:X,CdxTextInput:le},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:Hn}},emits:["update:selected","input","load-more"],setup:(e,{emit:n,attrs:l,slots:i})=>{const s=t.ref(),r=t.ref(),a=v("lookup-menu"),d=t.ref(!1),o=t.ref(!1),u=t.ref(!1),c=t.toRef(e,"selected"),g=P(c,n,"update:selected"),b=t.computed(()=>e.menuItems.find(m=>m.value===e.selected)),I=t.computed(()=>{var m,$;return($=(m=r.value)==null?void 0:m.getHighlightedMenuItem())==null?void 0:$.id}),_=t.ref(e.initialInputValue),E=ae(s),C=t.computed(()=>{var m;return`${(m=E.value.width)!=null?m:0}px`}),w=t.computed(()=>({"cdx-lookup--disabled":e.disabled,"cdx-lookup--pending":d.value})),{rootClasses:S,rootStyle:V,otherAttrs:H}=U(l,w);function R(m){b.value&&b.value.label!==m&&b.value.value!==m&&(g.value=null),m===""?(o.value=!1,d.value=!1):d.value=!0,n("input",m)}function A(){u.value=!0,_.value!==null&&_.value!==""&&(e.menuItems.length>0||i["no-results"])&&(o.value=!0)}function O(){u.value=!1,o.value=!1}function h(m){!r.value||e.disabled||e.menuItems.length===0&&!i["no-results"]||m.key===" "||r.value.delegateKeyNavigation(m)}return t.watch(c,m=>{if(m!==null){const $=b.value?b.value.label||b.value.value:"";_.value!==$&&(_.value=$,n("input",_.value))}}),t.watch(t.toRef(e,"menuItems"),m=>{u.value&&d.value&&(m.length>0||i["no-results"])&&(o.value=!0),m.length===0&&!i["no-results"]&&(o.value=!1),d.value=!1}),{rootElement:s,currentWidthInPx:C,menu:r,menuId:a,highlightedId:I,inputValue:_,modelWrapper:g,expanded:o,onInputBlur:O,rootClasses:S,rootStyle:V,otherAttrs:H,onUpdateInput:R,onInputFocus:A,onKeydown:h}}}),Ae=()=>{t.useCssVars(e=>({"51c485f8":e.currentWidthInPx}))},Ke=he.setup;he.setup=Ke?(e,n)=>(Ae(),Ke(e,n)):Ae;const gl="";function jn(e,n,l,i,s,r){const a=t.resolveComponent("cdx-text-input"),d=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(a,t.mergeProps({modelValue:e.inputValue,"onUpdate:modelValue":n[0]||(n[0]=o=>e.inputValue=o)},e.otherAttrs,{class:"cdx-lookup__input",role:"combobox",autocomplete:"off","aria-autocomplete":"list","aria-controls":e.menuId,"aria-owns":e.menuId,"aria-expanded":e.expanded,"aria-activedescendant":e.highlightedId,disabled:e.disabled,status:e.status,"onUpdate:modelValue":e.onUpdateInput,onFocus:e.onInputFocus,onBlur:e.onInputBlur,onKeydown:e.onKeydown}),null,16,["modelValue","aria-controls","aria-owns","aria-expanded","aria-activedescendant","disabled","status","onUpdate:modelValue","onFocus","onBlur","onKeydown"]),t.createVNode(d,t.mergeProps({id:e.menuId,ref:"menu",selected:e.modelWrapper,"onUpdate:selected":n[1]||(n[1]=o=>e.modelWrapper=o),expanded:e.expanded,"onUpdate:expanded":n[2]||(n[2]=o=>e.expanded=o),"menu-items":e.menuItems},e.menuConfig,{onLoadMore:n[3]||(n[3]=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 Un=N(he,[["render",jn]]),Wn={notice:ct,error:$e,warning:ke,success:we},Qn=t.defineComponent({name:"CdxMessage",components:{CdxButton:Q,CdxIcon:D},props:{type:{type:String,default:"notice",validator:q},inline:{type:Boolean,default:!1},icon:{type:[String,Object],default:null},fadeIn:{type:Boolean,default:!1},dismissButtonLabel:{type:String,default:""},autoDismiss:{type:[Boolean,Number],default:!1,validator:e=>typeof e=="boolean"||typeof e=="number"&&e>0}},emits:["user-dismissed","auto-dismissed"],setup(e,{emit:n}){const l=t.ref(!1),i=t.computed(()=>e.inline===!1&&e.dismissButtonLabel.length>0),s=t.computed(()=>e.autoDismiss===!1?!1:e.autoDismiss===!0?4e3:e.autoDismiss),r=t.computed(()=>({"cdx-message--inline":e.inline,"cdx-message--block":!e.inline,"cdx-message--user-dismissable":i.value,[`cdx-message--${e.type}`]:!0})),a=t.computed(()=>e.icon&&e.type==="notice"?e.icon:Wn[e.type]),d=t.ref("");function o(u){l.value||(d.value=u==="user-dismissed"?"cdx-message-leave-active-user":"cdx-message-leave-active-system",l.value=!0,n(u))}return t.onMounted(()=>{s.value&&setTimeout(()=>o("auto-dismissed"),s.value)}),{dismissed:l,userDismissable:i,rootClasses:r,leaveActiveClass:d,computedIcon:a,onDismiss:o,cdxIconClose:_e}}}),yl="",Gn=["aria-live","role"],Zn={class:"cdx-message__content"};function Jn(e,n,l,i,s,r){const a=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-button");return t.openBlock(),t.createBlock(t.Transition,{name:"cdx-message",appear:e.fadeIn,"leave-active-class":e.leaveActiveClass},{default:t.withCtx(()=>[e.dismissed?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["cdx-message",e.rootClasses]),"aria-live":e.type!=="error"?"polite":void 0,role:e.type==="error"?"alert":void 0},[t.createVNode(a,{class:"cdx-message__icon--vue",icon:e.computedIcon},null,8,["icon"]),t.createElementVNode("div",Zn,[t.renderSlot(e.$slots,"default")]),e.userDismissable?(t.openBlock(),t.createBlock(d,{key:0,class:"cdx-message__dismiss-button",weight:"quiet",type:"button","aria-label":e.dismissButtonLabel,onClick:n[0]||(n[0]=o=>e.onDismiss("user-dismissed"))},{default:t.withCtx(()=>[t.createVNode(a,{icon:e.cdxIconClose,"icon-label":e.dismissButtonLabel},null,8,["icon","icon-label"])]),_:1},8,["aria-label"])):t.createCommentVNode("",!0)],10,Gn))]),_:3},8,["appear","leave-active-class"])}const Xn=N(Qn,[["render",Jn]]),Yn=t.defineComponent({name:"CdxRadio",props:{modelValue:{type:[String,Number,Boolean],default:""},inputValue:{type:[String,Number,Boolean],default:!1},name:{type:String,default:""},disabled:{type:Boolean,default:!1},inline:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:n}){const l=t.computed(()=>({"cdx-radio--inline":e.inline})),i=t.ref(),s=v("radio"),r=()=>{i.value.focus()},a=P(t.toRef(e,"modelValue"),n);return{rootClasses:l,input:i,radioId:s,focusInput:r,wrappedModel:a}}}),Cl="",eo=["id","name","value","disabled"],to=t.createElementVNode("span",{class:"cdx-radio__icon"},null,-1),no=["for"];function oo(e,n,l,i,s,r){return t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(["cdx-radio",e.rootClasses])},[t.withDirectives(t.createElementVNode("input",{id:e.radioId,ref:"input","onUpdate:modelValue":n[0]||(n[0]=a=>e.wrappedModel=a),class:"cdx-radio__input",type:"radio",name:e.name,value:e.inputValue,disabled:e.disabled},null,8,eo),[[t.vModelRadio,e.wrappedModel]]),to,t.createElementVNode("label",{class:"cdx-radio__label",for:e.radioId,onClick:n[1]||(n[1]=(...a)=>e.focusInput&&e.focusInput(...a))},[t.renderSlot(e.$slots,"default")],8,no)],2)}const lo=N(Yn,[["render",oo]]),ao=B(ne),so=t.defineComponent({name:"CdxSearchInput",components:{CdxButton:Q,CdxTextInput:le},inheritAttrs:!1,props:{modelValue:{type:[String,Number],default:""},buttonLabel:{type:String,default:""},status:{type:String,default:"default",validator:ao}},emits:["update:modelValue","submit-click"],setup(e,{emit:n,attrs:l}){const i=P(t.toRef(e,"modelValue"),n),s=t.computed(()=>({"cdx-search-input--has-end-button":!!e.buttonLabel})),{rootClasses:r,rootStyle:a,otherAttrs:d}=U(l,s);return{wrappedModel:i,rootClasses:r,rootStyle:a,otherAttrs:d,handleSubmit:()=>{n("submit-click",i.value)},searchIcon:mt}},methods:{focus(){this.$refs.textInput.focus()}}}),kl="",io={class:"cdx-search-input__input-wrapper"};function ro(e,n,l,i,s,r){const a=t.resolveComponent("cdx-text-input"),d=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-search-input",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("div",io,[t.createVNode(a,t.mergeProps({ref:"textInput",modelValue:e.wrappedModel,"onUpdate:modelValue":n[0]||(n[0]=o=>e.wrappedModel=o),class:"cdx-search-input__text-input","input-type":"search","start-icon":e.searchIcon,status:e.status},e.otherAttrs,{onKeydown:t.withKeys(e.handleSubmit,["enter"])}),null,16,["modelValue","start-icon","status","onKeydown"]),t.renderSlot(e.$slots,"default")]),e.buttonLabel?(t.openBlock(),t.createBlock(d,{key:0,class:"cdx-search-input__end-button",onClick:e.handleSubmit},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.buttonLabel),1)]),_:1},8,["onClick"])):t.createCommentVNode("",!0)],6)}const De=N(so,[["render",ro]]),be=t.defineComponent({name:"CdxSelect",components:{CdxIcon:D,CdxMenu:X},props:{menuItems:{type:Array,required:!0},selected:{type:[String,Number,null],required:!0},defaultLabel:{type:String,default:""},disabled:{type:Boolean,default:!1},menuConfig:{type:Object,default:()=>({})},defaultIcon:{type:[String,Object],default:void 0}},emits:["update:selected","load-more"],setup(e,{emit:n}){const l=t.ref(),i=t.ref(),s=v("select-handle"),r=v("select-menu"),a=t.ref(!1),d=P(t.toRef(e,"selected"),n,"update:selected"),o=t.computed(()=>e.menuItems.find(S=>S.value===e.selected)),u=t.computed(()=>o.value?o.value.label||o.value.value:e.defaultLabel),c=ae(l),g=t.computed(()=>{var S;return`${(S=c.value.width)!=null?S:0}px`}),b=t.computed(()=>{if(e.defaultIcon&&!o.value)return e.defaultIcon;if(o.value&&o.value.icon)return o.value.icon}),I=t.computed(()=>({"cdx-select-vue--enabled":!e.disabled,"cdx-select-vue--disabled":e.disabled,"cdx-select-vue--expanded":a.value,"cdx-select-vue--value-selected":!!o.value,"cdx-select-vue--no-selections":!o.value,"cdx-select-vue--has-start-icon":!!b.value})),_=t.computed(()=>{var S,V;return(V=(S=i.value)==null?void 0:S.getHighlightedMenuItem())==null?void 0:V.id});function E(){a.value=!1}function C(){var S;e.disabled||(a.value=!a.value,(S=l.value)==null||S.focus())}function w(S){var V;e.disabled||(V=i.value)==null||V.delegateKeyNavigation(S)}return{handle:l,handleId:s,menu:i,menuId:r,modelWrapper:d,selectedMenuItem:o,highlightedId:_,expanded:a,onBlur:E,currentLabel:u,currentWidthInPx:g,rootClasses:I,onClick:C,onKeydown:w,startIcon:b,cdxIconExpand:Be}}}),ze=()=>{t.useCssVars(e=>({46589886:e.currentWidthInPx}))},Re=be.setup;be.setup=Re?(e,n)=>(ze(),Re(e,n)):ze;const _l="",co=["aria-disabled"],uo=["aria-owns","aria-labelledby","aria-activedescendant","aria-expanded"],po=["id"];function mo(e,n,l,i,s,r){const a=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-menu");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-select-vue",e.rootClasses]),"aria-disabled":e.disabled},[t.createElementVNode("div",{ref:"handle",class:"cdx-select-vue__handle",tabindex:"0",role:"combobox","aria-autocomplete":"list","aria-owns":e.menuId,"aria-labelledby":e.handleId,"aria-activedescendant":e.highlightedId,"aria-haspopup":"listbox","aria-expanded":e.expanded,onClick:n[0]||(n[0]=(...o)=>e.onClick&&e.onClick(...o)),onBlur:n[1]||(n[1]=(...o)=>e.onBlur&&e.onBlur(...o)),onKeydown:n[2]||(n[2]=(...o)=>e.onKeydown&&e.onKeydown(...o))},[t.createElementVNode("span",{id:e.handleId,role:"textbox","aria-readonly":"true"},[t.renderSlot(e.$slots,"label",{selectedMenuItem:e.selectedMenuItem,defaultLabel:e.defaultLabel},()=>[t.createTextVNode(t.toDisplayString(e.currentLabel),1)])],8,po),e.startIcon?(t.openBlock(),t.createBlock(a,{key:0,icon:e.startIcon,class:"cdx-select-vue__start-icon"},null,8,["icon"])):t.createCommentVNode("",!0),t.createVNode(a,{icon:e.cdxIconExpand,class:"cdx-select-vue__indicator"},null,8,["icon"])],40,uo),t.createVNode(d,t.mergeProps({id:e.menuId,ref:"menu",selected:e.modelWrapper,"onUpdate:selected":n[3]||(n[3]=o=>e.modelWrapper=o),expanded:e.expanded,"onUpdate:expanded":n[4]||(n[4]=o=>e.expanded=o),"menu-items":e.menuItems},e.menuConfig,{onLoadMore:n[5]||(n[5]=o=>e.$emit("load-more"))}),{default:t.withCtx(({menuItem:o})=>[t.renderSlot(e.$slots,"menu-item",{menuItem:o})]),_:3},16,["id","selected","expanded","menu-items"])],10,co)}const fo=N(be,[["render",mo]]),ho=t.defineComponent({name:"CdxTab",props:{name:{type:String,required:!0},label:{type:String,default:""},disabled:{type:Boolean,default:!1}},setup(e){const n=t.inject(ye),l=t.inject(Ce);if(!n||!l)throw new Error("Tab component must be used inside a Tabs component");const i=n.value.get(e.name)||{},s=t.computed(()=>e.name===l.value);return{tab:i,isActive:s}}}),$l="",bo=["id","aria-hidden","aria-labelledby"];function go(e,n,l,i,s,r){return t.withDirectives((t.openBlock(),t.createElementBlock("section",{id:e.tab.id,"aria-hidden":!e.isActive,"aria-labelledby":`${e.tab.id}-label`,class:"cdx-tab",role:"tabpanel",tabindex:"-1"},[t.renderSlot(e.$slots,"default")],8,bo)),[[t.vShow,e.isActive]])}const yo=N(ho,[["render",go]]),Co=t.defineComponent({name:"CdxTabs",components:{CdxButton:Q,CdxIcon:D},props:{active:{type:String,required:!0},framed:{type:Boolean,default:!1}},emits:["update:active"],expose:["select","next","prev"],setup(e,{slots:n,emit:l}){const i=t.ref(),s=t.ref(),r=t.ref(),a=t.ref(),d=t.ref(),o=ce(i),u=t.computed(()=>{var T;const h=[],m=(T=n.default)==null?void 0:T.call(n);m&&m.forEach($);function $(x){x&&typeof x=="object"&&"type"in x&&(typeof x.type=="object"&&"name"in x.type&&x.type.name==="CdxTab"?h.push(x):"children"in x&&Array.isArray(x.children)&&x.children.forEach($))}return h});if(!u.value||u.value.length===0)throw new Error("Slot content cannot be empty");const c=t.computed(()=>u.value.reduce((h,m)=>{var $;if(($=m.props)!=null&&$.name&&typeof m.props.name=="string"){if(h.get(m.props.name))throw new Error("Tab names must be unique");h.set(m.props.name,{name:m.props.name,id:v(m.props.name),label:m.props.label||m.props.name,disabled:m.props.disabled})}return h},new Map)),g=P(t.toRef(e,"active"),l,"update:active"),b=t.computed(()=>Array.from(c.value.keys())),I=t.computed(()=>b.value.indexOf(g.value)),_=t.computed(()=>{var h;return(h=c.value.get(g.value))==null?void 0:h.id});t.provide(Ce,g),t.provide(ye,c);const E=t.ref(),C=t.ref(),w=oe(E,{threshold:.95}),S=oe(C,{threshold:.95});function V(h,m){const $=h;$&&(m===0?E.value=$:m===b.value.length-1&&(C.value=$))}function H(h){var T;const m=h===g.value,$=!!((T=c.value.get(h))!=null&&T.disabled);return{"cdx-tabs__list__item--selected":m,"cdx-tabs__list__item--enabled":!$,"cdx-tabs__list__item--disabled":$}}const R=t.computed(()=>({"cdx-tabs--framed":e.framed,"cdx-tabs--quiet":!e.framed}));function A(h){if(!s.value||!a.value||!d.value)return 0;const m=o.value==="rtl"?d.value:a.value,$=o.value==="rtl"?a.value:d.value,T=h.offsetLeft,x=T+h.clientWidth,F=s.value.scrollLeft+m.clientWidth,Z=s.value.scrollLeft+s.value.clientWidth-$.clientWidth;return T<F?T-F:x>Z?x-Z:0}function O(h){var x;if(!s.value||!a.value||!d.value)return;const m=h==="next"&&o.value==="ltr"||h==="prev"&&o.value==="rtl"?1:-1;let $=0,T=h==="next"?s.value.firstElementChild:s.value.lastElementChild;for(;T;){const F=h==="next"?T.nextElementSibling:T.previousElementSibling;if($=A(T),Math.sign($)===m){F&&Math.abs($)<.25*s.value.clientWidth&&($=A(F));break}T=F}s.value.scrollBy({left:$,behavior:"smooth"}),(x=r.value)==null||x.focus()}return t.watch(g,()=>{if(_.value===void 0||!s.value||!a.value||!d.value)return;const h=document.getElementById(`${_.value}-label`);h&&s.value.scrollBy({left:A(h),behavior:"smooth"})}),{activeTab:g,activeTabIndex:I,activeTabId:_,currentDirection:o,rootElement:i,listElement:s,focusHolder:r,prevScroller:a,nextScroller:d,rootClasses:R,tabNames:b,tabsData:c,firstLabelVisible:w,lastLabelVisible:S,getLabelClasses:H,assignTemplateRefIfNecessary:V,scrollTabs:O,cdxIconPrevious:pt,cdxIconNext:ut}},methods:{select(e){const n=this.tabsData.get(e);n&&!(n!=null&&n.disabled)&&(this.activeTab=e)},selectNonDisabled(e,n){const l=this.tabsData.get(this.tabNames[e+n]);l&&(l.disabled?this.selectNonDisabled(e+n,n):this.select(l.name))},next(){this.selectNonDisabled(this.activeTabIndex,1)},prev(){this.selectNonDisabled(this.activeTabIndex,-1)},onLeftArrowKeypress(){this.currentDirection==="rtl"?this.next():this.prev()},onRightArrowKeypress(){this.currentDirection==="rtl"?this.prev():this.next()},onDownArrowKeypress(){var e;this.activeTabId&&((e=document.getElementById(this.activeTabId))==null||e.focus())}}}),Bl="",ko={ref:"focusHolder",tabindex:"-1"},_o={ref:"prevScroller",class:"cdx-tabs__prev-scroller"},$o=["aria-activedescendant"],Bo=["id"],wo=["href","aria-disabled","aria-selected","onClick","onKeyup"],So={ref:"nextScroller",class:"cdx-tabs__next-scroller"},Io={class:"cdx-tabs__content"};function Vo(e,n,l,i,s,r){const a=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("div",{ref:"rootElement",class:t.normalizeClass(["cdx-tabs",e.rootClasses])},[t.createElementVNode("div",{class:"cdx-tabs__header",tabindex:"0",onKeydown:[n[4]||(n[4]=t.withKeys(t.withModifiers((...o)=>e.onRightArrowKeypress&&e.onRightArrowKeypress(...o),["prevent"]),["right"])),n[5]||(n[5]=t.withKeys(t.withModifiers((...o)=>e.onDownArrowKeypress&&e.onDownArrowKeypress(...o),["prevent"]),["down"])),n[6]||(n[6]=t.withKeys(t.withModifiers((...o)=>e.onLeftArrowKeypress&&e.onLeftArrowKeypress(...o),["prevent"]),["left"]))]},[t.createElementVNode("div",ko,null,512),t.withDirectives(t.createElementVNode("div",_o,[t.createVNode(d,{class:"cdx-tabs__scroll-button",weight:"quiet",type:"button",tabindex:"-1","aria-hidden":!0,onMousedown:n[0]||(n[0]=t.withModifiers(()=>{},["prevent"])),onClick:n[1]||(n[1]=o=>e.scrollTabs("prev"))},{default:t.withCtx(()=>[t.createVNode(a,{icon:e.cdxIconPrevious},null,8,["icon"])]),_:1})],512),[[t.vShow,!e.firstLabelVisible]]),t.createElementVNode("ul",{ref:"listElement",class:"cdx-tabs__list",role:"tablist","aria-activedescendant":e.activeTabId},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.tabsData.values(),(o,u)=>(t.openBlock(),t.createElementBlock("li",{id:`${o.id}-label`,key:u,ref_for:!0,ref:c=>e.assignTemplateRefIfNecessary(c,u),class:t.normalizeClass([e.getLabelClasses(o.name),"cdx-tabs__list__item"]),role:"presentation"},[t.createElementVNode("a",{href:`#${o.id}`,role:"tab",tabIndex:"-1","aria-disabled":o.disabled,"aria-selected":o.name===e.activeTab,onClick:t.withModifiers(c=>e.select(o.name),["prevent"]),onKeyup:t.withKeys(c=>e.select(o.name),["enter"])},t.toDisplayString(o.label),41,wo)],10,Bo))),128))],8,$o),t.withDirectives(t.createElementVNode("div",So,[t.createVNode(d,{class:"cdx-tabs__scroll-button",weight:"quiet",type:"button",tabindex:"-1","aria-hidden":!0,onMousedown:n[2]||(n[2]=t.withModifiers(()=>{},["prevent"])),onClick:n[3]||(n[3]=o=>e.scrollTabs("next"))},{default:t.withCtx(()=>[t.createVNode(a,{icon:e.cdxIconNext},null,8,["icon"])]),_:1})],512),[[t.vShow,!e.lastLabelVisible]])],32),t.createElementVNode("div",Io,[t.renderSlot(e.$slots,"default")])],2)}const xo=N(Co,[["render",Vo]]),No=t.defineComponent({name:"CdxToggleButton",props:{modelValue:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},quiet:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:n}){const l=t.ref(!1);return{rootClasses:t.computed(()=>({"cdx-toggle-button--quiet":e.quiet,"cdx-toggle-button--framed":!e.quiet,"cdx-toggle-button--toggled-on":e.modelValue,"cdx-toggle-button--toggled-off":!e.modelValue,"cdx-toggle-button--is-active":l.value})),onClick:()=>{n("update:modelValue",!e.modelValue)},setActive:a=>{l.value=a}}}}),wl="",Eo=["aria-pressed","disabled"];function Mo(e,n,l,i,s,r){return t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(["cdx-toggle-button",e.rootClasses]),"aria-pressed":e.modelValue,disabled:e.disabled,onClick:n[0]||(n[0]=(...a)=>e.onClick&&e.onClick(...a)),onKeydown:n[1]||(n[1]=t.withKeys(a=>e.setActive(!0),["space","enter"])),onKeyup:n[2]||(n[2]=t.withKeys(a=>e.setActive(!1),["space","enter"]))},[t.renderSlot(e.$slots,"default")],42,Eo)}const ve=N(No,[["render",Mo]]),To=t.defineComponent({name:"CdxToggleButtonGroup",components:{CdxIcon:D,CdxToggleButton:ve},props:{buttons:{type:Array,required:!0,validator:e=>Array.isArray(e)&&e.length>=1},modelValue:{type:[String,Number,null,Array],required:!0},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:n}){function l(s){return Array.isArray(e.modelValue)?e.modelValue.indexOf(s.value)!==-1:e.modelValue!==null?e.modelValue===s.value:!1}function i(s,r){if(Array.isArray(e.modelValue)){const a=e.modelValue.indexOf(s.value)!==-1;r&&!a?n("update:modelValue",e.modelValue.concat(s.value)):!r&&a&&n("update:modelValue",e.modelValue.filter(d=>d!==s.value))}else r&&e.modelValue!==s.value&&n("update:modelValue",s.value)}return{getButtonLabel:Ie,isSelected:l,onUpdate:i}}}),Sl="",Lo={class:"cdx-toggle-button-group"};function Ao(e,n,l,i,s,r){const a=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-toggle-button");return t.openBlock(),t.createElementBlock("div",Lo,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.buttons,o=>(t.openBlock(),t.createBlock(d,{key:o.value,"model-value":e.isSelected(o),disabled:o.disabled||e.disabled,"aria-label":o.ariaLabel,"onUpdate:modelValue":u=>e.onUpdate(o,u)},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default",{button:o,selected:e.isSelected(o)},()=>[o.icon?(t.openBlock(),t.createBlock(a,{key:0,icon:o.icon},null,8,["icon"])):t.createCommentVNode("",!0),t.createTextVNode(" "+t.toDisplayString(e.getButtonLabel(o)),1)])]),_:2},1032,["model-value","disabled","aria-label","onUpdate:modelValue"]))),128))])}const Ko=N(To,[["render",Ao]]),Do=t.defineComponent({name:"CdxToggleSwitch",inheritAttrs:!1,props:{modelValue:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{attrs:n,emit:l}){const i=t.ref(),s=v("toggle-switch"),{rootClasses:r,rootStyle:a,otherAttrs:d}=U(n),o=P(t.toRef(e,"modelValue"),l);return{input:i,inputId:s,rootClasses:r,rootStyle:a,otherAttrs:d,wrappedModel:o,clickInput:()=>{i.value.click()}}}}),Il="",zo=["id","disabled"],Ro=["for"],vo=t.createElementVNode("span",{class:"cdx-toggle-switch__switch"},[t.createElementVNode("span",{class:"cdx-toggle-switch__switch__grip"})],-1);function Oo(e,n,l,i,s,r){return t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(["cdx-toggle-switch",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.withDirectives(t.createElementVNode("input",t.mergeProps({id:e.inputId,ref:"input","onUpdate:modelValue":n[0]||(n[0]=a=>e.wrappedModel=a),class:"cdx-toggle-switch__input",type:"checkbox",disabled:e.disabled},e.otherAttrs,{onKeydown:n[1]||(n[1]=t.withKeys(t.withModifiers((...a)=>e.clickInput&&e.clickInput(...a),["prevent"]),["enter"]))}),null,16,zo),[[t.vModelCheckbox,e.wrappedModel]]),e.$slots.default?(t.openBlock(),t.createElementBlock("label",{key:0,for:e.inputId,class:"cdx-toggle-switch__label"},[t.renderSlot(e.$slots,"default")],8,Ro)):t.createCommentVNode("",!0),vo],6)}const Fo=N(Do,[["render",Oo]]),qo=t.defineComponent({name:"CdxTypeaheadSearch",components:{CdxIcon:D,CdxMenu:X,CdxSearchInput:De},inheritAttrs:!1,props:{id:{type:String,required:!0},formAction:{type:String,required:!0},searchResultsLabel:{type:String,required:!0},searchResults:{type:Array,required:!0},buttonLabel:{type:String,default:""},initialInputValue:{type:String,default:""},searchFooterUrl:{type:String,default:""},debounceInterval:{type:Number,default:Ue},highlightQuery:{type:Boolean,default:!1},showThumbnail:{type:Boolean,default:!1},autoExpandWidth:{type:Boolean,default:!1},visibleItemLimit:{type:Number,default:null}},emits:["input","search-result-click","submit","load-more"],setup(e,{attrs:n,emit:l,slots:i}){const{searchResults:s,searchFooterUrl:r,debounceInterval:a}=t.toRefs(e),d=t.ref(),o=t.ref(),u=v("typeahead-search-menu"),c=t.ref(!1),g=t.ref(!1),b=t.ref(!1),I=t.ref(!1),_=t.ref(e.initialInputValue),E=t.ref(""),C=t.computed(()=>{var y,z;return(z=(y=o.value)==null?void 0:y.getHighlightedMenuItem())==null?void 0:z.id}),w=t.ref(null),S=t.computed(()=>({"cdx-typeahead-search__menu-message--has-thumbnail":e.showThumbnail})),V=t.computed(()=>e.searchResults.find(y=>y.value===w.value)),H=t.computed(()=>r.value?{value:G,url:r.value}:void 0),R=t.computed(()=>({"cdx-typeahead-search--show-thumbnail":e.showThumbnail,"cdx-typeahead-search--expanded":c.value,"cdx-typeahead-search--auto-expand-width":e.showThumbnail&&e.autoExpandWidth})),{rootClasses:A,rootStyle:O,otherAttrs:h}=U(n,R);function m(y){return y}const $=t.computed(()=>({visibleItemLimit:e.visibleItemLimit,showThumbnail:e.showThumbnail,boldLabel:!0,hideDescriptionOverflow:!0}));let T,x;function F(y,z=!1){V.value&&V.value.label!==y&&V.value.value!==y&&(w.value=null),x!==void 0&&(clearTimeout(x),x=void 0),y===""?c.value=!1:(g.value=!0,i["search-results-pending"]&&(x=setTimeout(()=>{I.value&&(c.value=!0),b.value=!0},We))),T!==void 0&&(clearTimeout(T),T=void 0);const j=()=>{l("input",y)};z?j():T=setTimeout(()=>{j()},a.value)}function Z(y){if(y===G){w.value=null,_.value=E.value;return}w.value=y,y!==null&&(_.value=V.value?V.value.label||String(V.value.value):"")}function f(){I.value=!0,(E.value||b.value)&&(c.value=!0)}function k(){I.value=!1,c.value=!1}function M(y){const Oe=y,{id:z}=Oe,j=ie(Oe,["id"]);if(j.value===G){l("search-result-click",{searchResult:null,index:s.value.length,numberOfResults:s.value.length});return}L(j)}function L(y){const z={searchResult:y,index:s.value.findIndex(j=>j.value===y.value),numberOfResults:s.value.length};l("search-result-click",z)}function Y(y){if(y.value===G){_.value=E.value;return}_.value=y.value?y.label||String(y.value):""}function W(y){var z;c.value=!1,(z=o.value)==null||z.clearActive(),M(y)}function Jo(y){if(V.value)L(V.value),y.stopPropagation(),window.location.assign(V.value.url),y.preventDefault();else{const z={searchResult:null,index:-1,numberOfResults:s.value.length};l("submit",z)}}function Xo(y){if(!o.value||!E.value||y.key===" ")return;const z=o.value.getHighlightedMenuItem(),j=o.value.getHighlightedViaKeyboard();switch(y.key){case"Enter":z&&(z.value===G&&j?window.location.assign(r.value):o.value.delegateKeyNavigation(y,!1)),c.value=!1;break;case"Tab":c.value=!1;break;default:o.value.delegateKeyNavigation(y);break}}return t.onMounted(()=>{e.initialInputValue&&F(e.initialInputValue,!0)}),t.watch(t.toRef(e,"searchResults"),()=>{E.value=_.value.trim(),I.value&&g.value&&E.value.length>0&&(c.value=!0),x!==void 0&&(clearTimeout(x),x=void 0),g.value=!1,b.value=!1}),{form:d,menu:o,menuId:u,highlightedId:C,selection:w,menuMessageClass:S,footer:H,asSearchResult:m,inputValue:_,searchQuery:E,expanded:c,showPending:b,rootClasses:A,rootStyle:O,otherAttrs:h,menuConfig:$,onUpdateInputValue:F,onUpdateMenuSelection:Z,onFocus:f,onBlur:k,onSearchResultClick:M,onSearchResultKeyboardNavigation:Y,onSearchFooterClick:W,onSubmit:Jo,onKeydown:Xo,MenuFooterValue:G,articleIcon:it}},methods:{focus(){this.$refs.searchInput.focus()}}}),Vl="",Po=["id","action"],Ho={class:"cdx-typeahead-search__menu-message__text"},jo={class:"cdx-typeahead-search__menu-message__text"},Uo=["href","onClickCapture"],Wo={class:"cdx-typeahead-search__search-footer__text"},Qo={class:"cdx-typeahead-search__search-footer__query"};function Go(e,n,l,i,s,r){const a=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-menu"),o=t.resolveComponent("cdx-search-input");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-typeahead-search",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("form",{id:e.id,ref:"form",class:"cdx-typeahead-search__form",action:e.formAction,onSubmit:n[4]||(n[4]=(...u)=>e.onSubmit&&e.onSubmit(...u))},[t.createVNode(o,t.mergeProps({ref:"searchInput",modelValue:e.inputValue,"onUpdate:modelValue":n[3]||(n[3]=u=>e.inputValue=u),"button-label":e.buttonLabel},e.otherAttrs,{class:"cdx-typeahead-search__input",name:"search",role:"combobox",autocomplete:"off","aria-autocomplete":"list","aria-owns":e.menuId,"aria-expanded":e.expanded,"aria-activedescendant":e.highlightedId,"onUpdate:modelValue":e.onUpdateInputValue,onFocus:e.onFocus,onBlur:e.onBlur,onKeydown:e.onKeydown}),{default:t.withCtx(()=>[t.createVNode(d,t.mergeProps({id:e.menuId,ref:"menu",expanded:e.expanded,"onUpdate:expanded":n[0]||(n[0]=u=>e.expanded=u),"show-pending":e.showPending,selected:e.selection,"menu-items":e.searchResults,footer:e.footer,"search-query":e.highlightQuery?e.searchQuery:"","show-no-results-slot":e.searchQuery.length>0&&e.searchResults.length===0&&e.$slots["search-no-results-text"]&&e.$slots["search-no-results-text"]().length>0},e.menuConfig,{"aria-label":e.searchResultsLabel,"onUpdate:selected":e.onUpdateMenuSelection,onMenuItemClick:n[1]||(n[1]=u=>e.onSearchResultClick(e.asSearchResult(u))),onMenuItemKeyboardNavigation:e.onSearchResultKeyboardNavigation,onLoadMore:n[2]||(n[2]=u=>e.$emit("load-more"))}),{pending:t.withCtx(()=>[t.createElementVNode("div",{class:t.normalizeClass(["cdx-typeahead-search__menu-message",e.menuMessageClass])},[t.createElementVNode("span",Ho,[t.renderSlot(e.$slots,"search-results-pending")])],2)]),"no-results":t.withCtx(()=>[t.createElementVNode("div",{class:t.normalizeClass(["cdx-typeahead-search__menu-message",e.menuMessageClass])},[t.createElementVNode("span",jo,[t.renderSlot(e.$slots,"search-no-results-text")])],2)]),default:t.withCtx(({menuItem:u,active:c})=>[u.value===e.MenuFooterValue?(t.openBlock(),t.createElementBlock("a",{key:0,class:t.normalizeClass(["cdx-typeahead-search__search-footer",{"cdx-typeahead-search__search-footer__active":c}]),href:e.asSearchResult(u).url,onClickCapture:t.withModifiers(g=>e.onSearchFooterClick(e.asSearchResult(u)),["stop"])},[t.createVNode(a,{class:"cdx-typeahead-search__search-footer__icon",icon:e.articleIcon},null,8,["icon"]),t.createElementVNode("span",Wo,[t.renderSlot(e.$slots,"search-footer-text",{searchQuery:e.searchQuery},()=>[t.createElementVNode("strong",Qo,t.toDisplayString(e.searchQuery),1)])])],42,Uo)):t.createCommentVNode("",!0)]),_:3},16,["id","expanded","show-pending","selected","menu-items","footer","search-query","show-no-results-slot","aria-label","onUpdate:selected","onMenuItemKeyboardNavigation"])]),_:3},16,["modelValue","button-label","aria-owns","aria-expanded","aria-activedescendant","onUpdate:modelValue","onFocus","onBlur","onKeydown"]),t.renderSlot(e.$slots,"default")],40,Po)],6)}const Zo=N(qo,[["render",Go]]);p.CdxButton=Q,p.CdxButtonGroup=Tt,p.CdxCard=Pt,p.CdxCheckbox=Gt,p.CdxCombobox=Ln,p.CdxDialog=Pn,p.CdxIcon=D,p.CdxInfoChip=tn,p.CdxLookup=Un,p.CdxMenu=X,p.CdxMenuItem=Ee,p.CdxMessage=Xn,p.CdxProgressBar=Me,p.CdxRadio=lo,p.CdxSearchInput=De,p.CdxSearchResultTitle=Ne,p.CdxSelect=fo,p.CdxTab=yo,p.CdxTabs=xo,p.CdxTextInput=le,p.CdxThumbnail=pe,p.CdxToggleButton=ve,p.CdxToggleButtonGroup=Ko,p.CdxToggleSwitch=Fo,p.CdxTypeaheadSearch=Zo,p.stringHelpers=on,p.useComputedDirection=ce,p.useComputedLanguage=Se,p.useGeneratedId=v,p.useIntersectionObserver=oe,p.useModelWrapper=P,p.useResizeObserver=ae,p.useSplitAttributes=U,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})}); + `));w&&(S=S.reverse());for(const V of S)if(V.focus(),document.activeElement===V)return!0;return!1}return t.watch(t.toRef(e,"open"),k=>{k?(b.value=window.innerWidth-document.documentElement.clientWidth,document.documentElement.style.setProperty("margin-right",`${b.value}px`),document.body.classList.add("cdx-dialog-open"),t.nextTick(()=>{var w;N(s.value)||(w=r.value)==null||w.focus()})):(document.body.classList.remove("cdx-dialog-open"),document.documentElement.style.removeProperty("margin-right"))}),{close:h,cdxIconClose:$e,labelId:l,rootClasses:c,dialogElement:i,focusTrapStart:a,focusTrapEnd:d,focusFirst:I,focusLast:_,dialogBody:s,focusHolder:r,showHeader:o,showFooterActions:u}}}),gl="",Kn=["aria-label","aria-labelledby"],Dn={key:0,class:"cdx-dialog__header__title-group"},zn=["id"],Rn={key:0,class:"cdx-dialog__header__subtitle"},vn={ref:"focusHolder",class:"cdx-dialog-focus-trap",tabindex:"-1"},On={key:0,class:"cdx-dialog__footer__text"},Fn={key:1,class:"cdx-dialog__footer__actions"};function qn(e,n,l,i,s,r){const a=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-button");return t.openBlock(),t.createBlock(t.Transition,{name:"cdx-dialog-fade",appear:""},{default:t.withCtx(()=>[e.open?(t.openBlock(),t.createElementBlock("div",{key:0,class:"cdx-dialog-backdrop",onClick:n[5]||(n[5]=(...o)=>e.close&&e.close(...o)),onKeyup:n[6]||(n[6]=t.withKeys((...o)=>e.close&&e.close(...o),["escape"]))},[t.createElementVNode("div",{ref:"focusTrapStart",tabindex:"0",onFocus:n[0]||(n[0]=(...o)=>e.focusLast&&e.focusLast(...o))},null,544),t.createElementVNode("div",t.mergeProps({ref:"dialogElement",class:["cdx-dialog",e.rootClasses],role:"dialog"},e.$attrs,{"aria-label":e.$slots.header||e.hideTitle?e.title:void 0,"aria-labelledby":!e.$slots.header&&!e.hideTitle?e.labelId:void 0,onClick:n[3]||(n[3]=t.withModifiers(()=>{},["stop"]))}),[e.showHeader||e.$slots.header?(t.openBlock(),t.createElementBlock("header",{key:0,class:t.normalizeClass(["cdx-dialog__header",{"cdx-dialog__header--default":!e.$slots.header}])},[t.renderSlot(e.$slots,"header",{},()=>[e.hideTitle?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("div",Dn,[t.createElementVNode("h2",{id:e.labelId,class:"cdx-dialog__header__title"},t.toDisplayString(e.title),9,zn),e.subtitle?(t.openBlock(),t.createElementBlock("p",Rn,t.toDisplayString(e.subtitle),1)):t.createCommentVNode("",!0)])),e.closeButtonLabel?(t.openBlock(),t.createBlock(d,{key:1,class:"cdx-dialog__header__close-button",weight:"quiet",type:"button","aria-label":e.closeButtonLabel,onClick:e.close},{default:t.withCtx(()=>[t.createVNode(a,{icon:e.cdxIconClose,"icon-label":e.closeButtonLabel},null,8,["icon","icon-label"])]),_:1},8,["aria-label","onClick"])):t.createCommentVNode("",!0)])],2)):t.createCommentVNode("",!0),t.createElementVNode("div",vn,null,512),t.createElementVNode("div",{ref:"dialogBody",class:t.normalizeClass(["cdx-dialog__body",{"cdx-dialog__body--no-header":!(e.showHeader||e.$slots.header),"cdx-dialog__body--no-footer":!(e.showFooterActions||e.$slots.footer||e.$slots["footer-text"])}])},[t.renderSlot(e.$slots,"default")],2),e.showFooterActions||e.$slots.footer||e.$slots["footer-text"]?(t.openBlock(),t.createElementBlock("footer",{key:1,class:t.normalizeClass(["cdx-dialog__footer",{"cdx-dialog__footer--default":!e.$slots.footer}])},[t.renderSlot(e.$slots,"footer",{},()=>[e.$slots["footer-text"]?(t.openBlock(),t.createElementBlock("p",On,[t.renderSlot(e.$slots,"footer-text")])):t.createCommentVNode("",!0),e.showFooterActions?(t.openBlock(),t.createElementBlock("div",Fn,[e.primaryAction?(t.openBlock(),t.createBlock(d,{key:0,class:"cdx-dialog__footer__primary-action",weight:"primary",action:e.primaryAction.actionType,disabled:e.primaryAction.disabled,onClick:n[1]||(n[1]=o=>e.$emit("primary"))},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.primaryAction.label),1)]),_:1},8,["action","disabled"])):t.createCommentVNode("",!0),e.defaultAction?(t.openBlock(),t.createBlock(d,{key:1,class:"cdx-dialog__footer__default-action",disabled:e.defaultAction.disabled,onClick:n[2]||(n[2]=o=>e.$emit("default"))},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.defaultAction.label),1)]),_:1},8,["disabled"])):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0)])],2)):t.createCommentVNode("",!0)],16,Kn),t.createElementVNode("div",{ref:"focusTrapEnd",tabindex:"0",onFocus:n[4]||(n[4]=(...o)=>e.focusFirst&&e.focusFirst(...o))},null,544)],32)):t.createCommentVNode("",!0)]),_:3})}const Pn=x(An,[["render",qn]]),Hn=B(te),fe=t.defineComponent({name:"CdxLookup",components:{CdxMenu:J,CdxTextInput:oe},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:Hn}},emits:["update:selected","input","load-more"],setup:(e,{emit:n,attrs:l,slots:i})=>{const s=t.ref(),r=t.ref(),a=O("lookup-menu"),d=t.ref(!1),o=t.ref(!1),u=t.ref(!1),c=t.toRef(e,"selected"),b=q(c,n,"update:selected"),h=t.computed(()=>e.menuItems.find(m=>m.value===e.selected)),I=t.computed(()=>{var m,T;return(T=(m=r.value)==null?void 0:m.getHighlightedMenuItem())==null?void 0:T.id}),_=t.ref(e.initialInputValue),N=le(s),k=t.computed(()=>{var m;return`${(m=N.value.width)!=null?m:0}px`}),w=t.computed(()=>({"cdx-lookup--disabled":e.disabled,"cdx-lookup--pending":d.value})),{rootClasses:S,rootStyle:V,otherAttrs:P}=j(l,w);function A(m){h.value&&h.value.label!==m&&h.value.value!==m&&(b.value=null),m===""?(o.value=!1,d.value=!1):d.value=!0,n("input",m)}function v(){u.value=!0,_.value!==null&&_.value!==""&&(e.menuItems.length>0||i["no-results"])&&(o.value=!0)}function C(){u.value=!1,o.value=!1}function g(m){!r.value||e.disabled||e.menuItems.length===0&&!i["no-results"]||m.key===" "||r.value.delegateKeyNavigation(m)}return t.watch(c,m=>{if(m!==null){const T=h.value?h.value.label||h.value.value:"";_.value!==T&&(_.value=T,n("input",_.value))}}),t.watch(t.toRef(e,"menuItems"),m=>{u.value&&d.value&&(m.length>0||i["no-results"])&&(o.value=!0),m.length===0&&!i["no-results"]&&(o.value=!1),d.value=!1}),{rootElement:s,currentWidthInPx:k,menu:r,menuId:a,highlightedId:I,inputValue:_,modelWrapper:b,expanded:o,onInputBlur:C,rootClasses:S,rootStyle:V,otherAttrs:P,onUpdateInput:A,onInputFocus:v,onKeydown:g}}}),Ae=()=>{t.useCssVars(e=>({"51c485f8":e.currentWidthInPx}))},Ke=fe.setup;fe.setup=Ke?(e,n)=>(Ae(),Ke(e,n)):Ae;const bl="";function jn(e,n,l,i,s,r){const a=t.resolveComponent("cdx-text-input"),d=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(a,t.mergeProps({modelValue:e.inputValue,"onUpdate:modelValue":n[0]||(n[0]=o=>e.inputValue=o)},e.otherAttrs,{class:"cdx-lookup__input",role:"combobox",autocomplete:"off","aria-autocomplete":"list","aria-controls":e.menuId,"aria-owns":e.menuId,"aria-expanded":e.expanded,"aria-activedescendant":e.highlightedId,disabled:e.disabled,status:e.status,"onUpdate:modelValue":e.onUpdateInput,onFocus:e.onInputFocus,onBlur:e.onInputBlur,onKeydown:e.onKeydown}),null,16,["modelValue","aria-controls","aria-owns","aria-expanded","aria-activedescendant","disabled","status","onUpdate:modelValue","onFocus","onBlur","onKeydown"]),t.createVNode(d,t.mergeProps({id:e.menuId,ref:"menu",selected:e.modelWrapper,"onUpdate:selected":n[1]||(n[1]=o=>e.modelWrapper=o),expanded:e.expanded,"onUpdate:expanded":n[2]||(n[2]=o=>e.expanded=o),"menu-items":e.menuItems},e.menuConfig,{onLoadMore:n[3]||(n[3]=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 Un=x(fe,[["render",jn]]),Wn={notice:ct,error:_e,warning:ke,success:we},Qn=t.defineComponent({name:"CdxMessage",components:{CdxButton:W,CdxIcon:z},props:{type:{type:String,default:"notice",validator:F},inline:{type:Boolean,default:!1},icon:{type:[String,Object],default:null},fadeIn:{type:Boolean,default:!1},dismissButtonLabel:{type:String,default:""},autoDismiss:{type:[Boolean,Number],default:!1,validator:e=>typeof e=="boolean"||typeof e=="number"&&e>0}},emits:["user-dismissed","auto-dismissed"],setup(e,{emit:n}){const l=t.ref(!1),i=t.computed(()=>e.inline===!1&&e.dismissButtonLabel.length>0),s=t.computed(()=>e.autoDismiss===!1?!1:e.autoDismiss===!0?4e3:e.autoDismiss),r=t.computed(()=>({"cdx-message--inline":e.inline,"cdx-message--block":!e.inline,"cdx-message--user-dismissable":i.value,[`cdx-message--${e.type}`]:!0})),a=t.computed(()=>e.icon&&e.type==="notice"?e.icon:Wn[e.type]),d=t.ref("");function o(u){l.value||(d.value=u==="user-dismissed"?"cdx-message-leave-active-user":"cdx-message-leave-active-system",l.value=!0,n(u))}return t.onMounted(()=>{s.value&&setTimeout(()=>o("auto-dismissed"),s.value)}),{dismissed:l,userDismissable:i,rootClasses:r,leaveActiveClass:d,computedIcon:a,onDismiss:o,cdxIconClose:$e}}}),yl="",Gn=["aria-live","role"],Zn={class:"cdx-message__content"};function Jn(e,n,l,i,s,r){const a=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-button");return t.openBlock(),t.createBlock(t.Transition,{name:"cdx-message",appear:e.fadeIn,"leave-active-class":e.leaveActiveClass},{default:t.withCtx(()=>[e.dismissed?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["cdx-message",e.rootClasses]),"aria-live":e.type!=="error"?"polite":void 0,role:e.type==="error"?"alert":void 0},[t.createVNode(a,{class:"cdx-message__icon--vue",icon:e.computedIcon},null,8,["icon"]),t.createElementVNode("div",Zn,[t.renderSlot(e.$slots,"default")]),e.userDismissable?(t.openBlock(),t.createBlock(d,{key:0,class:"cdx-message__dismiss-button",weight:"quiet",type:"button","aria-label":e.dismissButtonLabel,onClick:n[0]||(n[0]=o=>e.onDismiss("user-dismissed"))},{default:t.withCtx(()=>[t.createVNode(a,{icon:e.cdxIconClose,"icon-label":e.dismissButtonLabel},null,8,["icon","icon-label"])]),_:1},8,["aria-label"])):t.createCommentVNode("",!0)],10,Gn))]),_:3},8,["appear","leave-active-class"])}const Xn=x(Qn,[["render",Jn]]),Yn=t.defineComponent({name:"CdxRadio",props:{modelValue:{type:[String,Number,Boolean],default:""},inputValue:{type:[String,Number,Boolean],default:!1},name:{type:String,default:""},disabled:{type:Boolean,default:!1},inline:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:n}){const l=t.computed(()=>({"cdx-radio--inline":e.inline})),i=t.ref(),s=O("radio"),r=()=>{i.value.focus()},a=q(t.toRef(e,"modelValue"),n);return{rootClasses:l,input:i,radioId:s,focusInput:r,wrappedModel:a}}}),Cl="",eo=["id","name","value","disabled"],to=t.createElementVNode("span",{class:"cdx-radio__icon"},null,-1),no=["for"];function oo(e,n,l,i,s,r){return t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(["cdx-radio",e.rootClasses])},[t.withDirectives(t.createElementVNode("input",{id:e.radioId,ref:"input","onUpdate:modelValue":n[0]||(n[0]=a=>e.wrappedModel=a),class:"cdx-radio__input",type:"radio",name:e.name,value:e.inputValue,disabled:e.disabled},null,8,eo),[[t.vModelRadio,e.wrappedModel]]),to,t.createElementVNode("label",{class:"cdx-radio__label",for:e.radioId,onClick:n[1]||(n[1]=(...a)=>e.focusInput&&e.focusInput(...a))},[t.renderSlot(e.$slots,"default")],8,no)],2)}const lo=x(Yn,[["render",oo]]),ao=B(te),so=t.defineComponent({name:"CdxSearchInput",components:{CdxButton:W,CdxTextInput:oe},inheritAttrs:!1,props:{modelValue:{type:[String,Number],default:""},buttonLabel:{type:String,default:""},status:{type:String,default:"default",validator:ao}},emits:["update:modelValue","submit-click"],setup(e,{emit:n,attrs:l}){const i=q(t.toRef(e,"modelValue"),n),s=t.computed(()=>({"cdx-search-input--has-end-button":!!e.buttonLabel})),{rootClasses:r,rootStyle:a,otherAttrs:d}=j(l,s);return{wrappedModel:i,rootClasses:r,rootStyle:a,otherAttrs:d,handleSubmit:()=>{n("submit-click",i.value)},searchIcon:mt}},methods:{focus(){this.$refs.textInput.focus()}}}),kl="",io={class:"cdx-search-input__input-wrapper"};function ro(e,n,l,i,s,r){const a=t.resolveComponent("cdx-text-input"),d=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-search-input",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("div",io,[t.createVNode(a,t.mergeProps({ref:"textInput",modelValue:e.wrappedModel,"onUpdate:modelValue":n[0]||(n[0]=o=>e.wrappedModel=o),class:"cdx-search-input__text-input","input-type":"search","start-icon":e.searchIcon,status:e.status},e.otherAttrs,{onKeydown:t.withKeys(e.handleSubmit,["enter"])}),null,16,["modelValue","start-icon","status","onKeydown"]),t.renderSlot(e.$slots,"default")]),e.buttonLabel?(t.openBlock(),t.createBlock(d,{key:0,class:"cdx-search-input__end-button",onClick:e.handleSubmit},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.buttonLabel),1)]),_:1},8,["onClick"])):t.createCommentVNode("",!0)],6)}const De=x(so,[["render",ro]]),he=t.defineComponent({name:"CdxSelect",components:{CdxIcon:z,CdxMenu:J},props:{menuItems:{type:Array,required:!0},selected:{type:[String,Number,null],required:!0},defaultLabel:{type:String,default:""},disabled:{type:Boolean,default:!1},menuConfig:{type:Object,default:()=>({})},defaultIcon:{type:[String,Object],default:void 0}},emits:["update:selected","load-more"],setup(e,{emit:n}){const l=t.ref(),i=t.ref(),s=O("select-handle"),r=O("select-menu"),a=t.ref(!1),d=q(t.toRef(e,"selected"),n,"update:selected"),o=t.computed(()=>e.menuItems.find(S=>S.value===e.selected)),u=t.computed(()=>o.value?o.value.label||o.value.value:e.defaultLabel),c=le(l),b=t.computed(()=>{var S;return`${(S=c.value.width)!=null?S:0}px`}),h=t.computed(()=>{if(e.defaultIcon&&!o.value)return e.defaultIcon;if(o.value&&o.value.icon)return o.value.icon}),I=t.computed(()=>({"cdx-select-vue--enabled":!e.disabled,"cdx-select-vue--disabled":e.disabled,"cdx-select-vue--expanded":a.value,"cdx-select-vue--value-selected":!!o.value,"cdx-select-vue--no-selections":!o.value,"cdx-select-vue--has-start-icon":!!h.value})),_=t.computed(()=>{var S,V;return(V=(S=i.value)==null?void 0:S.getHighlightedMenuItem())==null?void 0:V.id});function N(){a.value=!1}function k(){var S;e.disabled||(a.value=!a.value,(S=l.value)==null||S.focus())}function w(S){var V;e.disabled||(V=i.value)==null||V.delegateKeyNavigation(S)}return{handle:l,handleId:s,menu:i,menuId:r,modelWrapper:d,selectedMenuItem:o,highlightedId:_,expanded:a,onBlur:N,currentLabel:u,currentWidthInPx:b,rootClasses:I,onClick:k,onKeydown:w,startIcon:h,cdxIconExpand:Be}}}),ze=()=>{t.useCssVars(e=>({"79331f78":e.currentWidthInPx}))},Re=he.setup;he.setup=Re?(e,n)=>(ze(),Re(e,n)):ze;const $l="",co=["aria-disabled"],uo=["aria-owns","aria-labelledby","aria-activedescendant","aria-expanded"],po=["id"];function mo(e,n,l,i,s,r){const a=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-menu");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-select-vue",e.rootClasses]),"aria-disabled":e.disabled},[t.createElementVNode("div",{ref:"handle",class:"cdx-select-vue__handle",tabindex:"0",role:"combobox","aria-autocomplete":"list","aria-owns":e.menuId,"aria-labelledby":e.handleId,"aria-activedescendant":e.highlightedId,"aria-haspopup":"listbox","aria-expanded":e.expanded,onClick:n[0]||(n[0]=(...o)=>e.onClick&&e.onClick(...o)),onBlur:n[1]||(n[1]=(...o)=>e.onBlur&&e.onBlur(...o)),onKeydown:n[2]||(n[2]=(...o)=>e.onKeydown&&e.onKeydown(...o))},[t.createElementVNode("span",{id:e.handleId,role:"textbox","aria-readonly":"true"},[t.renderSlot(e.$slots,"label",{selectedMenuItem:e.selectedMenuItem,defaultLabel:e.defaultLabel},()=>[t.createTextVNode(t.toDisplayString(e.currentLabel),1)])],8,po),e.startIcon?(t.openBlock(),t.createBlock(a,{key:0,icon:e.startIcon,class:"cdx-select-vue__start-icon"},null,8,["icon"])):t.createCommentVNode("",!0),t.createVNode(a,{icon:e.cdxIconExpand,class:"cdx-select-vue__indicator"},null,8,["icon"])],40,uo),t.createVNode(d,t.mergeProps({id:e.menuId,ref:"menu",selected:e.modelWrapper,"onUpdate:selected":n[3]||(n[3]=o=>e.modelWrapper=o),expanded:e.expanded,"onUpdate:expanded":n[4]||(n[4]=o=>e.expanded=o),"menu-items":e.menuItems},e.menuConfig,{onLoadMore:n[5]||(n[5]=o=>e.$emit("load-more"))}),{default:t.withCtx(({menuItem:o})=>[t.renderSlot(e.$slots,"menu-item",{menuItem:o})]),_:3},16,["id","selected","expanded","menu-items"])],10,co)}const fo=x(he,[["render",mo]]),ho=t.defineComponent({name:"CdxTab",props:{name:{type:String,required:!0},label:{type:String,default:""},disabled:{type:Boolean,default:!1}},setup(e){const n=t.inject(ye),l=t.inject(Ce);if(!n||!l)throw new Error("Tab component must be used inside a Tabs component");const i=n.value.get(e.name)||{},s=t.computed(()=>e.name===l.value);return{tab:i,isActive:s}}}),_l="",go=["id","aria-hidden","aria-labelledby"];function bo(e,n,l,i,s,r){return t.withDirectives((t.openBlock(),t.createElementBlock("section",{id:e.tab.id,"aria-hidden":!e.isActive,"aria-labelledby":`${e.tab.id}-label`,class:"cdx-tab",role:"tabpanel",tabindex:"-1"},[t.renderSlot(e.$slots,"default")],8,go)),[[t.vShow,e.isActive]])}const yo=x(ho,[["render",bo]]),Co=t.defineComponent({name:"CdxTabs",components:{CdxButton:W,CdxIcon:z},props:{active:{type:String,required:!0},framed:{type:Boolean,default:!1}},emits:["update:active"],expose:["select","next","prev"],setup(e,{slots:n,emit:l}){const i=t.ref(),s=t.ref(),r=t.ref(),a=t.ref(),d=t.ref(),o=de(i),u=t.computed(()=>{var T;const C=[],g=(T=n.default)==null?void 0:T.call(n);g&&g.forEach(m);function m(E){E&&typeof E=="object"&&"type"in E&&(typeof E.type=="object"&&"name"in E.type&&E.type.name==="CdxTab"?C.push(E):"children"in E&&Array.isArray(E.children)&&E.children.forEach(m))}return C});if(!u.value||u.value.length===0)throw new Error("Slot content cannot be empty");const c=t.computed(()=>u.value.reduce((C,g)=>{var m;if((m=g.props)!=null&&m.name&&typeof g.props.name=="string"){if(C.get(g.props.name))throw new Error("Tab names must be unique");C.set(g.props.name,{name:g.props.name,id:O(g.props.name),label:g.props.label||g.props.name,disabled:g.props.disabled})}return C},new Map)),b=q(t.toRef(e,"active"),l,"update:active"),h=t.computed(()=>Array.from(c.value.keys())),I=t.computed(()=>h.value.indexOf(b.value)),_=t.computed(()=>{var C;return(C=c.value.get(b.value))==null?void 0:C.id});t.provide(Ce,b),t.provide(ye,c);const N=t.ref(),k=t.ref(),w=ne(N,{threshold:.95}),S=ne(k,{threshold:.95});function V(C,g){const m=C;m&&(g===0?N.value=m:g===h.value.length-1&&(k.value=m))}const P=t.computed(()=>({"cdx-tabs--framed":e.framed,"cdx-tabs--quiet":!e.framed}));function A(C){if(!s.value||!a.value||!d.value)return 0;const g=o.value==="rtl"?d.value:a.value,m=o.value==="rtl"?a.value:d.value,T=C.offsetLeft,E=T+C.clientWidth,K=s.value.scrollLeft+g.clientWidth,Q=s.value.scrollLeft+s.value.clientWidth-m.clientWidth;return T<K?T-K:E>Q?E-Q:0}function v(C){var E;if(!s.value||!a.value||!d.value)return;const g=C==="next"&&o.value==="ltr"||C==="prev"&&o.value==="rtl"?1:-1;let m=0,T=C==="next"?s.value.firstElementChild:s.value.lastElementChild;for(;T;){const K=C==="next"?T.nextElementSibling:T.previousElementSibling;if(m=A(T),Math.sign(m)===g){K&&Math.abs(m)<.25*s.value.clientWidth&&(m=A(K));break}T=K}s.value.scrollBy({left:m,behavior:"smooth"}),(E=r.value)==null||E.focus()}return t.watch(b,()=>{if(_.value===void 0||!s.value||!a.value||!d.value)return;const C=document.getElementById(`${_.value}-label`);C&&s.value.scrollBy({left:A(C),behavior:"smooth"})}),{activeTab:b,activeTabIndex:I,activeTabId:_,currentDirection:o,rootElement:i,listElement:s,focusHolder:r,prevScroller:a,nextScroller:d,rootClasses:P,tabNames:h,tabsData:c,firstLabelVisible:w,lastLabelVisible:S,assignTemplateRefIfNecessary:V,scrollTabs:v,cdxIconPrevious:pt,cdxIconNext:ut}},methods:{select(e){const n=this.tabsData.get(e);n&&!(n!=null&&n.disabled)&&(this.activeTab=e)},selectNonDisabled(e,n){const l=this.tabsData.get(this.tabNames[e+n]);l&&(l.disabled?this.selectNonDisabled(e+n,n):this.select(l.name))},next(){this.selectNonDisabled(this.activeTabIndex,1)},prev(){this.selectNonDisabled(this.activeTabIndex,-1)},onLeftArrowKeypress(){this.currentDirection==="rtl"?this.next():this.prev()},onRightArrowKeypress(){this.currentDirection==="rtl"?this.prev():this.next()},onDownArrowKeypress(){var e;this.activeTabId&&((e=document.getElementById(this.activeTabId))==null||e.focus())}}}),Bl="",ko={ref:"focusHolder",tabindex:"-1"},$o={ref:"prevScroller",class:"cdx-tabs__prev-scroller"},_o=["aria-activedescendant"],Bo=["id"],wo=["href","aria-disabled","aria-selected","onClick","onKeyup"],So={ref:"nextScroller",class:"cdx-tabs__next-scroller"},Io={class:"cdx-tabs__content"};function Vo(e,n,l,i,s,r){const a=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("div",{ref:"rootElement",class:t.normalizeClass(["cdx-tabs",e.rootClasses])},[t.createElementVNode("div",{class:"cdx-tabs__header",tabindex:"0",onKeydown:[n[4]||(n[4]=t.withKeys(t.withModifiers((...o)=>e.onRightArrowKeypress&&e.onRightArrowKeypress(...o),["prevent"]),["right"])),n[5]||(n[5]=t.withKeys(t.withModifiers((...o)=>e.onDownArrowKeypress&&e.onDownArrowKeypress(...o),["prevent"]),["down"])),n[6]||(n[6]=t.withKeys(t.withModifiers((...o)=>e.onLeftArrowKeypress&&e.onLeftArrowKeypress(...o),["prevent"]),["left"]))]},[t.createElementVNode("div",ko,null,512),t.withDirectives(t.createElementVNode("div",$o,[t.createVNode(d,{class:"cdx-tabs__scroll-button",weight:"quiet",type:"button",tabindex:"-1","aria-hidden":!0,onMousedown:n[0]||(n[0]=t.withModifiers(()=>{},["prevent"])),onClick:n[1]||(n[1]=o=>e.scrollTabs("prev"))},{default:t.withCtx(()=>[t.createVNode(a,{icon:e.cdxIconPrevious},null,8,["icon"])]),_:1})],512),[[t.vShow,!e.firstLabelVisible]]),t.createElementVNode("ul",{ref:"listElement",class:"cdx-tabs__list",role:"tablist","aria-activedescendant":e.activeTabId},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.tabsData.values(),(o,u)=>(t.openBlock(),t.createElementBlock("li",{id:`${o.id}-label`,key:u,ref_for:!0,ref:c=>e.assignTemplateRefIfNecessary(c,u),class:"cdx-tabs__list__item",role:"presentation"},[t.createElementVNode("a",{href:`#${o.id}`,role:"tab",tabIndex:"-1","aria-disabled":o.disabled,"aria-selected":o.name===e.activeTab,onClick:t.withModifiers(c=>e.select(o.name),["prevent"]),onKeyup:t.withKeys(c=>e.select(o.name),["enter"])},t.toDisplayString(o.label),41,wo)],8,Bo))),128))],8,_o),t.withDirectives(t.createElementVNode("div",So,[t.createVNode(d,{class:"cdx-tabs__scroll-button",weight:"quiet",type:"button",tabindex:"-1","aria-hidden":!0,onMousedown:n[2]||(n[2]=t.withModifiers(()=>{},["prevent"])),onClick:n[3]||(n[3]=o=>e.scrollTabs("next"))},{default:t.withCtx(()=>[t.createVNode(a,{icon:e.cdxIconNext},null,8,["icon"])]),_:1})],512),[[t.vShow,!e.lastLabelVisible]])],32),t.createElementVNode("div",Io,[t.renderSlot(e.$slots,"default")])],2)}const xo=x(Co,[["render",Vo]]),No=t.defineComponent({name:"CdxToggleButton",props:{modelValue:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},quiet:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:n}){const l=t.ref(!1);return{rootClasses:t.computed(()=>({"cdx-toggle-button--quiet":e.quiet,"cdx-toggle-button--framed":!e.quiet,"cdx-toggle-button--toggled-on":e.modelValue,"cdx-toggle-button--toggled-off":!e.modelValue,"cdx-toggle-button--is-active":l.value})),onClick:()=>{n("update:modelValue",!e.modelValue)},setActive:a=>{l.value=a}}}}),wl="",Eo=["aria-pressed","disabled"];function Mo(e,n,l,i,s,r){return t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(["cdx-toggle-button",e.rootClasses]),"aria-pressed":e.modelValue,disabled:e.disabled,onClick:n[0]||(n[0]=(...a)=>e.onClick&&e.onClick(...a)),onKeydown:n[1]||(n[1]=t.withKeys(a=>e.setActive(!0),["space","enter"])),onKeyup:n[2]||(n[2]=t.withKeys(a=>e.setActive(!1),["space","enter"]))},[t.renderSlot(e.$slots,"default")],42,Eo)}const ve=x(No,[["render",Mo]]),To=t.defineComponent({name:"CdxToggleButtonGroup",components:{CdxIcon:z,CdxToggleButton:ve},props:{buttons:{type:Array,required:!0,validator:e=>Array.isArray(e)&&e.length>=1},modelValue:{type:[String,Number,null,Array],required:!0},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:n}){function l(s){return Array.isArray(e.modelValue)?e.modelValue.indexOf(s.value)!==-1:e.modelValue!==null?e.modelValue===s.value:!1}function i(s,r){if(Array.isArray(e.modelValue)){const a=e.modelValue.indexOf(s.value)!==-1;r&&!a?n("update:modelValue",e.modelValue.concat(s.value)):!r&&a&&n("update:modelValue",e.modelValue.filter(d=>d!==s.value))}else r&&e.modelValue!==s.value&&n("update:modelValue",s.value)}return{getButtonLabel:Ie,isSelected:l,onUpdate:i}}}),Sl="",Lo={class:"cdx-toggle-button-group"};function Ao(e,n,l,i,s,r){const a=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-toggle-button");return t.openBlock(),t.createElementBlock("div",Lo,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.buttons,o=>(t.openBlock(),t.createBlock(d,{key:o.value,"model-value":e.isSelected(o),disabled:o.disabled||e.disabled,"aria-label":o.ariaLabel,"onUpdate:modelValue":u=>e.onUpdate(o,u)},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default",{button:o,selected:e.isSelected(o)},()=>[o.icon?(t.openBlock(),t.createBlock(a,{key:0,icon:o.icon},null,8,["icon"])):t.createCommentVNode("",!0),t.createTextVNode(" "+t.toDisplayString(e.getButtonLabel(o)),1)])]),_:2},1032,["model-value","disabled","aria-label","onUpdate:modelValue"]))),128))])}const Ko=x(To,[["render",Ao]]),Do=t.defineComponent({name:"CdxToggleSwitch",inheritAttrs:!1,props:{modelValue:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{attrs:n,emit:l}){const i=t.ref(),s=O("toggle-switch"),{rootClasses:r,rootStyle:a,otherAttrs:d}=j(n),o=q(t.toRef(e,"modelValue"),l);return{input:i,inputId:s,rootClasses:r,rootStyle:a,otherAttrs:d,wrappedModel:o,clickInput:()=>{i.value.click()}}}}),Il="",zo=["id","disabled"],Ro=["for"],vo=t.createElementVNode("span",{class:"cdx-toggle-switch__switch"},[t.createElementVNode("span",{class:"cdx-toggle-switch__switch__grip"})],-1);function Oo(e,n,l,i,s,r){return t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(["cdx-toggle-switch",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.withDirectives(t.createElementVNode("input",t.mergeProps({id:e.inputId,ref:"input","onUpdate:modelValue":n[0]||(n[0]=a=>e.wrappedModel=a),class:"cdx-toggle-switch__input",type:"checkbox",disabled:e.disabled},e.otherAttrs,{onKeydown:n[1]||(n[1]=t.withKeys(t.withModifiers((...a)=>e.clickInput&&e.clickInput(...a),["prevent"]),["enter"]))}),null,16,zo),[[t.vModelCheckbox,e.wrappedModel]]),e.$slots.default?(t.openBlock(),t.createElementBlock("label",{key:0,for:e.inputId,class:"cdx-toggle-switch__label"},[t.renderSlot(e.$slots,"default")],8,Ro)):t.createCommentVNode("",!0),vo],6)}const Fo=x(Do,[["render",Oo]]),qo=t.defineComponent({name:"CdxTypeaheadSearch",components:{CdxIcon:z,CdxMenu:J,CdxSearchInput:De},inheritAttrs:!1,props:{id:{type:String,required:!0},formAction:{type:String,required:!0},searchResultsLabel:{type:String,required:!0},searchResults:{type:Array,required:!0},buttonLabel:{type:String,default:""},initialInputValue:{type:String,default:""},searchFooterUrl:{type:String,default:""},debounceInterval:{type:Number,default:Ue},highlightQuery:{type:Boolean,default:!1},showThumbnail:{type:Boolean,default:!1},autoExpandWidth:{type:Boolean,default:!1},visibleItemLimit:{type:Number,default:null}},emits:["input","search-result-click","submit","load-more"],setup(e,{attrs:n,emit:l,slots:i}){const{searchResults:s,searchFooterUrl:r,debounceInterval:a}=t.toRefs(e),d=t.ref(),o=t.ref(),u=O("typeahead-search-menu"),c=t.ref(!1),b=t.ref(!1),h=t.ref(!1),I=t.ref(!1),_=t.ref(e.initialInputValue),N=t.ref(""),k=t.computed(()=>{var y,R;return(R=(y=o.value)==null?void 0:y.getHighlightedMenuItem())==null?void 0:R.id}),w=t.ref(null),S=t.computed(()=>({"cdx-typeahead-search__menu-message--has-thumbnail":e.showThumbnail})),V=t.computed(()=>e.searchResults.find(y=>y.value===w.value)),P=t.computed(()=>r.value?{value:G,url:r.value}:void 0),A=t.computed(()=>({"cdx-typeahead-search--show-thumbnail":e.showThumbnail,"cdx-typeahead-search--expanded":c.value,"cdx-typeahead-search--auto-expand-width":e.showThumbnail&&e.autoExpandWidth})),{rootClasses:v,rootStyle:C,otherAttrs:g}=j(n,A);function m(y){return y}const T=t.computed(()=>({visibleItemLimit:e.visibleItemLimit,showThumbnail:e.showThumbnail,boldLabel:!0,hideDescriptionOverflow:!0}));let E,K;function Q(y,R=!1){V.value&&V.value.label!==y&&V.value.value!==y&&(w.value=null),K!==void 0&&(clearTimeout(K),K=void 0),y===""?c.value=!1:(b.value=!0,i["search-results-pending"]&&(K=setTimeout(()=>{I.value&&(c.value=!0),h.value=!0},We))),E!==void 0&&(clearTimeout(E),E=void 0);const H=()=>{l("input",y)};R?H():E=setTimeout(()=>{H()},a.value)}function ge(y){if(y===G){w.value=null,_.value=N.value;return}w.value=y,y!==null&&(_.value=V.value?V.value.label||String(V.value.value):"")}function f(){I.value=!0,(N.value||h.value)&&(c.value=!0)}function $(){I.value=!1,c.value=!1}function M(y){const Oe=y,{id:R}=Oe,H=se(Oe,["id"]);if(H.value===G){l("search-result-click",{searchResult:null,index:s.value.length,numberOfResults:s.value.length});return}L(H)}function L(y){const R={searchResult:y,index:s.value.findIndex(H=>H.value===y.value),numberOfResults:s.value.length};l("search-result-click",R)}function X(y){if(y.value===G){_.value=N.value;return}_.value=y.value?y.label||String(y.value):""}function U(y){var R;c.value=!1,(R=o.value)==null||R.clearActive(),M(y)}function Jo(y){if(V.value)L(V.value),y.stopPropagation(),window.location.assign(V.value.url),y.preventDefault();else{const R={searchResult:null,index:-1,numberOfResults:s.value.length};l("submit",R)}}function Xo(y){if(!o.value||!N.value||y.key===" ")return;const R=o.value.getHighlightedMenuItem(),H=o.value.getHighlightedViaKeyboard();switch(y.key){case"Enter":R&&(R.value===G&&H?window.location.assign(r.value):o.value.delegateKeyNavigation(y,!1)),c.value=!1;break;case"Tab":c.value=!1;break;default:o.value.delegateKeyNavigation(y);break}}return t.onMounted(()=>{e.initialInputValue&&Q(e.initialInputValue,!0)}),t.watch(t.toRef(e,"searchResults"),()=>{N.value=_.value.trim(),I.value&&b.value&&N.value.length>0&&(c.value=!0),K!==void 0&&(clearTimeout(K),K=void 0),b.value=!1,h.value=!1}),{form:d,menu:o,menuId:u,highlightedId:k,selection:w,menuMessageClass:S,footer:P,asSearchResult:m,inputValue:_,searchQuery:N,expanded:c,showPending:h,rootClasses:v,rootStyle:C,otherAttrs:g,menuConfig:T,onUpdateInputValue:Q,onUpdateMenuSelection:ge,onFocus:f,onBlur:$,onSearchResultClick:M,onSearchResultKeyboardNavigation:X,onSearchFooterClick:U,onSubmit:Jo,onKeydown:Xo,MenuFooterValue:G,articleIcon:it}},methods:{focus(){this.$refs.searchInput.focus()}}}),Vl="",Po=["id","action"],Ho={class:"cdx-typeahead-search__menu-message__text"},jo={class:"cdx-typeahead-search__menu-message__text"},Uo=["href","onClickCapture"],Wo={class:"cdx-typeahead-search__search-footer__text"},Qo={class:"cdx-typeahead-search__search-footer__query"};function Go(e,n,l,i,s,r){const a=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-menu"),o=t.resolveComponent("cdx-search-input");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-typeahead-search",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("form",{id:e.id,ref:"form",class:"cdx-typeahead-search__form",action:e.formAction,onSubmit:n[4]||(n[4]=(...u)=>e.onSubmit&&e.onSubmit(...u))},[t.createVNode(o,t.mergeProps({ref:"searchInput",modelValue:e.inputValue,"onUpdate:modelValue":n[3]||(n[3]=u=>e.inputValue=u),"button-label":e.buttonLabel},e.otherAttrs,{class:"cdx-typeahead-search__input",name:"search",role:"combobox",autocomplete:"off","aria-autocomplete":"list","aria-owns":e.menuId,"aria-expanded":e.expanded,"aria-activedescendant":e.highlightedId,"onUpdate:modelValue":e.onUpdateInputValue,onFocus:e.onFocus,onBlur:e.onBlur,onKeydown:e.onKeydown}),{default:t.withCtx(()=>[t.createVNode(d,t.mergeProps({id:e.menuId,ref:"menu",expanded:e.expanded,"onUpdate:expanded":n[0]||(n[0]=u=>e.expanded=u),"show-pending":e.showPending,selected:e.selection,"menu-items":e.searchResults,footer:e.footer,"search-query":e.highlightQuery?e.searchQuery:"","show-no-results-slot":e.searchQuery.length>0&&e.searchResults.length===0&&e.$slots["search-no-results-text"]&&e.$slots["search-no-results-text"]().length>0},e.menuConfig,{"aria-label":e.searchResultsLabel,"onUpdate:selected":e.onUpdateMenuSelection,onMenuItemClick:n[1]||(n[1]=u=>e.onSearchResultClick(e.asSearchResult(u))),onMenuItemKeyboardNavigation:e.onSearchResultKeyboardNavigation,onLoadMore:n[2]||(n[2]=u=>e.$emit("load-more"))}),{pending:t.withCtx(()=>[t.createElementVNode("div",{class:t.normalizeClass(["cdx-typeahead-search__menu-message",e.menuMessageClass])},[t.createElementVNode("span",Ho,[t.renderSlot(e.$slots,"search-results-pending")])],2)]),"no-results":t.withCtx(()=>[t.createElementVNode("div",{class:t.normalizeClass(["cdx-typeahead-search__menu-message",e.menuMessageClass])},[t.createElementVNode("span",jo,[t.renderSlot(e.$slots,"search-no-results-text")])],2)]),default:t.withCtx(({menuItem:u,active:c})=>[u.value===e.MenuFooterValue?(t.openBlock(),t.createElementBlock("a",{key:0,class:t.normalizeClass(["cdx-typeahead-search__search-footer",{"cdx-typeahead-search__search-footer__active":c}]),href:e.asSearchResult(u).url,onClickCapture:t.withModifiers(b=>e.onSearchFooterClick(e.asSearchResult(u)),["stop"])},[t.createVNode(a,{class:"cdx-typeahead-search__search-footer__icon",icon:e.articleIcon},null,8,["icon"]),t.createElementVNode("span",Wo,[t.renderSlot(e.$slots,"search-footer-text",{searchQuery:e.searchQuery},()=>[t.createElementVNode("strong",Qo,t.toDisplayString(e.searchQuery),1)])])],42,Uo)):t.createCommentVNode("",!0)]),_:3},16,["id","expanded","show-pending","selected","menu-items","footer","search-query","show-no-results-slot","aria-label","onUpdate:selected","onMenuItemKeyboardNavigation"])]),_:3},16,["modelValue","button-label","aria-owns","aria-expanded","aria-activedescendant","onUpdate:modelValue","onFocus","onBlur","onKeydown"]),t.renderSlot(e.$slots,"default")],40,Po)],6)}const Zo=x(qo,[["render",Go]]);p.CdxButton=W,p.CdxButtonGroup=Tt,p.CdxCard=Pt,p.CdxCheckbox=Gt,p.CdxCombobox=Ln,p.CdxDialog=Pn,p.CdxIcon=z,p.CdxInfoChip=tn,p.CdxLookup=Un,p.CdxMenu=J,p.CdxMenuItem=Ee,p.CdxMessage=Xn,p.CdxProgressBar=Me,p.CdxRadio=lo,p.CdxSearchInput=De,p.CdxSearchResultTitle=Ne,p.CdxSelect=fo,p.CdxTab=yo,p.CdxTabs=xo,p.CdxTextInput=oe,p.CdxThumbnail=ue,p.CdxToggleButton=ve,p.CdxToggleButtonGroup=Ko,p.CdxToggleSwitch=Fo,p.CdxTypeaheadSearch=Zo,p.stringHelpers=on,p.useComputedDirection=de,p.useComputedLanguage=Se,p.useGeneratedId=O,p.useIntersectionObserver=ne,p.useModelWrapper=q,p.useResizeObserver=le,p.useSplitAttributes=j,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})}); diff --git a/resources/lib/codex/mixins/button-layout-flush.less b/resources/lib/codex/mixins/button-layout-flush.less new file mode 100644 index 000000000000..50a7679af7fc --- /dev/null +++ b/resources/lib/codex/mixins/button-layout-flush.less @@ -0,0 +1,34 @@ +// +// Align a quiet button's contents flush with its container. +// +// Example usage would be a quiet button aligned to the end of the UI that launches a menu, whose +// content should line up with the edge of the UI. This requires setting a negative margin equal to +// the button's horizontal padding. +// +// @param {string} direction - The direction that the element is aligned, 'top', 'start', or 'end' +// @param {boolean} is-icon-only - Whether this is an icon-only button +// +.cdx-mixin-button-layout-flush( @param-direction, @param-is-icon-only: false ) { + .apply-margin( @param-padding ) { + & when ( @param-direction = 'top' ) { + margin-top: -@param-padding; + } + + & when ( @param-direction = 'start' ) { + margin-left: -@param-padding; + } + + & when ( @param-direction = 'end' ) { + margin-right: -@param-padding; + } + } + + & when ( @param-is-icon-only = false ) { + .apply-margin( @spacing-horizontal-button ); + } + + & when ( @param-is-icon-only = true ) { + // TODO: Once T333392 is complete, set a larger padding on small screens. + .apply-margin( @spacing-horizontal-button-icon-only ); + } +} diff --git a/resources/lib/codex/mixins/codex-public-mixins.less b/resources/lib/codex/mixins/codex-public-mixins.less index a0296f728401..f3c184c99413 100644 --- a/resources/lib/codex/mixins/codex-public-mixins.less +++ b/resources/lib/codex/mixins/codex-public-mixins.less @@ -3,3 +3,4 @@ @import './css-icon.less'; @import './link.less'; +@import './button-layout-flush.less'; diff --git a/resources/lib/codex/mixins/css-icon.less b/resources/lib/codex/mixins/css-icon.less index 158bcb8b87c7..c7472f6824a4 100644 --- a/resources/lib/codex/mixins/css-icon.less +++ b/resources/lib/codex/mixins/css-icon.less @@ -85,7 +85,8 @@ @escaped-color-black: %( '%A', @color-black ); @background-image-url: 'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="@{escaped-color-black}">@{param-icon}</svg>'; - @supports not ( mask-image: none ) { + // Chrome requires the -webkit prefix, so we must use it in all @supports queries. + @supports not ( mask-image: none ) and ( -webkit-mask-image: none ) { // Support Firefox v39-52: Fallback for @color-base icons. background-image: url( @background-image-url ); // Set icon color close to @color-base. @@ -103,8 +104,11 @@ // For browsers that support it, use mask-image to set the SVG so we can change the color with // much more granularity in the Button styles via the background color. .cdx-button & { - @supports ( mask-image: none ) { + @supports ( mask-image: none ) or ( -webkit-mask-image: none ) { background-image: none; + // Support Chrome + /* stylelint-disable-next-line plugin/no-unsupported-browser-features */ + -webkit-mask-image: url( @background-image-url ); /* stylelint-disable-next-line plugin/no-unsupported-browser-features */ mask-image: url( @background-image-url ); transition-property: background-color; diff --git a/resources/lib/foreign-resources.yaml b/resources/lib/foreign-resources.yaml index 0623ac02aad9..f90f354733ef 100644 --- a/resources/lib/foreign-resources.yaml +++ b/resources/lib/foreign-resources.yaml @@ -144,10 +144,10 @@ codex: license: GPL-2.0+ homepage: https://doc.wikimedia.org/codex/ authors: Design Systems team, Wikimedia Foundation - version: 0.9.1 + version: 0.10.0 type: tar - src: https://registry.npmjs.org/@wikimedia/codex/-/codex-0.9.1.tgz - integrity: sha512-T+D9bnhHPZDjsUD3Td7uKpVuS9IUpWONwvqZjG0WV1Spyslv6FgHM8XEmwZDUWlu3tQl6Z8tskaCc2HY1Rz5Ew== + src: https://registry.npmjs.org/@wikimedia/codex/-/codex-0.10.0.tgz + integrity: sha512-d51H6yIJH35Vwla5QXj7J8dXOl3Zsl1243CwzQ7Edsk3nvO6KJy6fhsDsOwrbOfgtc0JiCfwkRjni8FB80YWXQ== dest: package/dist/codex.mjs: package/dist/codex.umd.js: @@ -163,10 +163,10 @@ codex-design-tokens: license: GPL-2.0+ homepage: https://doc.wikimedia.org/codex/ authors: Design Systems team, Wikimedia Foundation - version: 0.9.1 + version: 0.10.0 type: tar - src: https://registry.npmjs.org/@wikimedia/codex-design-tokens/-/codex-design-tokens-0.9.1.tgz - integrity: sha384-zUasRBrIp94gSRcnPMcZrZxJJJZZSJg47dRWTDwShG/X4xLdA7QNyL4T1DYbOjAG + src: https://registry.npmjs.org/@wikimedia/codex-design-tokens/-/codex-design-tokens-0.10.0.tgz + integrity: sha384-ofHjKtnHxjmiPmyJbrciTzHsP2SKBsU4UcC0iMjvTjcZiOmxEeK99Tk3Ky6ObNIX dest: package/dist/theme-wikimedia-ui.less: package/dist/theme-wikimedia-ui-legacy.less: @@ -177,10 +177,10 @@ codex-icons: license: MIT homepage: https://doc.wikimedia.org/codex/ authors: Design Systems team, Wikimedia Foundation - version: 0.9.1 + version: 0.10.0 type: tar - src: https://registry.npmjs.org/@wikimedia/codex-icons/-/codex-icons-0.9.1.tgz - integrity: sha384-mEpA1cn7/LQvd7+zWZJ0khPGLkExcrH2RPppT7jFlYqrH14FP9bip+QyAKfheM8g + src: https://registry.npmjs.org/@wikimedia/codex-icons/-/codex-icons-0.10.0.tgz + integrity: sha384-WU5rnJyGx+tTdEca+QWFrO07dxTVT0dcTxuijZWm4EZ98Eh0UkFI80218iG8/uB7 dest: package/dist/codex-icons.json: package/dist/codex-icon-paths.less: @@ -191,10 +191,10 @@ codex-search: license: GPL-2.0+ homepage: https://doc.wikimedia.org/codex/ authors: Design Systems team, Wikimedia Foundation - version: 0.9.1 + version: 0.10.0 type: tar - src: https://registry.npmjs.org/@wikimedia/codex-search/-/codex-search-0.9.1.tgz - integrity: sha384-OpDK5ojEhbJjpJGv6U1x2Z2YxLetdLwzv8Oum3hmaEomEUottnj5YNzOp5EERXCi + src: https://registry.npmjs.org/@wikimedia/codex-search/-/codex-search-0.10.0.tgz + integrity: sha384-euakwJj9icEaD9ESJVAMxk22TrMbPwrb/1vQivydA6Wj3sS8bd40BUhXPmNTJaLu dest: package/dist/codex-search.mjs: package/dist/codex-search.umd.js: |