1
|
.cdx-select{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-right:12px;padding-left:calc(16px + 1.25rem);font-size:inherit;line-height:1.375;-webkit-appearance:none;appearance:none;background-position:center left 12px;background-repeat:no-repeat;background-size:max(.75rem,12px)}.cdx-select:disabled{background-color:var(--background-color-disabled-subtle, #eaecf0);color:var(--color-disabled, #72777d);border-color:var(--border-color-disabled, #c8ccd1);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');opacity:1}.cdx-select:enabled{background-color:var(--background-color-interactive-subtle, #f8f9fa);color:var(--color-base, #202122);border-color:var(--border-color-base, #a2a9b1);transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>')}.cdx-select:enabled:hover{background-color:var(--background-color-base, #fff);color:var(--color-base--hover, #404244);border-color:var(--border-color-base, #a2a9b1);cursor:pointer}.cdx-select:enabled:focus{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);outline:1px solid transparent}.cdx-select:enabled:active{color:var(--color-emphasized, #101418);border-color:var(--border-color-interactive, #72777d)}.cdx-select-vue{display:inline-block;position:relative}.cdx-select-vue__handle{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-right:12px;padding-left:calc(16px + 1.25rem);font-size:inherit;line-height:1.375;position:relative;width:100%}.cdx-select-vue--has-start-icon .cdx-select-vue__handle{padding-right:calc(20px + 1.25rem)}.cdx-select-vue__start-icon.cdx-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;transition-property:color;transition-duration:.1s;right:12px;transform:translateY(-50%)}.cdx-select-vue__indicator.cdx-icon{color:var(--color-base, #202122);position:absolute;top:50%;min-width:12px;min-height:12px;width:.75rem;height:.75rem;transition-property:color;transition-duration:.1s;left:12px;transform:translateY(-50%)}.cdx-select-vue--enabled .cdx-select-vue__handle{background-color:var(--background-color-interactive-subtle, #f8f9fa);color:var(--color-base, #202122);border-color:var(--border-color-base, #a2a9b1);transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-select-vue--enabled .cdx-select-vue__handle:hover{background-color:var(--background-color-base, #fff);color:var(--color-base--hover, #404244);border-color:var(--border-color-base, #a2a9b1);cursor:pointer}.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);outline:1px solid transparent}.cdx-select-vue--enabled .cdx-select-vue__handle:active{color:var(--color-emphasized, #101418);border-color:var(--border-color-interactive, #72777d)}.cdx-select-vue--enabled .cdx-select-vue__handle:hover .cdx-select-vue__indicator{color:var(--color-base--hover, #404244)}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle{background-color:var(--background-color-base, #fff)}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle .cdx-select-vue__indicator{color:var(--color-base, #202122)}.cdx-select-vue--disabled .cdx-select-vue__handle{background-color:var(--background-color-disabled-subtle, #eaecf0);color:var(--color-disabled, #72777d);border-color:var(--border-color-disabled, #c8ccd1);cursor:default}.cdx-select-vue--disabled .cdx-select-vue__indicator,.cdx-select-vue--disabled .cdx-select-vue__start-icon{color:var(--color-disabled, #72777d)}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle{border-color:var(--border-color-error, #9f3526)}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle:hover{border-color:var(--border-color-error--hover, #fc493b)}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:var(--border-color-progressive--focus, #36c)}.cdx-dialog .cdx-select-vue{position:static}
|
