.odss-dropdown{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;}.odss-dropdown__title{cursor:pointer;padding:0.4rem;display:flex;align-items:center;white-space:nowrap;}.odss-dropdown__content{display:none;position:absolute;z-index:100;padding:0.5rem;margin-top:-1px;}.odss-dropdown osds-icon{transition:0.2s cubic-bezier(0.4,0,0.2,1);}.odss-dropdown--open .odss-dropdown__content{height:inherit;display:block;}.odss-dropdown--open osds-icon{transform:rotateX(180deg);}.odss-dropdown--primary .odss-dropdown__title{border:thin solid #b4b3b2;border-radius:0.25rem;}.odss-dropdown--primary .odss-dropdown__title:hover,.odss-dropdown--primary .odss-dropdown__title:focus{border-color:#85d9fd;}.odss-dropdown--primary .odss-dropdown__title:hover{background-color:#bef1ff;}.odss-dropdown--primary .odss-dropdown__content{background-color:#ffffff;border:thin solid #85d9fd;border-bottom-left-radius:0.25rem;border-bottom-right-radius:0.25rem;}.odss-dropdown--primary.odss-dropdown--open .odss-dropdown__title{border-color:#85d9fd;border-bottom-left-radius:0;border-bottom-right-radius:0;}.odss-dropdown--disabled{opacity:0.6;cursor:not-allowed;}.odss-dropdown--disabled .odss-dropdown__title{pointer-events:none;background-color:#e6e6e6;border-color:#b3b3b3;color:#808080;}.odss-dropdown--disabled .odss-dropdown__title:hover,.odss-dropdown--disabled .odss-dropdown__title:focus{border-color:#b3b3b3;background-color:#e6e6e6;}.odss-dropdown--disabled osds-icon{opacity:0.5;}
:root{--ods-combobox-border-color:#b4b3b2;--ods-combobox-border-color-hover:#85d9fd;--ods-combobox-border-color-invalid:#c11b1b;--ods-combobox-border-radius:0.25rem;--ods-combobox-border-width:1px;--ods-combobox-background-color:#ffffff;--ods-combobox-background-color-readonly:#e6e6e6;--ods-combobox-option-background-color-hover:#bef1ff;--ods-combobox-option-background-color-selected:#bef1ff;--ods-combobox-text-color:#333333;--ods-combobox-text-color-disabled:#808080;--ods-combobox-primary-color:#0050d7;--ods-combobox-padding-vertical:0.25rem;--ods-combobox-padding-horizontal:0.75rem;--ods-combobox-min-height:2.25rem;--ods-combobox-column-gap:0.5rem;--ods-combobox-max-height:400px;}.combobox{position:relative;display:block;box-sizing:border-box;width:100%;}.combobox-control{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:var(--ods-combobox-column-gap);align-items:center;margin:0;border:var(--ods-combobox-border-width) solid var(--ods-combobox-border-color);border-radius:var(--ods-combobox-border-radius);padding:var(--ods-combobox-padding-vertical) var(--ods-combobox-padding-horizontal);width:100%;min-height:var(--ods-combobox-min-height);background-color:var(--ods-combobox-background-color);}.combobox-control:not(.combobox-control--invalid,.combobox-control--disabled,.combobox-control--read-only):hover,.combobox-control:not(.combobox-control--invalid,.combobox-control--disabled,.combobox-control--read-only).combobox-control--focused{border-color:var(--ods-combobox-border-color-hover);}.combobox-control--disabled{cursor:not-allowed;opacity:0.5;}.combobox-control--focused{outline:2px solid var(--ods-combobox-border-color-hover);outline-offset:0;}.combobox-control--invalid{border-color:var(--ods-combobox-border-color-invalid);}.combobox-control--read-only{border-color:var(--ods-combobox-border-color);background-color:var(--ods-combobox-background-color-readonly);}.combobox-control--open-bottom{border-radius:var(--ods-combobox-border-radius) var(--ods-combobox-border-radius) 0 0;}.combobox-control--open-top{border-radius:0 0 var(--ods-combobox-border-radius) var(--ods-combobox-border-radius);}.combobox-control__field{display:flex;flex:1;align-items:center;}.combobox-control__field__input{display:inline-flex;flex:1;outline:none;border:none;background:transparent;padding:0;color:var(--ods-combobox-text-color);font:inherit;}.combobox-control__field__input::-moz-placeholder{color:var(--ods-combobox-text-color-disabled);}.combobox-control__field__input:-ms-input-placeholder{color:var(--ods-combobox-text-color-disabled);}.combobox-control__field__input::placeholder{color:var(--ods-combobox-text-color-disabled);}.combobox-control__field__input:disabled{cursor:not-allowed;}.combobox-control__field__caret{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:inherit;cursor:pointer;padding:0;width:20px;height:20px;color:var(--ods-combobox-primary-color);}.combobox-control__field__caret--disabled{cursor:not-allowed;color:var(--ods-combobox-text-color-disabled);}.combobox-control__field__caret::before{content:"";display:block;width:0;height:0;margin:0 auto;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid currentColor;}.combobox-content{position:absolute;top:100%;left:0;right:0;z-index:10;box-sizing:border-box;margin:0;border:var(--ods-combobox-border-width) solid var(--ods-combobox-border-color-hover);border-top:0;background:var(--ods-combobox-background-color);padding:0;max-height:var(--ods-combobox-max-height);overflow:auto;list-style:none;}.combobox-content[hidden]{display:none;}.combobox-content--invalid{border-color:var(--ods-combobox-border-color-invalid);}.combobox-content--open-bottom{border-radius:0 0 var(--ods-combobox-border-radius) var(--ods-combobox-border-radius);}.combobox-content--open-top{border-radius:var(--ods-combobox-border-radius) var(--ods-combobox-border-radius) 0 0;top:auto;bottom:100%;border-top:var(--ods-combobox-border-width) solid var(--ods-combobox-border-color-hover);border-bottom:0;}.combobox-content__empty{display:flex;align-items:center;padding:0 var(--ods-combobox-padding-horizontal);min-height:var(--ods-combobox-min-height);color:var(--ods-combobox-text-color-disabled);}.combobox-option{box-sizing:border-box;display:flex;align-items:center;cursor:pointer;padding:0 var(--ods-combobox-padding-horizontal);min-height:var(--ods-combobox-min-height);white-space:break-spaces;color:var(--ods-combobox-text-color);}.combobox-option--disabled{cursor:not-allowed;opacity:0.5;}.combobox-option--highlighted{background-color:var(--ods-combobox-option-background-color-hover);}.combobox-option--selected:not(.combobox-option--highlighted){background-color:var(--ods-combobox-option-background-color-selected);font-weight:600;}