/*---------------------------------------------------------------------------------------------
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
.iui-select-button{--_iui-input-background-color:var(--iui-color-background);--_iui-input-border-color:var(--iui-color-border-foreground);--_iui-input-text-color:var(--iui-color-text);font:inherit;border-radius:var(--iui-border-radius-1);min-block-size:var(--_iui-select-min-height);padding-block:var(--_iui-select-padding-block);padding-inline:var(--iui-size-s);transition:border-color var(--iui-duration-1)ease-out;-webkit-user-select:none;user-select:none;color:var(--_iui-input-text-color);background-color:var(--_iui-input-background-color);border:1px solid var(--_iui-input-border-color);line-height:var(--iui-size-l);cursor:pointer;--_iui-select-padding-block:var(--iui-size-2xs);--_iui-select-min-height:var(--iui-component-height);inline-size:100%}.iui-select-button:focus-visible{outline:2px solid var(--iui-color-border-accent);outline-offset:-2px}.iui-select-button:is(select){appearance:none}.iui-select-button:is(select) option{color:var(--iui-color-text);font-weight:var(--iui-font-weight-normal)}.iui-select-button:is(select) option[disabled]{color:var(--iui-color-text-disabled)}.iui-select-button:not(select){align-items:center;gap:var(--iui-size-xs);display:flex;position:relative;overflow:hidden}.iui-select-button:is(.iui-disabled,:disabled,[aria-disabled=true]){--_iui-input-background-color:var(--iui-color-background-disabled);--_iui-input-border-color:var(--iui-color-border-disabled);--_iui-input-with-icon-hover-border-color:var(--iui-color-border-disabled);opacity:1;cursor:not-allowed}.iui-select-button .iui-icon svg{flex:none}.iui-select-button .iui-icon svg,.iui-select-button .iui-icon svg svg{inline-size:var(--iui-size-m);block-size:var(--iui-size-m);fill:var(--_iui-list-item-icon-fill,var(--iui-color-icon));flex-shrink:0;display:flex}.iui-select-button .iui-content{white-space:nowrap;text-overflow:ellipsis;min-block-size:var(--iui-size-l);overflow:hidden}.iui-select-button.iui-placeholder{color:var(--iui-color-text-placeholder);font-weight:var(--iui-font-weight-light)}.iui-select-button:has(option[value=""]:checked){color:var(--iui-color-text-placeholder);font-weight:var(--iui-font-weight-light)}.iui-select-button[data-iui-variant=borderless]{--_iui-input-background-color:transparent;--_iui-input-border-color:transparent;transition:background-color var(--iui-duration-1)ease-out}.iui-select-button[data-iui-variant=borderless]:where(:hover,:active){--_iui-input-background-color:var(--iui-color-background-transparent-hover);--_iui-input-border-color:transparent;--_iui-input-with-icon-hover-border-color:transparent}.iui-select-button[data-iui-variant=borderless]:focus-visible{outline-offset:-1px;outline-width:1px}.iui-select-button[data-iui-variant=borderless]:is(.iui-disabled,:disabled,[aria-disabled=true]){--_iui-input-background-color:transparent;--_iui-input-border-color:transparent;--_iui-input-text-color:var(--iui-color-text-disabled)}.iui-select-button[data-iui-size=small]{--_iui-select-padding-block:0;--_iui-select-min-height:var(--iui-component-height-small)}.iui-select-button[data-iui-size=large]{--_iui-select-padding-block:var(--iui-size-xs);--_iui-select-min-height:var(--iui-component-height-large);font-size:var(--iui-font-size-2)}.iui-select-tag-container{inset-block:0;inset-inline:var(--iui-size-s)calc(var(--iui-size-m) + var(--iui-size-l));align-items:center;gap:var(--iui-size-2xs);block-size:100%;display:flex;position:absolute;overflow:hidden}.iui-select-tag-container>*+*{margin-inline-start:var(--iui-size-2xs)}@supports (gap:var(--iui-size-2xs)){.iui-select-tag-container>*+*{margin-inline-start:0}}.iui-select-tag{block-size:calc(var(--iui-size-s)*3);margin-block:var(--iui-size-2xs);border-radius:var(--iui-border-radius-round);padding-inline:var(--iui-size-3xs);transition:border-color var(--iui-duration-1)ease-out;border:1px solid var(--iui-color-border-foreground);background-color:var(--iui-color-background);color:var(--iui-color-text);max-block-size:calc(var(--iui-size-s)*3);align-items:center;block-size:80%;max-inline-size:100%;margin-block:0;display:inline-flex}.iui-select-tag:hover{border-color:var(--iui-color-border-foreground-hover)}.iui-select-tag-label{vertical-align:baseline;font-size:var(--iui-font-size-1);font-weight:var(--iui-font-weight-normal);line-height:var(--iui-size-l);white-space:nowrap;text-overflow:ellipsis;margin:0;margin-inline:var(--iui-size-xs)var(--iui-size-2xs);border:none;padding:0;overflow:hidden}.iui-select-tag-label:only-child{margin-inline:var(--iui-size-xs)}.iui-select-button[data-iui-size=small] .iui-select-tag-label{font-size:var(--iui-font-size-0)}.iui-select-tag-button{vertical-align:baseline;vertical-align:middle;border-radius:var(--iui-border-radius-1);font-family:inherit;line-height:1.2;font-size:var(--iui-font-size-1);font-weight:var(--iui-font-weight-normal);-webkit-user-select:none;user-select:none;cursor:pointer;white-space:nowrap;border:none;border:1px solid var(--_iui-button-border-color);background:var(--_iui-button-background-color);color:var(--_iui-button-text-color);justify-content:center;align-items:center;gap:var(--_iui-button-gap);min-block-size:var(--_iui-button-min-height);min-inline-size:var(--_iui-button-min-height);padding:0;padding-block:var(--_iui-button-padding-block);padding-inline:var(--_iui-button-padding-inline);transition:background-color var(--iui-duration-1)ease-out,border-color var(--iui-duration-1)ease-out;-webkit-tap-highlight-color:transparent;--_iui-button-gap:var(--iui-size-xs);--_iui-button-padding-block:var(--iui-size-2xs);--_iui-button-padding-inline:var(--iui-size-m);--_iui-button-min-height:var(--iui-component-height);--_iui-button-text-color:var(--iui-color-text);--_iui-button-background-color:transparent;--_iui-button-border-color:transparent;--_iui-button-icon-fill:var(--iui-color-icon);--_iui-button-gap:var(--iui-size-xs);--_iui-button-padding-block:var(--iui-size-2xs);--_iui-button-padding-inline:var(--iui-size-m);--_iui-button-min-height:var(--iui-component-height);--_iui-button-padding-inline:var(--iui-size-xs);border-radius:var(--iui-border-radius-round);padding-inline:var(--iui-size-2xs);min-block-size:unset;min-inline-size:unset;aspect-ratio:1;flex-shrink:0;block-size:100%;margin:0;text-decoration:none;display:inline-flex;position:relative}.iui-select-tag-button:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}.iui-select-tag-button:where(:hover,:active){--_iui-button-text-color:var(--iui-color-text-hover);--_iui-button-background-color:var(--iui-color-background-transparent-hover);--_iui-button-icon-fill:var(--iui-color-icon-hover)}.iui-select-tag-button:where(:focus){outline-offset:-1px;outline-width:1px}.iui-select-tag-button:where([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){--_iui-button-text-color:var(--iui-color-text-disabled);--_iui-button-background-color:transparent;--_iui-button-border-color:transparent;--_iui-button-icon-fill:var(--iui-color-icon-disabled)}.iui-select-tag-button[data-iui-shift=left]{margin-inline-start:calc(-1*var(--_iui-button-padding-inline))}.iui-select-tag-button[data-iui-shift=right]{margin-inline-end:calc(-1*var(--_iui-button-padding-inline))}.iui-select-button[data-iui-size=small] .iui-select-tag-button{font-size:var(--iui-font-size-0)}.iui-select-tag-button-icon{flex-shrink:0;display:inline-flex}.iui-select-tag-button-icon svg{inline-size:var(--iui-size-m);block-size:var(--iui-size-m);transition:fill var(--iui-duration-1)ease-out;fill:var(--_iui-button-icon-fill,currentColor);flex-shrink:0;display:flex}.iui-select-button[data-iui-size=small] .iui-select-tag-button-icon svg{inline-size:var(--iui-size-s);block-size:var(--iui-size-s);flex-shrink:0;display:flex}