@itwin/itwinui-react

/*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ @layer reset, itwinui.v1, itwinui.v2; @layer itwinui.foundations.v3{ :where(._iui3193-root):where([data-iui-theme]) { color-scheme: light dark; accent-color: var(--iui-color-border-accent); --iui-size-3xs: 0.125rem; --iui-size-2xs: 0.25rem; --iui-size-xs: 0.5rem; --iui-size-s: 0.75rem; --iui-size-m: 1rem; --iui-size-l: 1.5rem; --iui-size-xl: 2rem; --iui-size-2xl: 4rem; --iui-size-3xl: 6rem; --iui-component-height-small: calc(var(--iui-size-s) * 2); --iui-component-height: calc(var(--iui-size-s) * 3); --iui-component-height-large: calc(var(--iui-size-s) * 4); --iui-border-radius-1: 4px; --iui-border-radius-round: 9999px; --iui-font-sans: "Noto Sans", "Open Sans", system-ui, sans-serif; --iui-font-mono: "Noto Sans Mono", ui-monospace, "Segoe UI Mono", Consolas, "Roboto Mono", monospace; --iui-font-size-0: 0.75rem; --iui-font-size-1: 0.875rem; --iui-font-size-2: 1rem; --iui-font-size-3: 1.125rem; --iui-font-size-4: 1.5rem; --iui-font-size-5: 2rem; --iui-font-weight-light: 300; --iui-font-weight-normal: 400; --iui-font-weight-semibold: 600; --iui-font-weight-bold: 700; --iui-shadow-0: 0; --iui-shadow-1: 0 1px 5px var(--iui-shadow-color); --iui-shadow-2: 0 1px 10px var(--iui-shadow-color); --iui-shadow-3: 0 3px 14px var(--iui-shadow-color); --iui-shadow-4: 0 6px 30px var(--iui-shadow-color); --iui-shadow-5: 0 9px 46px var(--iui-shadow-color); --iui-duration-0: 0s; --iui-duration-1: 0.2s; --iui-duration-2: 0.4s; --iui-duration-3: 0.8s; --iui-color-background-skyblue: #b5e1f2; --iui-color-background-celery: #c3d57c; --iui-color-background-froly: #fbafad; --iui-color-background-steelblue: #9cbdd8; --iui-color-background-sunglow: #ffd166; --iui-color-background-seabuckthorn: #f9b371; --iui-color-background-montecarlo: #99d6d2; --iui-color-background-poloblue: #abc3de; --iui-color-background-bouquet: #cbb3c9; --iui-color-background-ash: #dedbd3; --iui-color-background-oak: #ceb5a1; --iui-color-white: white; } :where(._iui3193-root):where([data-iui-theme=light]) { color-scheme: light; --iui-opacity-1: 1; --iui-opacity-2: 0.8; --iui-opacity-3: 0.6; --iui-opacity-4: 0.4; --iui-opacity-5: 0.25; --iui-opacity-6: 0.1; --iui-color-background: white; --iui-color-background-zebra: #fbfbfc; --iui-color-background-hover: #f7f8f8; --iui-color-background-backdrop: #eef0f1; --iui-color-background-backdrop-hover: #e6e9ea; --iui-color-background-disabled: #dde1e3; --iui-color-background-accent: var(--iui-color-background-informational); --iui-color-background-accent-hover: var( --iui-color-background-informational-hover ); --iui-color-background-accent-muted: var( --iui-color-background-informational-muted ); --iui-color-background-informational: #0071b8; --iui-color-background-informational-hover: #00568f; --iui-color-background-informational-muted: #e4f3fc; --iui-color-background-positive: #157e11; --iui-color-background-positive-hover: #0d610a; --iui-color-background-positive-muted: #e7f4e6; --iui-color-background-warning: #8f6400; --iui-color-background-warning-hover: #6b4b00; --iui-color-background-warning-muted: #f9f1e6; --iui-color-background-negative: #c52b26; --iui-color-background-negative-hover: #9e0008; --iui-color-background-negative-muted: #ffebeb; --iui-color-background-transparent-hover: hsla(0, 0%, 0%, 0.06); --iui-color-border-subtle: #c4cbcf; --iui-color-border: #b3bcc1; --iui-color-border-foreground: #8f8f8f; --iui-color-border-foreground-hover: #6b6b6b; --iui-color-border-disabled: #a1a1a1; --iui-color-border-accent: var(--iui-color-border-informational); --iui-color-border-informational: #0071b8; --iui-color-border-positive: #157e11; --iui-color-border-warning: #7a4606; --iui-color-border-negative: #db0a0a; --iui-color-icon: #363636; --iui-color-icon-hover: #242424; --iui-color-icon-muted: #7d7d7d; --iui-color-icon-muted-hover: #6b6b6b; --iui-color-icon-disabled: #a1a1a1; --iui-color-icon-disabled-hover: #747474; --iui-color-icon-accent: var(--iui-color-icon-informational); --iui-color-icon-informational: #008ae0; --iui-color-icon-positive: #1c9b17; --iui-color-icon-warning: #a05c08; --iui-color-icon-negative: #fd3535; --iui-color-text: #242424; --iui-color-text-hover: #121212; --iui-color-text-muted: #595959; --iui-color-text-placeholder: #747474; --iui-color-text-disabled: #a1a1a1; --iui-color-text-disabled-hover: #626262; --iui-color-text-accent: var(--iui-color-text-informational); --iui-color-text-accent-hover: var(--iui-color-text-informational-hover); --iui-color-text-informational: #0071b8; --iui-color-text-informational-hover: #00568f; --iui-color-text-positive: #157e11; --iui-color-text-positive-hover: #0d610a; --iui-color-text-warning: #7a4606; --iui-color-text-warning-hover: #552f02; --iui-color-text-negative: #db0a0a; --iui-color-text-negative-hover: #a80505; --iui-color-background-hsl: 203deg 10% 100%; --iui-color-foreground-hsl: 0deg 0% 7%; --iui-color-accent-hsl: var(--iui-color-informational-hsl); --iui-color-informational-hsl: 203deg 100% 44%; --iui-color-positive-hsl: 118deg 74% 35%; --iui-color-warning-hsl: 33deg 90% 33%; --iui-color-negative-hsl: 0deg 98% 60%; --iui-shadow-color: hsl(0 0% 0%/var(--iui-opacity-5)); } :where(._iui3193-root):where([data-iui-theme=light]):where([data-iui-contrast=high]) { --iui-opacity-1: 1; --iui-opacity-2: 0.8; --iui-opacity-3: 0.6; --iui-opacity-4: 0.4; --iui-opacity-5: 0.2; --iui-opacity-6: 0.1; --iui-color-background: white; --iui-color-background-zebra: #fafafa; --iui-color-background-hover: #f4f5f5; --iui-color-background-backdrop: #eaebec; --iui-color-background-backdrop-hover: #dfe1e2; --iui-color-background-disabled: #d4d7d8; --iui-color-background-accent: var(--iui-color-background-informational); --iui-color-background-accent-hover: var( --iui-color-background-informational-hover ); --iui-color-background-accent-muted: var( --iui-color-background-informational-muted ); --iui-color-background-informational: #00568f; --iui-color-background-informational-hover: #003c66; --iui-color-background-informational-muted: #e5eff5; --iui-color-background-positive: #0d610a; --iui-color-background-positive-hover: #074205; --iui-color-background-positive-muted: #e7f0e6; --iui-color-background-warning: #6b4b00; --iui-color-background-warning-hover: #4d3400; --iui-color-background-warning-muted: #f3eee7; --iui-color-background-negative: #9e0008; --iui-color-background-negative-hover: #700004; --iui-color-background-negative-muted: #ffebeb; --iui-color-background-transparent-hover: hsla(0, 0%, 0%, 0.08); --iui-color-border-subtle: #b4b8bb; --iui-color-border: #9fa4a8; --iui-color-border-foreground: #7a7a7a; --iui-color-border-foreground-hover: #5c5c5c; --iui-color-border-disabled: #8a8a8a; --iui-color-border-accent: var(--iui-color-border-informational); --iui-color-border-informational: #004f80; --iui-color-border-positive: #0d560b; --iui-color-border-warning: #583304; --iui-color-border-negative: #9c0707; --iui-color-icon: #2e2e2e; --iui-color-icon-hover: #1f1f1f; --iui-color-icon-muted: #5c5c5c; --iui-color-icon-muted-hover: #4d4d4d; --iui-color-icon-disabled: #737373; --iui-color-icon-disabled-hover: #4d4d4d; --iui-color-icon-accent: var(--iui-color-icon-informational); --iui-color-icon-informational: #00619e; --iui-color-icon-positive: #116c0e; --iui-color-icon-warning: #754306; --iui-color-icon-negative: #bf0808; --iui-color-text: #1f1f1f; --iui-color-text-hover: #0f0f0f; --iui-color-text-muted: #4d4d4d; --iui-color-text-disabled: #737373; --iui-color-text-disabled-hover: #3d3d3d; --iui-color-text-accent: var(--iui-color-text-informational); --iui-color-text-accent-hover: var(--iui-color-text-informational-hover); --iui-color-text-informational: #004f80; --iui-color-text-informational-hover: #002c47; --iui-color-text-positive: #0d560b; --iui-color-text-positive-hover: #083206; --iui-color-text-warning: #583304; --iui-color-text-warning-hover: #2c1902; --iui-color-text-negative: #9c0707; --iui-color-text-negative-hover: #580404; --iui-color-background-hsl: 203deg 5% 100%; --iui-color-foreground-hsl: 0deg 0% 6%; --iui-color-accent-hsl: var(--iui-color-informational-hsl); --iui-color-informational-hsl: 203deg 100% 31%; --iui-color-positive-hsl: 118deg 77% 24%; --iui-color-warning-hsl: 33deg 91% 24%; --iui-color-negative-hsl: 0deg 92% 39%; } :where(._iui3193-root):where([data-iui-theme=dark]) { color-scheme: dark; --iui-opacity-1: 1; --iui-opacity-2: 0.85; --iui-opacity-3: 0.65; --iui-opacity-4: 0.45; --iui-opacity-5: 0.25; --iui-opacity-6: 0.1; --iui-color-background: #333c41; --iui-color-background-zebra: #374046; --iui-color-background-hover: #3a444a; --iui-color-background-backdrop: #242b2e; --iui-color-background-backdrop-hover: #2c3338; --iui-color-background-disabled: #1d2225; --iui-color-background-accent: var(--iui-color-background-informational); --iui-color-background-accent-hover: var( --iui-color-background-informational-hover ); --iui-color-background-accent-muted: var( --iui-color-background-informational-muted ); --iui-color-background-informational: #0071b8; --iui-color-background-informational-hover: #008ee0; --iui-color-background-informational-muted: #384652; --iui-color-background-positive: #157e11; --iui-color-background-positive-hover: #1e991a; --iui-color-background-positive-muted: #3a4b46; --iui-color-background-warning: #8f6400; --iui-color-background-warning-hover: #b88400; --iui-color-background-warning-muted: #46453f; --iui-color-background-negative: #c52b26; --iui-color-background-negative-hover: #e94f44; --iui-color-background-negative-muted: #464347; --iui-color-background-transparent-hover: hsla(0, 0%, 100%, 0.065); --iui-color-border-subtle: #49555d; --iui-color-border: #58666f; --iui-color-border-foreground: #707070; --iui-color-border-foreground-hover: #949494; --iui-color-border-disabled: #5e5e5e; --iui-color-border-accent: var(--iui-color-border-informational); --iui-color-border-informational: #94befa; --iui-color-border-positive: #94d293; --iui-color-border-warning: #faaa75; --iui-color-border-negative: #f9a9a9; --iui-color-icon: #c9c9c9; --iui-color-icon-hover: #dbdbdb; --iui-color-icon-muted: #949494; --iui-color-icon-muted-hover: #a6a6a6; --iui-color-icon-disabled: #707070; --iui-color-icon-disabled-hover: #949494; --iui-color-icon-accent: var(--iui-color-icon-informational); --iui-color-icon-informational: #7bb4f9; --iui-color-icon-positive: #82d080; --iui-color-icon-warning: #f59e56; --iui-color-icon-negative: #f89696; --iui-color-text: #dbdbdb; --iui-color-text-hover: #ededed; --iui-color-text-muted: #b8b8b8; --iui-color-text-placeholder: #a6a6a6; --iui-color-text-disabled: #828282; --iui-color-text-disabled-hover: #a6a6a6; --iui-color-text-accent: var(--iui-color-text-informational); --iui-color-text-accent-hover: var(--iui-color-text-informational-hover); --iui-color-text-informational: #94befa; --iui-color-text-informational-hover: #bcd4fb; --iui-color-text-positive: #94d293; --iui-color-text-positive-hover: #d2efd2; --iui-color-text-warning: #faaa75; --iui-color-text-warning-hover: #fbc9ac; --iui-color-text-negative: #f9a9a9; --iui-color-text-negative-hover: #fbc6c6; --iui-color-background-hsl: 203deg 12% 22.75%; --iui-color-foreground-hsl: 0deg 0% 93%; --iui-color-accent-hsl: var(--iui-color-informational-hsl); --iui-color-informational-hsl: 213deg 91% 73%; --iui-color-positive-hsl: 119deg 46% 66%; --iui-color-warning-hsl: 27deg 89% 65%; --iui-color-negative-hsl: 0deg 87% 78%; --iui-shadow-color: hsl(0 0% 0%/var(--iui-opacity-4)); } :where(._iui3193-root):where([data-iui-theme=dark]):where([data-iui-contrast=high]) { --iui-opacity-1: 1; --iui-opacity-2: 0.85; --iui-opacity-3: 0.65; --iui-opacity-4: 0.45; --iui-opacity-5: 0.25; --iui-opacity-6: 0.1; --iui-color-background: #333739; --iui-color-background-zebra: #383c3f; --iui-color-background-hover: #3d4245; --iui-color-background-backdrop: #1f2122; --iui-color-background-backdrop-hover: #292c2e; --iui-color-background-disabled: #141617; --iui-color-background-accent: var(--iui-color-background-informational); --iui-color-background-accent-hover: var( --iui-color-background-informational-hover ); --iui-color-background-accent-muted: var( --iui-color-background-informational-muted ); --iui-color-background-informational: #00568f; --iui-color-background-informational-hover: #0071b8; --iui-color-background-informational-muted: #3c4449; --iui-color-background-positive: #0d610a; --iui-color-background-positive-hover: #157e11; --iui-color-background-positive-muted: #3c4441; --iui-color-background-warning: #6b4b00; --iui-color-background-warning-hover: #8f6400; --iui-color-background-warning-muted: #434342; --iui-color-background-negative: #9e0008; --iui-color-background-negative-hover: #c52b26; --iui-color-background-negative-muted: #484244; --iui-color-background-transparent-hover: hsla(0, 0%, 100%, 0.085); --iui-color-border-subtle: #5c6367; --iui-color-border: #666e73; --iui-color-border-foreground: #999999; --iui-color-border-foreground-hover: #b3b3b3; --iui-color-border-disabled: #8c8c8c; --iui-color-border-accent: var(--iui-color-border-informational); --iui-color-border-informational: #c3deee; --iui-color-border-positive: #c8e1c7; --iui-color-border-warning: #e8d8c4; --iui-color-border-negative: #f9d2d2; --iui-color-icon: #d9d9d9; --iui-color-icon-hover: #e6e6e6; --iui-color-icon-muted: #bfbfbf; --iui-color-icon-muted-hover: #cccccc; --iui-color-icon-disabled: #8c8c8c; --iui-color-icon-disabled-hover: #999999; --iui-color-icon-accent: var(--iui-color-icon-informational); --iui-color-icon-informational: #90c1e0; --iui-color-icon-positive: #96c695; --iui-color-icon-warning: #d5b690; --iui-color-icon-negative: #f2a6a6; --iui-color-text: #e6e6e6; --iui-color-text-hover: #f2f2f2; --iui-color-text-muted: #cccccc; --iui-color-text-disabled: #8c8c8c; --iui-color-text-disabled-hover: #a6a6a6; --iui-color-text-accent: var(--iui-color-text-informational); --iui-color-text-accent-hover: var(--iui-color-text-informational-hover); --iui-color-text-informational: #c3deee; --iui-color-text-informational-hover: #ebf4f9; --iui-color-text-positive: #c8e1c7; --iui-color-text-positive-hover: #ecf4ec; --iui-color-text-warning: #e8d8c4; --iui-color-text-warning-hover: #f7f0e9; --iui-color-text-negative: #f9d2d2; --iui-color-text-negative-hover: #fdeded; --iui-color-background-hsl: 203deg 6% 21.25%; --iui-color-foreground-hsl: 0deg 0% 95%; --iui-color-accent-hsl: var(--iui-color-informational-hsl); --iui-color-informational-hsl: 203deg 56% 72%; --iui-color-positive-hsl: 119deg 30% 68%; --iui-color-warning-hsl: 33deg 45% 70%; --iui-color-negative-hsl: 0deg 75% 80%; } } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ @layer itwinui.foundations.v3{:where(._iui3193-root){color:var(--iui-color-text);font-size:var(--iui-font-size-1);line-height:1.5;font-family:var(--iui-font-sans)}:where(body._iui3193-root){margin:0}:where(body._iui3193-root,._iui3193-root._iui3193-root-background){background-color:var(--iui-color-background-backdrop)}:where(._iui3193-root,._iui3193-root *){scrollbar-color:hsl(var(--iui-color-foreground-hsl)/var(--iui-opacity-4))transparent;scrollbar-width:thin}:where(._iui3193-root,._iui3193-root *)::selection,:where(._iui3193-root,._iui3193-root *) ::selection{background-color:hsl(var(--iui-color-accent-hsl)/var(--iui-opacity-5))}@supports not (scrollbar-color:auto){:where(._iui3193-root,._iui3193-root *)::-webkit-scrollbar{max-inline-size:var(--iui-size-xs);max-block-size:var(--iui-size-xs)}:where(._iui3193-root,._iui3193-root *)::-webkit-scrollbar-thumb{background-color:hsl(var(--iui-color-foreground-hsl)/var(--iui-opacity-4));border-radius:var(--iui-border-radius-round)}:where(._iui3193-root,._iui3193-root *)::-webkit-scrollbar-thumb:hover{background-color:hsl(var(--iui-color-foreground-hsl)/var(--iui-opacity-3))}:where(._iui3193-root,._iui3193-root *)::-webkit-scrollbar-track{background-color:#0000}:where(._iui3193-root,._iui3193-root *)::-webkit-scrollbar-corner{background-color:#0000}}:where(._iui3193-root,._iui3193-root *),:where(._iui3193-root,._iui3193-root *):before,:where(._iui3193-root,._iui3193-root *):after{box-sizing:border-box}:where(._iui3193-root,._iui3193-root *):where(:focus-visible){outline:2px solid var(--iui-color-border-accent)}@keyframes _iui3193-fade-in{0%{visibility:visible;opacity:0}to{opacity:1}}} @layer itwinui.v3.components{._iui3193-field{--_iui-field-color-text:var(--iui-color-text);--_iui-field-color-text-hover:var(--iui-color-text-hover);--_iui-field-color-text-disabled:var(--iui-color-text-disabled);--_iui-field-color-text-disabled-hover:var(--iui-color-text-disabled-hover);--_iui-field-color-icon:var(--iui-color-icon);--_iui-field-color-icon-hover:var(--iui-color-icon-hover);--_iui-field-color-icon-disabled:var(--iui-color-icon-disabled);--_iui-field-color-icon-disabled-hover:var(--iui-color-icon-disabled-hover);--_iui-field-color-background:var(--iui-color-background);--_iui-field-color-background-hover:var(--iui-color-background-hover);--_iui-field-color-background-disabled:var(--iui-color-background-disabled);--_iui-field-color-border:var(--iui-color-border-foreground);--_iui-field-color-border-hover:var(--iui-color-border-foreground-hover);--_iui-field-color-border-disabled:var(--iui-color-border-disabled);--_iui-field-color-focus-outline:var(--iui-color-border-accent);--_iui-field-height:var(--iui-component-height);--_iui-field-focus-outline-offset:-2px;--_iui-field-focus-outline-width:2px;--_iui-field-font-size:var(--iui-font-size-1);--_iui-field-state:var(--_iui-field-state--default);--_iui-field-state--default:var(--_iui-field-state,);--_iui-field-state--hover:var(--_iui-field-state,);--_iui-field-state--disabled:var(--_iui-field-state,);--_iui-field-state--disabled-hover:var(--_iui-field-state,);--_iui-field-icon-color:var(--_iui-field-state--default,var(--_iui-field-color-icon))var(--_iui-field-state--hover,var(--_iui-field-color-icon-hover))var(--_iui-field-state--disabled,var(--_iui-field-color-icon-disabled))var(--_iui-field-state--disabled-hover,var(--_iui-field-color-icon-disabled-hover));background-color:var(--_iui-field-state--default,var(--_iui-field-color-background))var(--_iui-field-state--hover,var(--_iui-field-color-background-hover))var(--_iui-field-state--disabled,var(--_iui-field-color-background-disabled))var(--_iui-field-state--disabled-hover,var(--_iui-field-color-background-disabled));border:1px solid;border-color:var(--_iui-field-state--default,var(--_iui-field-color-border))var(--_iui-field-state--hover,var(--_iui-field-color-border-hover))var(--_iui-field-state--disabled,var(--_iui-field-color-border-disabled))var(--_iui-field-state--disabled-hover,var(--_iui-field-color-border-disabled));border-radius:var(--iui-border-radius-1);color:var(--_iui-field-state--default,var(--_iui-field-color-text))var(--_iui-field-state--hover,var(--_iui-field-color-text-hover))var(--_iui-field-state--disabled,var(--_iui-field-color-text-disabled))var(--_iui-field-state--disabled-hover,var(--_iui-field-color-text-disabled-hover));fill:var(--_iui-field-icon-color);font:inherit;font-size:var(--_iui-field-font-size);font-weight:var(--iui-font-weight-normal);min-block-size:var(--_iui-field-height);min-inline-size:var(--_iui-field-height);-webkit-tap-highlight-color:var(--_iui-field-color-background-hover);transition:background-color var(--iui-duration-1)ease-out,border-color var(--iui-duration-1)ease-out,color var(--iui-duration-1)ease-out}._iui3193-field:where(:hover,:active){--_iui-field-state:var(--_iui-field-state--hover)}._iui3193-field:where(:focus-visible){outline:var(--_iui-field-focus-outline-width)solid var(--_iui-field-color-focus-outline);outline-offset:var(--_iui-field-focus-outline-offset)}._iui3193-field:where([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){--_iui-field-state:var(--_iui-field-state--disabled);cursor:not-allowed}._iui3193-field:where([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]):where(:hover,:focus-visible){--_iui-field-state:var(--_iui-field-state--disabled-hover)}._iui3193-field:where([data-iui-variant=borderless]){--_iui-field-color-background:transparent;--_iui-field-color-background-hover:var(--iui-color-background-transparent-hover);--_iui-field-color-background-disabled:transparent;--_iui-field-color-border:transparent;--_iui-field-color-border-hover:transparent;--_iui-field-color-border-disabled:transparent;--_iui-field-focus-outline-offset:-1px;--_iui-field-focus-outline-width:1px}._iui3193-field:where([data-iui-size=small]){--_iui-field-height:var(--iui-component-height-small)}._iui3193-field:where([data-iui-size=large]){--_iui-field-height:var(--iui-component-height-large);--_iui-field-font-size:var(--iui-font-size-2)}._iui3193-alert{vertical-align:baseline;--_iui-alert-border-color:var(--iui-color-border);border-radius:var(--iui-border-radius-1);color:var(--iui-color-text);background-color:var(--iui-color-background);border:none;border:1px solid var(--_iui-alert-border-color);box-shadow:inset var(--iui-size-2xs)0 0 var(--_iui-alert-border-color);padding:0;align-items:center;margin:0;padding-inline-start:var(--iui-size-m);padding-inline-end:var(--iui-size-xs);display:flex}._iui3193-alert:where([data-iui-status=informational]){--_iui-alert-border-color:var(--iui-color-border-informational);--_iui-alert-icon-color:var(--iui-color-icon-informational)}._iui3193-alert:where([data-iui-status=informational])::selection,._iui3193-alert:where([data-iui-status=informational]) ::selection{background-color:hsl(var(--iui-color-informational-hsl)/var(--iui-opacity-5))}._iui3193-alert:where([data-iui-status=informational]) ._iui3193-button:focus{outline-color:var(--iui-color-text-informational)}._iui3193-alert:where([data-iui-status=positive]){--_iui-alert-border-color:var(--iui-color-border-positive);--_iui-alert-icon-color:var(--iui-color-icon-positive)}._iui3193-alert:where([data-iui-status=positive])::selection,._iui3193-alert:where([data-iui-status=positive]) ::selection{background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5))}._iui3193-alert:where([data-iui-status=positive]) ._iui3193-button:focus{outline-color:var(--iui-color-text-positive)}._iui3193-alert:where([data-iui-status=warning]){--_iui-alert-border-color:var(--iui-color-border-warning);--_iui-alert-icon-color:var(--iui-color-icon-warning)}._iui3193-alert:where([data-iui-status=warning])::selection,._iui3193-alert:where([data-iui-status=warning]) ::selection{background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-5))}._iui3193-alert:where([data-iui-status=warning]) ._iui3193-button:focus{outline-color:var(--iui-color-text-warning)}._iui3193-alert:where([data-iui-status=negative]){--_iui-alert-border-color:var(--iui-color-border-negative);--_iui-alert-icon-color:var(--iui-color-icon-negative)}._iui3193-alert:where([data-iui-status=negative])::selection,._iui3193-alert:where([data-iui-status=negative]) ::selection{background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5))}._iui3193-alert:where([data-iui-status=negative]) ._iui3193-button:focus{outline-color:var(--iui-color-text-negative)}._iui3193-alert:where([data-iui-variant=sticky]){border-radius:0;position:sticky;inset-block-start:0;inset-inline-start:0}._iui3193-alert-message{margin-block:var(--iui-size-s);margin-inline:var(--iui-size-m);word-break:normal;overflow-wrap:anywhere;flex:999}._iui3193-alert-link{border-radius:var(--iui-border-radius-1);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;margin-inline-start:var(--iui-size-xs)}._iui3193-anchor{color:var(--iui-color-text-accent);-webkit-tap-highlight-color:hsl(var(--iui-color-accent-hsl)/var(--iui-opacity-6));border-radius:var(--iui-border-radius-1);cursor:pointer;text-decoration:none}._iui3193-anchor:focus-visible{outline:1px solid var(--iui-color-text-accent);outline-offset:1px}._iui3193-anchor:where(button){font:inherit;background:0 0;border:none;padding:0}._iui3193-anchor:hover{color:var(--iui-color-text-accent-hover);text-decoration:underline}@media (prefers-contrast:more){._iui3193-anchor{text-decoration:underline}._iui3193-anchor:hover{text-decoration:none}}._iui3193-anchor[data-iui-underline=true],:is([data-iui-contrast=high] ._iui3193-anchor){text-decoration:underline}._iui3193-anchor[data-iui-underline=true]:hover,:is([data-iui-contrast=high] ._iui3193-anchor):hover{text-decoration:none}._iui3193-anchor-external{--_iui-anchor-external-svg:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='m16 0v5.4l-1.9-2-8.4 8.4-1.5-1.5 8.3-8.4-1.9-1.9m5.4 16v-9h-1v8h-14v-14h8v-1h-9v16z' /></svg>")}._iui3193-anchor-external:after{content:"";vertical-align:-.1ch;block-size:1.5ch;inline-size:1.5ch;-webkit-mask:var(--_iui-anchor-external-svg);mask:var(--_iui-anchor-external-svg);background-color:currentColor;margin-inline-start:.5ch;display:inline-block}@media (forced-colors:active){._iui3193-anchor-external:after{background-color:linktext}}._iui3193-anchor:where([data-iui-status=informational]){color:var(--iui-color-text-informational);-webkit-tap-highlight-color:hsl(var(--iui-color-informational-hsl)/var(--iui-opacity-6))}._iui3193-anchor:where([data-iui-status=informational]):focus-visible{outline:1px solid var(--iui-color-text-informational);outline-offset:1px}._iui3193-anchor:where([data-iui-status=informational])::selection,._iui3193-anchor:where([data-iui-status=informational]) ::selection{background-color:hsl(var(--iui-color-informational-hsl)/var(--iui-opacity-5))}._iui3193-anchor:where([data-iui-status=informational]):hover{color:var(--iui-color-text-informational-hover)}._iui3193-anchor:where([data-iui-status=positive]){color:var(--iui-color-text-positive);-webkit-tap-highlight-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-6))}._iui3193-anchor:where([data-iui-status=positive]):focus-visible{outline:1px solid var(--iui-color-text-positive);outline-offset:1px}._iui3193-anchor:where([data-iui-status=positive])::selection,._iui3193-anchor:where([data-iui-status=positive]) ::selection{background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5))}._iui3193-anchor:where([data-iui-status=positive]):hover{color:var(--iui-color-text-positive-hover)}._iui3193-anchor:where([data-iui-status=warning]){color:var(--iui-color-text-warning);-webkit-tap-highlight-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-6))}._iui3193-anchor:where([data-iui-status=warning]):focus-visible{outline:1px solid var(--iui-color-text-warning);outline-offset:1px}._iui3193-anchor:where([data-iui-status=warning])::selection,._iui3193-anchor:where([data-iui-status=warning]) ::selection{background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-5))}._iui3193-anchor:where([data-iui-status=warning]):hover{color:var(--iui-color-text-warning-hover)}._iui3193-anchor:where([data-iui-status=negative]){color:var(--iui-color-text-negative);-webkit-tap-highlight-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-6))}._iui3193-anchor:where([data-iui-status=negative]):focus-visible{outline:1px solid var(--iui-color-text-negative);outline-offset:1px}._iui3193-anchor:where([data-iui-status=negative])::selection,._iui3193-anchor:where([data-iui-status=negative]) ::selection{background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5))}._iui3193-anchor:where([data-iui-status=negative]):hover{color:var(--iui-color-text-negative-hover)}._iui3193-avatar{vertical-align:baseline;inline-size:var(--_iui-avatar-size);block-size:var(--_iui-avatar-size);background-color:var(--iui-color-background-skyblue);font-weight:var(--iui-font-weight-semibold);text-align:center;text-transform:uppercase;color:#000000c4;line-height:var(--_iui-avatar-size);font-size:var(--_iui-avatar-font-size);isolation:isolate;--_iui-avatar-size:var(--iui-size-xl);--_iui-avatar-font-size:var(--iui-font-size-2);--_iui-avatar-status-size:calc(var(--iui-size-2xs)*1.5);border:none;border-radius:50%;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex;position:relative}._iui3193-avatar:before{content:"";box-shadow:inset 0 0 0 var(--iui-size-3xs)hsl(var(--iui-color-foreground-hsl)/var(--iui-opacity-5));z-index:1;border-radius:50%;position:absolute;inset:0}._iui3193-avatar svg{fill:#000000c4;block-size:50%;inline-size:50%;display:inline-flex;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}._iui3193-avatar>img{object-fit:cover;background-color:var(--iui-color-background);border-width:0;border-radius:50%;max-inline-size:100%;display:block;position:absolute;inset:0}._iui3193-avatar[data-iui-status]:after{content:"";border:var(--iui-size-3xs)solid var(--iui-color-background);background:var(--_iui-avatar-status-img)no-repeat center/var(--_iui-avatar-status-size,var(--iui-size-xs));background-color:var(--iui-color-border);z-index:2;border-radius:50%;justify-content:center;align-items:center;block-size:25%;inline-size:25%;display:flex;position:absolute;inset-block-end:calc(0px - var(--iui-size-3xs));inset-inline-end:calc(0px - var(--iui-size-3xs));box-sizing:content-box!important}._iui3193-avatar[data-iui-status=online]:after{--_iui-avatar-status-img:url("data:image/svg+xml,<svg fill='white' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M6,14L0,8l2-2l4,4l8-8l2,2L6,14z' /></svg>");background-color:var(--iui-color-background-positive)}._iui3193-avatar[data-iui-status=away]:after{--_iui-avatar-status-img:url("data:image/svg+xml,<svg fill='white' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'><path d='m13.445 12.832-6.445-4.297v-7.535h2v6.465l5.555 3.703z' /></svg>");background-color:var(--iui-color-background-warning)}._iui3193-avatar[data-iui-status=busy]:after{--_iui-avatar-status-img:url("data:image/svg+xml,<svg fill='white' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><rect x='2' y='7' width='12' height='2'></rect></svg>");background-color:var(--iui-color-background-negative)}._iui3193-avatar[data-iui-status=offline]:after{--_iui-avatar-status-img:url("data:image/svg+xml,<svg fill='white' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'><path d='m12.5 2-4.5 4.5-4.5-4.5-1.5 1.5 4.5 4.5-4.5 4.5 1.5 1.5 4.5-4.5 4.5 4.5 1.5-1.5-4.5-4.5 4.5-4.5z' /></svg>");background-color:var(--iui-color-icon-muted)}._iui3193-avatar._iui3193-avatar-count{background-color:var(--iui-color-background);color:var(--iui-color-text-muted)}._iui3193-avatar._iui3193-avatar-count:before{box-shadow:inset 0 0 0 var(--iui-size-3xs)var(--iui-color-border)}._iui3193-avatar[data-iui-size=small]{--_iui-avatar-size:calc(1.5*var(--iui-size-m));--_iui-avatar-font-size:var(--iui-font-size-0);--_iui-avatar-status-size:var(--iui-size-2xs)}._iui3193-avatar[data-iui-size=large]{--_iui-avatar-size:calc(3*var(--iui-size-m));--_iui-avatar-font-size:var(--iui-font-size-3);--_iui-avatar-status-size:var(--iui-size-xs)}._iui3193-avatar[data-iui-size=x-large]{--_iui-avatar-size:var(--iui-size-2xl);--_iui-avatar-font-size:var(--iui-font-size-4);--_iui-avatar-status-size:var(--iui-size-s)}._iui3193-avatar-list{flex-wrap:wrap;display:inline-flex}._iui3193-avatar-list ._iui3193-avatar:not(:first-child){margin-inline-start:var(--iui-size-2xs)}._iui3193-avatar-list ._iui3193-avatar:not(:first-child)[data-iui-size=small]{margin-inline-start:var(--iui-size-3xs)}._iui3193-avatar-list ._iui3193-avatar:not(:first-child)[data-iui-size=large]{margin-inline-start:var(--iui-size-xs)}._iui3193-avatar-list ._iui3193-avatar:not(:first-child)[data-iui-size=x-large]{margin-inline-start:var(--iui-size-s)}._iui3193-avatar-list._iui3193-stacked ._iui3193-avatar:not(:first-child){box-shadow:0 0 0 var(--iui-size-2xs)var(--iui-color-background);margin-inline-start:calc(0px - var(--iui-size-2xs))}._iui3193-avatar-list._iui3193-stacked ._iui3193-avatar:not(:first-child)[data-iui-size=small]{box-shadow:0 0 0 var(--iui-size-3xs)var(--iui-color-background);margin-inline-start:calc(0px - var(--iui-size-3xs))}._iui3193-avatar-list._iui3193-stacked ._iui3193-avatar:not(:first-child)[data-iui-size=large]{margin-inline-start:calc(0px - var(--iui-size-xs))}._iui3193-avatar-list._iui3193-stacked ._iui3193-avatar:not(:first-child)[data-iui-size=x-large]{margin-inline-start:calc(0px - var(--iui-size-s))}@media (prefers-reduced-motion:no-preference){._iui3193-avatar-list._iui3193-stacked._iui3193-animated ._iui3193-avatar{transition:margin-left var(--iui-duration-2)ease-out}}._iui3193-avatar-list._iui3193-stacked._iui3193-animated:hover ._iui3193-avatar:not(:first-child){margin-inline-start:var(--iui-size-2xs)}._iui3193-avatar-list._iui3193-stacked._iui3193-animated:hover ._iui3193-avatar:not(:first-child)[data-iui-size=small]{margin-inline-start:var(--iui-size-3xs)}._iui3193-avatar-list._iui3193-stacked._iui3193-animated:hover ._iui3193-avatar:not(:first-child)[data-iui-size=large]{margin-inline-start:var(--iui-size-xs)}._iui3193-avatar-list._iui3193-stacked._iui3193-animated:hover ._iui3193-avatar:not(:first-child)[data-iui-size=x-large]{margin-inline-start:var(--iui-size-s)}._iui3193-badge{--iui-badge-background-color:#c7ccd1;--_iui-badge-border-color:var(--iui-badge-background-color);--_iui-badge-text-color:#0009;vertical-align:baseline;font-size:var(--iui-font-size-0);padding:0;padding-inline:calc(var(--iui-size-2xs)*1.5);border:none;border:1px solid var(--_iui-badge-border-color);border-radius:var(--iui-border-radius-1);background-color:var(--iui-badge-background-color);color:var(--_iui-badge-text-color);text-transform:uppercase;-webkit-user-select:none;user-select:none;max-inline-size:calc(20ch + var(--iui-size-2xs)*1.5*2);white-space:nowrap;text-overflow:ellipsis;font-weight:var(--iui-font-weight-semibold);margin:0;display:inline-block;overflow:hidden}._iui3193-badge:where([data-iui-status=informational]){--iui-badge-background-color:var(--iui-color-background-informational-muted);--_iui-badge-border-color:var(--iui-color-border-informational);--_iui-badge-text-color:var(--iui-color-text-informational)}._iui3193-badge:where([data-iui-status=positive]){--iui-badge-background-color:var(--iui-color-background-positive-muted);--_iui-badge-border-color:var(--iui-color-border-positive);--_iui-badge-text-color:var(--iui-color-text-positive)}._iui3193-badge:where([data-iui-status=warning]){--iui-badge-background-color:var(--iui-color-background-warning-muted);--_iui-badge-border-color:var(--iui-color-border-warning);--_iui-badge-text-color:var(--iui-color-text-warning)}._iui3193-badge:where([data-iui-status=negative]){--iui-badge-background-color:var(--iui-color-background-negative-muted);--_iui-badge-border-color:var(--iui-color-border-negative);--_iui-badge-text-color:var(--iui-color-text-negative)}._iui3193-backdrop{z-index:998;isolation:isolate;background-color:rgba(0,0,0,var(--iui-opacity-4));block-size:100%;inline-size:100%;transition:visibility var(--iui-duration-0)linear,opacity var(--iui-duration-1)ease-out;transition-delay:var(--iui-duration-1),var(--iui-duration-0);position:absolute;inset-block-start:0;inset-inline-start:0}._iui3193-backdrop:not(._iui3193-backdrop-visible){visibility:hidden;opacity:0}._iui3193-backdrop._iui3193-backdrop-visible{transition-delay:var(--iui-duration-0);animation:_iui3193-fade-in var(--iui-duration-1)ease-out}._iui3193-backdrop._iui3193-backdrop-fixed{position:fixed}._iui3193-blockquote{vertical-align:baseline;--iui-surface-border:1px solid var(--iui-color-border-subtle);--iui-surface-elevation:var(--iui-shadow-1);background-color:var(--iui-color-background);border:none;border:var(--iui-surface-border);border-radius:var(--iui-border-radius-1);box-shadow:var(--iui-surface-elevation);color:var(--iui-color-text);padding:0;padding-block:var(--iui-size-s);padding-inline:var(--iui-size-m);margin:0;margin-block:var(--iui-size-s);text-align:justify;border-inline-start:var(--iui-size-xs)solid var(--iui-color-border);display:block;position:relative}._iui3193-blockquote>footer{text-align:end;color:var(--iui-color-text-muted)}._iui3193-blockquote>footer>cite{font-style:normal}._iui3193-breadcrumbs{--_iui-breadcrumbs-height:var(--iui-component-height);vertical-align:baseline;block-size:var(--_iui-breadcrumbs-height);border:none;align-items:center;margin:0;padding:0;display:flex}._iui3193-breadcrumbs-list{vertical-align:baseline;-webkit-user-select:none;user-select:none;border:none;align-items:center;block-size:100%;inline-size:100%;margin:0;padding:0;list-style-type:none;display:flex}._iui3193-breadcrumbs-item{align-items:center;block-size:100%;display:flex}._iui3193-breadcrumbs-item>*{max-inline-size:26ch}._iui3193-breadcrumbs-content{padding-inline:var(--iui-size-xs);line-height:var(--iui-component-height)}._iui3193-breadcrumbs-content,._iui3193-breadcrumbs-content>*{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._iui3193-breadcrumbs-content:any-link{outline-offset:-1px}._iui3193-breadcrumbs-content:any-link:hover{color:var(--iui-color-text-accent-hover);text-decoration:underline}._iui3193-breadcrumbs-content:where(button,:any-link){vertical-align:middle;-webkit-user-select:none;user-select:none;cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:var(--_iui-button-gap);padding-block:var(--_iui-button-padding-block);padding-inline:var(--_iui-button-padding-inline);--_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-group-item-offset:0;color:var(--iui-color-text-accent);flex-shrink:0;line-height:1.2;text-decoration:none;display:inline-flex;position:relative}._iui3193-breadcrumbs-content:where(button,:any-link):where([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){cursor:not-allowed}._iui3193-breadcrumbs-content:where(button,:any-link)[data-iui-loading=true]>:where(:not(._iui3193-button-spinner)){opacity:0}._iui3193-breadcrumbs-content:where(button,:any-link)[data-iui-loading=true]>:where(._iui3193-button-spinner){margin:auto;position:absolute;inset:0}._iui3193-breadcrumbs-content:where(button,:any-link)[data-iui-shift=left]{margin-inline-start:calc(-1*var(--_iui-button-padding-inline))}._iui3193-breadcrumbs-content:where(button,:any-link)[data-iui-shift=right]{margin-inline-end:calc(-1*var(--_iui-button-padding-inline))}._iui3193-breadcrumbs-content:where(button,:any-link)[aria-current]{color:var(--iui-color-text)}._iui3193-breadcrumbs-separator{margin-inline:var(--iui-size-3xs);display:flex}._iui3193-breadcrumbs-separator svg{inline-size:var(--iui-size-s);block-size:var(--iui-size-s);fill:var(--iui-color-icon-muted);flex-shrink:0;display:flex}@media (forced-colors:active){._iui3193-breadcrumbs-separator svg{fill:canvastext}}._iui3193-button{vertical-align:middle;-webkit-user-select:none;user-select:none;cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:var(--_iui-button-gap);padding-block:var(--_iui-button-padding-block);padding-inline:var(--_iui-button-padding-inline);--_iui-button-gap:var(--iui-size-xs);--_iui-button-padding-block:var(--iui-size-2xs);--_iui-button-padding-inline:var(--iui-size-m);flex-shrink:0;line-height:1.2;text-decoration:none;display:inline-flex;position:relative}._iui3193-button:where([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){cursor:not-allowed}._iui3193-button[data-iui-loading=true]>:where(:not(._iui3193-button-spinner)){opacity:0}._iui3193-button[data-iui-loading=true]>:where(._iui3193-button-spinner){margin:auto;position:absolute;inset:0}._iui3193-button:is([data-iui-has-popover=open],:has(+:popover-open)){--_iui-field-state:var(--_iui-field-state--hover)}._iui3193-button[data-iui-size=small]{--_iui-button-gap:var(--iui-size-2xs);--_iui-button-padding-block:0;--_iui-button-padding-inline:var(--iui-size-xs)}._iui3193-button[data-iui-size=large]{--_iui-button-gap:var(--iui-size-s);--_iui-button-padding-block:var(--iui-size-xs);--_iui-button-padding-inline:var(--iui-size-l)}._iui3193-button[data-iui-variant=borderless]{--_iui-button-group-item-offset:0;--_iui-button-gap:var(--iui-size-xs);--_iui-button-padding-block:var(--iui-size-2xs);--_iui-button-padding-inline:var(--iui-size-xs)}._iui3193-button[data-iui-variant=borderless][data-iui-shift=left]{margin-inline-start:calc(-1*var(--_iui-button-padding-inline))}._iui3193-button[data-iui-variant=borderless][data-iui-shift=right]{margin-inline-end:calc(-1*var(--_iui-button-padding-inline))}._iui3193-button[data-iui-variant=borderless][data-iui-size=small]{--_iui-button-gap:var(--iui-size-2xs);--_iui-button-padding-block:0;--_iui-button-padding-inline:var(--iui-size-2xs)}._iui3193-button[data-iui-variant=borderless][data-iui-size=large]{--_iui-button-gap:var(--iui-size-s);--_iui-button-padding-block:var(--iui-size-xs);--_iui-button-padding-inline:var(--iui-size-s)}._iui3193-button[data-iui-active=true]{--_iui-field-color-icon:var(--iui-color-icon-accent);--_iui-field-color-icon-hover:var(--iui-color-icon-accent);--_iui-field-color-background:var(--iui-color-background-accent-muted);--_iui-field-color-background-hover:var(--iui-color-background-accent-muted);--_iui-field-color-background-disabled:var(--iui-color-background-disabled);--_iui-field-color-text:var(--iui-color-text-accent)}._iui3193-button[data-iui-active=true]:after{content:"";inset-block:var(--_iui-button-active-stripe-inset-block,initial);inset-inline:var(--_iui-button-active-stripe-inset-inline,initial);background:var(--_iui-button-active-stripe-background,var(--iui-color-border-accent));position:absolute}._iui3193-button[data-iui-active=true]:is([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){--_iui-button-active-stripe-background:var(--iui-color-icon-disabled)}._iui3193-button[data-iui-active=true][data-iui-variant=borderless]{--_iui-field-color-background:hsl(var(--iui-color-accent-hsl)/var(--iui-opacity-6));--_iui-field-color-background-hover:hsl(var(--iui-color-accent-hsl)/var(--iui-opacity-6))}._iui3193-button:where([data-iui-variant=high-visibility],[data-iui-variant=cta]){--_iui-field-color-text:var(--iui-color-white);--_iui-field-color-text-hover:var(--iui-color-white);--_iui-field-color-focus-outline:var(--iui-color-white);--_iui-field-focus-outline-offset:-3px;--_iui-field-focus-outline-width:1px;--_iui-field-color-icon:var(--iui-color-white);--_iui-field-color-icon-hover:var(--iui-color-white)}._iui3193-button:where([data-iui-variant=high-visibility]){--_iui-field-color-background:var(--iui-color-background-accent);--_iui-field-color-background-hover:var(--iui-color-background-accent-hover);--_iui-field-color-border:var(--iui-color-background-accent);--_iui-field-color-border-hover:var(--iui-color-background-accent-hover)}._iui3193-button:where([data-iui-variant=cta]){--_iui-field-color-background:var(--iui-color-background-positive);--_iui-field-color-background-hover:var(--iui-color-background-positive-hover);--_iui-field-color-border:var(--iui-color-background-positive);--_iui-field-color-border-hover:var(--iui-color-background-positive-hover)}._iui3193-button-dropdown{padding-inline-end:calc(var(--iui-size-xs) - 1px)}._iui3193-button-dropdown[data-iui-size=small]{padding-inline-end:calc(var(--iui-size-2xs) - 1px)}._iui3193-button-dropdown[data-iui-size=large]{padding-inline-end:calc(var(--iui-size-s) - 1px)}._iui3193-button-idea{border-radius:var(--iui-border-radius-round);box-shadow:var(--iui-shadow-5);position:fixed;inset-block-end:var(--iui-size-s);inset-inline-end:var(--iui-size-m)}._iui3193-button-icon{color:var(--_iui-field-icon-color,currentColor);flex-shrink:0;display:inline-flex}._iui3193-button-icon svg{inline-size:var(--iui-size-m);block-size:var(--iui-size-m);transition:fill var(--iui-duration-1)ease-out;fill:currentColor;flex-shrink:0;display:flex}._iui3193-button-split{isolation:isolate;align-items:center;display:inline-flex}._iui3193-button-split :where(._iui3193-button:first-child){border-start-end-radius:0;border-end-end-radius:0}._iui3193-button-split :where(._iui3193-button:first-child)[data-iui-variant=high-visibility],._iui3193-button-split :where(._iui3193-button:first-child)[data-iui-variant=cta]{border-inline-end-color:rgba(255,255,255,var(--iui-opacity-4))}._iui3193-button-split :where(._iui3193-button:first-child):hover{z-index:1}._iui3193-button-split :where(._iui3193-button:first-child):is([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){border-inline-end-color:var(--iui-color-border-subtle);z-index:-1}._iui3193-button-split :where(._iui3193-button:last-child){--_iui-button-padding-inline:var(--iui-size-2xs);min-inline-size:unset;border-start-start-radius:0;border-end-start-radius:0;margin-inline-start:-1px}._iui3193-button-split :where(._iui3193-button:last-child)[data-iui-variant=high-visibility],._iui3193-button-split :where(._iui3193-button:last-child)[data-iui-variant=cta]{border-inline-start-color:rgba(255,255,255,var(--iui-opacity-4))}._iui3193-button-split :where(._iui3193-button:last-child):where([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){border-inline-start-color:var(--iui-color-border-subtle);z-index:-1}._iui3193-button-split :where(._iui3193-button:last-child)[data-iui-size=small]{--_iui-button-padding-inline:var(--iui-size-3xs)}._iui3193-button-split :where(._iui3193-button:last-child)[data-iui-size=large]{--_iui-button-padding-inline:var(--iui-size-xs)}._iui3193-button-group:where(:not([data-iui-orientation=vertical])){--_iui-button-group-item-offset:-1px;isolation:isolate;pointer-events:none;align-items:center;display:inline-flex}._iui3193-button-group:where(:not([data-iui-orientation=vertical]))>[class]{pointer-events:all;position:relative}._iui3193-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3193-field,._iui3193-input-flex-container){--_iui-button-active-stripe-inset-block:var(--iui-size-3xs)calc(100% - var(--iui-size-2xs));--_iui-button-active-stripe-inset-inline:var(--iui-size-3xs)}._iui3193-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3193-field,._iui3193-input-flex-container):hover{z-index:1}._iui3193-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3193-field,._iui3193-input-flex-container):is(:disabled,[aria-disabled=true]){z-index:-1}._iui3193-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3193-field,._iui3193-input-flex-container):focus,._iui3193-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3193-field,._iui3193-input-flex-container):focus:where([aria-disabled=true]),._iui3193-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3193-field,._iui3193-input-flex-container):focus-within,._iui3193-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3193-field,._iui3193-input-flex-container):focus-within:where([aria-disabled=true]){z-index:2}._iui3193-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3193-field:not([data-iui-variant=borderless]),._iui3193-input-flex-container){border-radius:0;transition-duration:0s}._iui3193-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3193-field:not([data-iui-variant=borderless]),._iui3193-input-flex-container):hover,._iui3193-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3193-field:not([data-iui-variant=borderless]),._iui3193-input-flex-container):focus{transition-duration:var(--iui-duration-1)}._iui3193-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(:nth-child(1 of :where(._iui3193-field,._iui3193-input-flex-container))){border-start-start-radius:var(--iui-border-radius-1);border-end-start-radius:var(--iui-border-radius-1)}._iui3193-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(:nth-last-child(1 of :where(._iui3193-field,._iui3193-input-flex-container))){border-start-end-radius:var(--iui-border-radius-1);border-end-end-radius:var(--iui-border-radius-1)}._iui3193-button-group:where(:not([data-iui-orientation=vertical]))>[class]~:where(._iui3193-field,._iui3193-input-flex-container){margin-inline-start:var(--_iui-button-group-item-offset)}._iui3193-button-group:where(:not([data-iui-orientation=vertical]))>[class]~:where(._iui3193-field,._iui3193-input-flex-container):where(:disabled,[aria-disabled=true]):where(:not([data-iui-variant=borderless])){border-inline-start-color:var(--iui-color-border-subtle)}._iui3193-button-group:where([data-iui-orientation=vertical]){--_iui-button-group-item-offset:-1px;isolation:isolate;pointer-events:none;flex-direction:column;align-items:center;max-block-size:100%;display:in